@charset "UTF-8";

.iconSvg {
  display: inline-block; }
  .iconSvg.iconFb {
    background: url("/images/onb/2019/iconFb.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .iconSvg.iconTw {
    background: url("/images/onb/2019/iconTw.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .iconSvg.iconIn {
    background: url("/images/onb/2019/iconIn.svg") no-repeat;
    width: 20px;
    height: 20px; }
.icon {
  display: inline-block; }
  .icon.double_comment {
    background: url("/images/onb/2019/double_comment.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconComment {
    background: url("/images/onb/2019/iconComment.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconNew {
    background: url("/images/onb/2019/iconNew.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconFeature {
    background: url("/images/onb/2019/iconFeature.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconRaise {
    background: url("/images/onb/2019/iconRaise.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconSeminar {
    background: url("/images/onb/2019/iconSeminar.svg") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconSearch {
    background: url("/images/onb/2019/iconSearch.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconLike {
    background: url("/images/onb/2019/iconLike.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconReply {
    background: url("/images/onb/2019/iconReply.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconStarRed {
    background: url("/images/onb/2019/iconStarRed.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconFill {
    background: url("/images/onb/2019/iconFill.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconDisLike {
    background: url("/images/onb/2019/iconDisLike.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconFb {
    background: url("/images/onb/2019/iconFb.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconTw {
    background: url("/images/onb/2019/iconTw.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconIn {
    background: url("/images/onb/2019/iconIn.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconClose {
    background: url("/images/onb/2019/iconClose.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.incon_close_20x20 {
    background: url("/images/onb/2019/incon_close_20x20.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconLockClose {
    background: url("/images/onb/2019/sp/iconLockClose.svg") no-repeat 0px 2px;
    width: 20px;
    height: 20px; }
  .nbdd .icon.iconLockClose { background: none !important; width: 0 !important; height: 0 !important; }
  .icon.iconLockOpen {
    background: url("/images/onb/2019/iconLockOpen.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconchart {
    background: url("/images/onb/2019/iconchart.svg?1217") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconReplyDown {
    background: url("/images/onb/2019/iconReplyDown.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconOvalMovie {
    background: url("/images/onb/2019/iconOvalMovie.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconMovie {
    background: url("/images/onb/2019/iconMovie.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.viewerIcon {
    background: url("/images/onb/2019/viewerIcon.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconLoading_32x32 {
    background: url("/images/onb/2019/iconLoading_32x32.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconClose_18x18 {
    background: url("/images/onb/2019/iconClose_18x18.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.iconSearchRed {
    background: url("/images/onb/2019/iconSearchRed.png") no-repeat;
    width: 20px;
    height: 20px; }
  .icon.viewer {
    background: url("/images/onb/2019/viewer.png") no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px; }
  .icon.iconRightArrow {
    background: url("/images/onb/2019/arrowAuthorPopup.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 12px;
    position: relative;
    top: -2px; }
  .icon.iconLeftArrow {
    background: url("/images/onb/2019/arrowAuthorPopup.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -2px; }
  .icon.iconNewMenu {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconNew.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconMyPage {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconMyPage.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconAuthor {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconAuthor.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconColumn {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconColumn.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconFeatureMenu {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconFeature.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconRaiseMenu {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconRaise.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconSeminarMenu {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconSeminar.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconMagazine {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconMagazine.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconRanking {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconRanking.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconSpecialissue {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    background: url("/images/onb/2019/iconSpecialissue.svg") no-repeat;
    vertical-align: middle; }
  .icon.iconRaiseview {
    background: url(/images/onb/2019/join_raise.png) no-repeat;
    background-size: 12px auto;
    width: 12px;
    height: 12px;
    margin-right: 4px;}

html {
  font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #242424;
  background-color: #FFFFFF; }
  html input, html textarea, html select, html button {
    font-size: 14px;
    font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  html button {
    cursor: pointer; }
  html a {
    color: inherit;
    text-decoration: none; }
  html p {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    margin: 0; }
  html ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-left: 0;
    margin: 0; }
  html header {
    clear: both; }
  html footer {
    clear: both; }
  html body {
    margin: 0;
    min-width: 1120px; }
    html body h1, html body h2, html body h3, html body h4, html body h5 {
      margin: 0;
      font-size: 100%;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0;
      margin-inline-end: 0; }
  html #wrapper div.content, html #wrapperSecond div.content {
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    clear: both; }
    html #wrapper div.content .Container, html #wrapperSecond div.content .Container {
      background-color: #FFFFFF; }
  html .globalNaviContainer {
    width: 1120px;
    margin-left: auto;
    margin-right: auto; }
  html .headerContainer {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 30px -15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1); }
  html .headerBlock, html .bodyBlock {
    display: flex;
    align-items: center;
    height: 67px;
    width: 1120px;
    margin-left: auto;
    margin-right: auto; }
  html .fullWidth .headerBlock, html .bodyBlock {
    height: initial; }
  html header.headerFix {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
    html header.headerFix .headerBlock {
      margin-bottom: 12px;
      /*overflow: hidden; */
    }
  html article {
    width: 760px;
    float: left; }
  html .elementHide {
    display: none; }
  html .asideRight {
    width: 300px;
    float: right; }
  html .asideRight2 {
    margin-top: 66px; }
  html .asideLeft {
    width: 200px;
    float: left; }
  html .centerArticle {
    width: 520px;
    display: inline-block;
    float: none;
    padding-left: 40px; }
  html .textAuthor {
    color: #E6001E; }
  html .textAuthorTitle {
    color: #666666; }
  html .popupClassHide {
    display: none; }
  html .simple-popup-content {
    padding: 0;
    background: transparent !important;
    overflow: inherit; }
  html .simple-popup-content .close:before {
    color: #FFFFFF; }
  .headerFix + .content {
    padding-top: 79px;
}

h2.titleBox {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  margin: 60px 0 10px 0;
  display: inline-block; }
  h2.titleBox:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: -20px;
    left: 0;
    width: 40px;
    height: 4px; }

h2.titleBoxSecond {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  margin: 10px 0 10px 0;
  display: inline-block; }
  h2.titleBoxSecond:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: -20px;
    left: 0;
    width: 40px;
    height: 4px; }

span.besideTitleBox {
  margin-left: 30px; }

.avatarCicrle {
  overflow: hidden;
  position: relative;
  border-radius: 50%; }
  .avatarCicrle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%; }
  .avatarCicrle.sizeSeventyTwo {
    width: 72px;
    height: 72px; }
  .avatarCicrle.sizeFiftySix {
    width: 56px;
    height: 56px; }
  .avatarCicrle.sizeForty {
    width: 40px;
    height: 40px; }
  .avatarCicrle.sizeThirtySix {
    width: 36px;
    height: 36px; }
  .avatarCicrle.sizeThirtyTwo {
    width: 32px;
    height: 32px; }
  .avatarCicrle.sizeTwentyFour {
    width: 24px;
    height: 24px; }

.profileCicrle img {
  border-radius: 50%; }

img.timeIcon {
  margin-left: 10px; }

.imageTitleBlur {
  height: 100%;
  width: 100%;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.1); }

.imageTitleBlur:before {
  content: '';
  background: rgba(51, 51, 51, 0.36);
   position:absolute;
   width:100%;
   height:100%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .featureBox .featureBoxContent {
    background: rgba(51, 51, 51, 0.36); } }

.asidePrint {
  width: 650px;
  margin: 0 auto; }

.articleBody .bgCol, .articleBody .bgColTintA, .articleBody .bgColTintB, .articleBody .bgColShade, .articleBody .bgColShadeA, .articleBody .bgColShadeB, .articleBody .bgColBlack, .articleBody .bgColBlackTintA, .articleBody .bgColBlackTintB, .articleBody .bgColBlackShade, .articleBody .bgColBlackShadeA, .articleBody .bgColBlackShadeB {
  padding: 8px;
  font-size: 17px;
  line-height: 1.76;
  letter-spacing: 0.2px;
  border-radius: 1px; }

.articleBody .textCol, .articleBody .textColTintA, .articleBody .textColTintB, .articleBody .textColShade, .articleBody .textColShadeA, .articleBody .textColShadeB, .articleBody .textColBlack, .articleBody .textColBlackTintA, .articleBody .textColBlackTintB, .articleBody .textColBlackShade, .articleBody .textColBlackShadeA, .articleBody .textColBlackShadeB {
  font-size: 17px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.2px; }

/* ================================================
■BP標準CSSサンプルコード
================================================  */
/* リード */
.articleBody {
  font-size: 16px; }
  .articleBody .bplead {
    line-height: 2em;
    font-weight: bold;
    margin-bottom: 30px; }
  .articleBody h3 {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #666666;
    margin: 40px 0 0 0;
    padding: 5px 14px;
    clear: both;
    background: #f6f6f6;
    position: relative; }
    .articleBody h3:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 6px;
      height: 6px;
      background-color: #e6001e; }
  .articleBody h4 {
    padding: 15px 0 15px 20px;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: 0.2px;
    clear: both;
    border-left: 3px solid #E6001E;
    margin-bottom: 20px; }
  .articleBody p {
    line-height: 1.7; }
    .articleBody p a {
      color: #e6001e; }
      .articleBody p a[target="_blank"]::after {
        content: url("/images/onb/2019/link.png");
        top: 0;
        position: relative;
        margin-right: 5px; }
  .articleBody p.textAlignLeft a::after,
  .articleBody p.textAlignCenter a::after,
  .articleBody p.textAlignRight a::after {content: none;}
  .articleBody .fontSizeXXL {
    font-size: 32px; }
  .articleBody .fontSizeXL {
    font-size: 24px; }
  .articleBody .fontSizeL {
    font-size: 21px; }
  .articleBody .fontSizeM {
    font-size: 18px; }
  .articleBody .fontSizeS {
    font-size: 14px; }
  .articleBody .fontSizeXS {
    font-size: 12px; }
  .articleBody .textCol {
    color: #e6001e; }
  .articleBody .textColTintA {
    color: #ed4c61; }
  .articleBody .textColTintB {
    color: #fa8460; }
  .articleBody .textColShade {
    color: #f599a5; }
  .articleBody .textColShadeA {
    color: #faccd2; }
  .articleBody .textColShadeB {
    color: #fdcebf; }
  .articleBody .bgCol {
    background-color: #e6001e; }
  .articleBody .bgColTintA {
    background-color: #ed4c61; }
  .articleBody .bgColTintB {
    background-color: #f88465; }
  .articleBody .bgColShade {
    background-color: #f599a5; }
  .articleBody .bgColShadeA {
    background-color: #faccd2; }
  .articleBody .bgColShadeB {
    background-color: #fdcebf; }
  .articleBody .textColBlack {
    color: #242424; }
  .articleBody .textColBlackTintA {
    color: #666666; }
  .articleBody .textColBlackTintB {
    color: #999999; }
  .articleBody .textColBlackShade {
    color: #dddddd; }
  .articleBody .textColBlackShadeA {
    color: #eeeeee; }
  .articleBody .textColBlackShadeB {
    color: #f6f6f6; }
  .articleBody .bgColBlack {
    background-color: #242424;
    color: #ffffff; }
  .articleBody .bgColBlackTintA {
    background-color: #666666;
    color: #ffffff; }
  .articleBody .bgColBlackTintB {
    background-color: #999999;
    color: #ffffff; }
  .articleBody .bgColBlackShade {
    background-color: #dddddd; }
  .articleBody .bgColBlackShadeA {
    background-color: #eeeeee; }
  .articleBody .bgColBlackShadeB {
    background-color: #f6f6f6; }
  .articleBody .textColGray {
    color: gray; }
  .articleBody .textColSilver {
    color: silver; }
  .articleBody .textColWhite {
    color: white; }
  .articleBody .textColRed {
    color: #e6001e; }
  .articleBody .textColYellow {
    color: yellow; }
  .articleBody .textColLime {
    color: lime; }
  .articleBody .textColAqua {
    color: aqua; }
  .articleBody .textColBlue {
    color: blue; }
  .articleBody .textColFuchsia {
    color: fuchsia; }
  .articleBody .textColMaroon {
    color: maroon; }
  .articleBody .textColOlive {
    color: olive; }
  .articleBody .textColGreen {
    color: green; }
  .articleBody .textColTeal {
    color: teal; }
  .articleBody .textColNavy {
    color: navy; }
  .articleBody .textColPurple {
    color: purple; }
  .articleBody .bgColBlack {
    background-color: black; }
  .articleBody .bgColGray {
    background-color: gray; }
  .articleBody .bgColSilver {
    background-color: silver; }
  .articleBody .bgColWhite {
    background-color: white; }
  .articleBody .bgColRed {
    background-color: red; }
  .articleBody .bgColYellow {
    background-color: yellow; }
  .articleBody .bgColLime {
    background-color: lime; }
  .articleBody .bgColAqua {
    background-color: aqua; }
  .articleBody .bgColBlue {
    background-color: blue; }
  .articleBody .bgColFuchsia {
    background-color: fuchsia; }
  .articleBody .bgColMaroon {
    background-color: maroon; }
  .articleBody .bgColOlive {
    background-color: olive; }
  .articleBody .bgColGreen {
    background-color: green; }
  .articleBody .bgColTeal {
    background-color: teal; }
  .articleBody .bgColNavy {
    background-color: navy; }
  .articleBody .bgColPurple {
    background-color: purple; }
  .articleBody b, .articleBody .fontBold {
    font-weight: bold; }
  .articleBody .fontNormal {
    font-weight: normal; }
  .articleBody i, .articleBody .fontItalic {
    font-style: italic; }
  .articleBody em, .articleBody strong {
    font-style: normal;
    font-weight: bold; }
  .articleBody sup {
    vertical-align: super;
    font-size: 12px; }
  .articleBody sub {
    vertical-align: sub;
    font-size: 12px; }
  .articleBody u, .articleBody .textSolidUndrLine {
    text-decoration: none;
    padding-bottom: 2.5px;
    border-bottom: 1px solid #242424; }
  .articleBody .textUnsolidUndrLine {
    padding-bottom: 2.5px;
    border-bottom: 1px dashed #242424; }
  .articleBody s, .articleBody del, .articleBody .textLineThrough {
    text-decoration: line-through; }
  .articleBody .textHighlight {
    padding: 1px;
    background: #ff4cff; }
  .articleBody .textHighlightTintA {
    padding: 1px;
    background: #ffff4c; }
  .articleBody .textHighlightTintB {
    padding: 1px;
    background: #4cffff; }
  .articleBody .textHighlightShade {
    padding: 1px;
    background: #ffe5ff; }
  .articleBody .textHighlightShadeA {
    padding: 1px;
    background: #ffffe5; }
  .articleBody .textHighlightShadeB {
    padding: 1px;
    background: #e5ffff; }
  .articleBody .textAlignLeft {
    text-align: left; }
  .articleBody .textAlignCenter {
    text-align: center;
    display: block; }
  .articleBody .textAlignRight {
    text-align: right;
    display: block; }
  .articleBody hr {
    width: 100%;
    border: none;
    border-top: 1px solid #eeeeee; }
    .articleBody hr.asterisk {
      border: none; }
      .articleBody hr.asterisk:after {
        content: "＊＊＊";
        letter-spacing: 4em;
        margin-right: -4em;
        text-align: center; }
    .articleBody hr.diamond {
      border: none; }
      .articleBody hr.diamond:after {
        content: "◇◇◇";
        letter-spacing: 4em;
        margin-right: -4em;
        text-align: center; }
    .articleBody hr.line {
      width: 80%;
      border-top: 1px solid gray; }
    .articleBody hr:after, .articleBody hr.line:after {
      content: "";
      display: block; }
  .articleBody .clearLeft {
    clear: left; }
  .articleBody .clearRight {
    clear: right; }
  .articleBody .clearBoth {
    clear: both; }
  .articleBody .clearfix:after {
    content: "";
    display: block;
    clear: both; }
  .articleBody .bpimage_image {
    margin-bottom: 0px;
    width: 100%; }
    .articleBody .bpimage_image img {
      width: 100%; }
    .articleBody .bpimage_image .imgYoutube {
      position: relative; }
      .articleBody .bpimage_image .imgYoutube .iconYoutube {
        width: auto;
        position: absolute;
        right: 45%;
        top: 45%; }
      .articleBody .bpimage_image .imgYoutube .textTime {
        font-size: 12px;
        color: #fff;
        letter-spacing: 0.2px;
        position: absolute;
        font-weight: 500;
        bottom: 12px;
        right: 16px;
        background-color: #242424;
        padding-left: 4px;
        padding-right: 4px; }
  .articleBody .bpimage_title {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #242424;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block; }
    .articleBody .bpimage_title + .bpimage_image {
      margin-top: 5px; }
  .articleBody .bpimage_caption {
    line-height: 1.5em;
    display: inline-block; }
  .articleBody .bpimage_click {
    margin-top: 5px;
    color: #666666; }
  .articleBody .bpimage_right {
    width: 280px;
    float: right;
    margin: 0 0 15px 30px; }
    .articleBody .bpimage_right .bpimage_caption {
      margin-bottom: 5px; }
  .articleBody .bpimage_left {
    width: 280px;
    float: left;
    margin: 0 30px 15px 0; }
    .articleBody .bpimage_left .bpimage_caption {
      margin-bottom: 5px; }
  .articleBody .bpimage_center {
    width: 520px;
    margin: 10px auto 30px; }
  .articleBody .bpimage_double {
    margin: 10px auto 30px;
    overflow: hidden; }
    .articleBody .bpimage_double .bpimage_left, .articleBody .bpimage_double .bpimage_right {
      margin: 0;
      width: 300px; }
  .articleBody .bpimage_triple {
    margin: 10px auto 30px;
    overflow: hidden; }
    .articleBody .bpimage_triple .bpimage_wrap {
      margin: 0;
      float: left;
      overflow: hidden;
      width: 408px; }
    .articleBody .bpimage_triple .bpimage_left {
      margin: 0;
      width: 196px; }
    .articleBody .bpimage_triple .bpimage_center {
      float: right;
      margin: 0;
      width: 196px; }
    .articleBody .bpimage_triple .bpimage_right {
      margin: 0;
      width: 196px; }
  .articleBody .bpbox_left {
    float: left;
    margin: 5px 30px 10px 0; }
    .articleBody .bpbox_left .bpimage_caption {
      margin-bottom: 20px; }
  .articleBody .bpbox_right {
    float: right;
    margin: 5px 0 10px 30px; }
    .articleBody .bpbox_right .bpimage_caption {
      margin-bottom: 20px; }
  .articleBody .bpimage_set {
    margin: 0 0 10px 0;
    width: 280px; }
  .articleBody .bpimage_caption_right {
    margin: 0 auto 20px;
    overflow: hidden;
    zoom: 1; }
    .articleBody .bpimage_caption_right .bpimage_left {
      margin-bottom: 0; }
    .articleBody .bpimage_caption_right .bpimage_title {
      padding: 10px 0 0;
      clear: none; }
    .articleBody .bpimage_caption_right .bpimage_caption {
      clear: none; }
  .articleBody .bptable {
    width: 600px;
    margin: 10px auto 30px;
    overflow-x: auto; }
    .articleBody .bptable table {
      width: 600px;
      border-collapse: collapse; }
    .articleBody .bptable th, .articleBody .bptable td {
      border: 1px solid #eeeeee;
      padding: 12px;
      font-size: 12px;
      line-height: 1.3em;
      text-align: center; }
    .articleBody .bptable th {
      background: #f6f6f6; }
  .articleBody .bptable_title {
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #242424;
    font-weight: bold; }
  .articleBody .bptable_caption {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #666666;
    margin-top: 5px; }
  .articleBody .bptable_title + table, .articleBody .bptable_caption + table {
    margin-top: 10px; }
  .articleBody .bptable_left {
    float: left;
    clear: both;
    margin: 0 30px 10px 0; }
  .articleBody .bptable_right {
    float: right;
    clear: both;
    margin: 0 0 10px 30px; }
  .articleBody .bptable_center {
    clear: both; }
  .articleBody .bpprofile, .articleBody .bpprofile_photo {
    width: auto;
    clear: both;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 0 auto 50px auto;
    padding: 20px 0;
    overflow: hidden;
    zoom: 1; }
  .articleBody .bpprofile_profile {
    margin: 0 0 15px; }
    .articleBody .bpprofile_profile img {
      border-radius: 50%; }
  .articleBody .bpprofile_persional {
    display: inline-block;
    position: relative;
    margin-left: 20px; }
  .articleBody .bpprofile_position {
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: 0.2px;
    color: #666666; }
  .articleBody .bpprofile_name {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: 0.2px;
    color: #242424;
    margin-right: 12px; }
  .articleBody .bpprofile_small_name {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #242424; }
  .articleBody .bpprofile_text {
    font-size: 15px;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #242424; }
  .articleBody .bpprofile_photo .bpprofile_text img {
    float: right;
    margin: 0 0 0 30px;
    padding: 0; }
  .articleBody .bpinterview {
    width: auto;
    border: 1px solid #eeeeee;
    margin: 0 auto 50px auto;
    padding: 20px 20px; }
  .articleBody .bpinterview_profile {
    margin: 0 0 15px; }
  .articleBody .bpinterview_position {
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: 0.2px;
    color: #666666; }
  .articleBody .bpinterview_name {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: 0.2px;
    color: #242424;
    margin-right: 12px; }
  .articleBody .bpinterview_small_name {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #242424; }
  .articleBody .bpinterview_text {
    font-size: 15px;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #242424; }
  .articleBody ul > li, .articleBody ol > li {
    padding-left: 0;
    font-size: 17px;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #242424; }
  .articleBody dl > dd {
    line-height: 1.4;
    margin: 0 0 0.5em 2em; }
  .articleBody ul, .articleBody ol, .articleBody dl {
    margin-bottom: 1.0em; }
  .articleBody ul {
    padding-left: 2em; }
    .articleBody ul.disc {
      padding-left: 2em; }
    .articleBody ul.circle {
      padding-left: 2em; }
    .articleBody ul.square {
      padding-left: 2em; }
    .articleBody ul.none {
      padding-left: 0.5em;
      list-style-type: none; }
  .articleBody ul {
    list-style-type: disc;
    list-style: none;
    margin-top: 10px; }
    .articleBody ul li {
      position: relative; }
    .articleBody ul.dash {
      padding-left: 14px; }
    .articleBody ul.dash > li:after {
      content: '-';
      position: absolute;
      left: -12px;
      top: 4px; }
    .articleBody ul.disc {
      padding-left: 25px;
      list-style-type: disc; }
    .articleBody ul.disc > li:after {
      content: ''; }
    .articleBody ul.circle {
      padding-left: 25px;
      list-style-type: circle; }
    .articleBody ul.circle > li:after {
      content: ''; }
    .articleBody ul.square {
      padding-left: 25px; }
    .articleBody ul.square > li:after {
      content: ' ';
      width: 6px;
      height: 6px;
      background-color: #e6001e;
      position: absolute;
      left: -18px;
      top: 10px; }
    .articleBody ul.none {
      padding-left: 0.5em;
      list-style-type: none; }
  .articleBody ol {
    padding-left: 2em;
    list-style-type: decimal;
    margin-top: 20px;
    padding-left: 25px; }
    .articleBody ol.upperAlpha {
      list-style-type: upper-alpha; }
    .articleBody ol.lowerAlpha {
      list-style-type: lower-alpha; }
    .articleBody ol.upperRoman {
      list-style-type: upper-roman; }
    .articleBody ol.lowerRoman {
      list-style-type: lower-roman; }
    .articleBody ol.circledDecimal {
      padding-left: 20px;
      list-style: none; }
      .articleBody ol.circledDecimal li {
        text-indent: -1em; }
        .articleBody ol.circledDecimal li:before {
          padding-right: 5px; }
        .articleBody ol.circledDecimal li:first-child:before {
          content: "\2460"; }
        .articleBody ol.circledDecimal li:first-child + li:before {
          content: "\2461"; }
        .articleBody ol.circledDecimal li:first-child + li + li:before {
          content: "\2462"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li:before {
          content: "\2463"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li:before {
          content: "\2464"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li:before {
          content: "\2465"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li:before {
          content: "\2466"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li:before {
          content: "\2467"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li:before {
          content: "\2468"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li:before {
          content: "\2469"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246a"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246b"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246c"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246d"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246e"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\246f"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\2470"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\2471"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\2472"; }
        .articleBody ol.circledDecimal li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:before {
          content: "\2473"; }
    .articleBody ol.circledDecimal ol {
      padding-left: 25px; }
    .articleBody ol.circledDecimal ol li {
      text-indent: 0; }
      .articleBody ol.circledDecimal ol li:before {
        padding: 0;
        content: '' !important; }
  .articleBody dl > dt {
    text-decoration: underline;
    margin: 1em 10px; }
  .articleBody dl > dd > ul {
    margin-top: 0.5em; }
  .articleBody p span.speaker01 {
    color: #ff3c5f;
    font-weight: bold; }
  .articleBody p span.speaker02 {
    color: #d7bd00;
    font-weight: bold; }
  .articleBody p span.speaker03 {
    color: #5bc0e2;
    font-weight: bold; }
  .articleBody p span.speaker04 {
    color: #f29f0f;
    font-weight: bold; }
  .articleBody p span.speaker05 {
    color: #6e520d;
    font-weight: bold; }
  .articleBody p span.speaker06 {
    color: #ce4a54;
    font-weight: bold; }
  .articleBody p span.speaker07 {
    color: #3e70c0;
    font-weight: bold; }
  .articleBody p span.speaker08 {
    color: #107786;
    font-weight: bold; }
  .articleBody p span.speaker09 {
    color: #555555;
    font-weight: bold; }
  .articleBody .bpquestion {
    line-height: 2em;
    font-weight: bold;
    margin: 0 0 20px; }
    .articleBody .bpquestion::before {
      content: '—'; }
  .articleBody .bpanswer {
    line-height: 2em; }
  .articleBody .bpbox, .articleBody .bpbox2, .articleBody .bpbox3, .articleBody .bpbox4, .articleBody .bpbox5, .articleBody .bpbox6, .articleBody .bpframe {
    width: auto;
    clear: both;
    margin: 0 0 30px 0;
    padding: 30px 20px;
  overflow: hidden; }
    .articleBody .bpbox p, .articleBody .bpbox2 p, .articleBody .bpbox3 p, .articleBody .bpbox4 p, .articleBody .bpbox5 p, .articleBody .bpbox6 p, .articleBody .bpframe p {
      font-size: 15px; }
    .articleBody .bpbox .bpimage_right, .articleBody .bpbox2 .bpimage_right, .articleBody .bpbox3 .bpimage_right, .articleBody .bpbox4 .bpimage_right, .articleBody .bpbox5 .bpimage_right, .articleBody .bpbox6 .bpimage_right, .articleBody .bpframe .bpimage_right {
      margin: 20px 0 20px 20px; }
    .articleBody .bpbox .bpbox_title, .articleBody .bpbox2 .bpbox_title, .articleBody .bpbox3 .bpbox_title, .articleBody .bpbox4 .bpbox_title, .articleBody .bpbox5 .bpbox_title, .articleBody .bpbox6 .bpbox_title, .articleBody .bpframe .bpbox_title {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: 0.2px;
      color: #242424;
      position: relative;
      padding-left: 10px;
      margin: 0 0 10px; }
      .articleBody .bpbox .bpbox_title:before, .articleBody .bpbox2 .bpbox_title:before, .articleBody .bpbox3 .bpbox_title:before, .articleBody .bpbox4 .bpbox_title:before, .articleBody .bpbox5 .bpbox_title:before, .articleBody .bpbox6 .bpbox_title:before, .articleBody .bpframe .bpbox_title:before {
        content: ' ';
        width: 3px;
        height: 15px;
        background-color: #e6001e;
        position: absolute;
        top: 3px;
        left: 0px;
        overflow: hidden; }
    .articleBody .bpbox .bpbox_text, .articleBody .bpbox2 .bpbox_text, .articleBody .bpbox3 .bpbox_text, .articleBody .bpbox4 .bpbox_text, .articleBody .bpbox5 .bpbox_text, .articleBody .bpbox6 .bpbox_text, .articleBody .bpframe .bpbox_text {
      font-size: 15px;
      line-height: 1.59;
      letter-spacing: 0.2px;
      color: #242424;
      font-weight: 500;
      /*margin-bottom: 20px;*/ }
  .articleBody .bpbox_title {
    line-height: 1.3;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 0 0 5px; }
  .articleBody .bpbox_text {
    font-size: 0.8em;
    line-height: 1.7em;
    margin: 0;
    overflow: hidden; }
    .articleBody .bpbox_text h3 {
      line-height: 1.3;
      margin-bottom: 10px; }
    .articleBody .bpbox_text h4 {
      font-size: 0.8em;
      line-height: 1.7;
      margin-bottom: 10px; }
    .articleBody .bpbox_text p {
      line-height: 1.7em;
      margin: 0;
      /* overflow: hidden; */ }
      .articleBody .bpbox_text p + h3, .articleBody .bpbox_text p + h4 {
        margin-top: 20px; }
    .articleBody .bpbox_text .bpimage_left {
      margin: 0 15px 0 0; }
    .articleBody .bpbox_text p + p {
      margin-top: 15px; }
    .articleBody .bpbox_text li {
      /*font-size: 0.8em;*/
      line-height: 1.5;
      margin: 0 0 8px 30px;
      text-indent: -14px; }
  .articleBody .bpbox {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    background: #ffffff; }
    .articleBody .bpbox .bpbox_title {
      color: #242424; }
    .articleBody .bpbox .bpbox_text h3 {
      color: #1e64aa; }
  .articleBody .bpbox2 {
    border-radius: 2px;
    border: solid 1px #f599a5;
    background: #fef9fa; }
    .articleBody .bpbox2 .bpbox_title {
      color: #242424; }
      .articleBody .bpbox2 .bpbox_title:before {
        background-color: #f599a5; }
    .articleBody .bpbox2 .bpbox_text h3 {
      color: #3c6478; }
  .articleBody .bpbox3 {
    border-radius: 2px;
    background-color: #fef2ef; }
    .articleBody .bpbox3 .bpbox_title {
      color: #242424; }
      .articleBody .bpbox3 .bpbox_title:before {
        background-color: #f88465; }
    .articleBody .bpbox3 .bpbox_text h3 {
      color: #be6400; }
  .articleBody .bpbox4 {
    border: 1px solid #f88465;
    border-radius: 2px; }
    .articleBody .bpbox4 .bpbox_title {
      color: #242424; }
      .articleBody .bpbox4 .bpbox_title:before {
        background-color: #f88465; }
    .articleBody .bpbox4 .bpbox_text h3 {
      color: #503c8c; }
  .articleBody .bpbox5 {
    background-color: #fafafa;
    border-radius: 2px; }
    .articleBody .bpbox5 .bpbox_title {
      color: #242424; }
      .articleBody .bpbox5 .bpbox_title:before {
        background-color: #666666; }
    .articleBody .bpbox5 .bpbox_text h3 {
      color: #503c8c; }
  .articleBody .bpbox6 {
    position: relative;
    border: 4px double #ed4c61;
    border-radius: 2px; }
    .articleBody .bpbox6 .bpbox_title {
      color: #242424; }
      .articleBody .bpbox6 .bpbox_title:before {
        background-color: #f59faa; }
    .articleBody .bpbox6 .bpbox_text h3 {
      color: #503c8c; }
  .articleBody .bpframe {
    border: 1px solid #ccc;
    background: #fafafa; }
    .articleBody .bpframe .bpbox_title {
      color: #333;
      border-bottom: 1px solid #333; }
    .articleBody .bpframe .bpbox_text h3 {
      color: #333; }
  .articleBody blockquote {
    line-height: 1.67;
    letter-spacing: 0.4px;
    color: #121212;
    font-size: 15px;
    margin: 25px 0 30px 0;
    padding: 28px 20px 32px 28px;
    position: relative;
    border-radius: 2px;
    border: 1px solid #eeeeee; }
    .articleBody blockquote h3 {
      font-size: 18px;
      line-height: 1.33;
      letter-spacing: 0.5px;
      color: #121212;
      border-bottom: none;
      margin: 0;
      padding-bottom: 0;
      background: none;
      padding-left: 0; }
      .articleBody blockquote h3:before {
        content: '';
        background: none; }
    .articleBody blockquote:before {
      content: url("/images/onb/2019/blockquote.png");
      line-height: 1;
      position: absolute;
      left: 12px;
      top: 12px; }
    .articleBody blockquote:after {
      content: url("/images/onb/2019/blockquote.png");
      line-height: 1;
      position: absolute;
      right: 12px;
      bottom: 12px;
      transform: scaleX(-1); }
    .articleBody blockquote cite {
      font-style: normal; }
    .articleBody blockquote p {
      margin-bottom: 0;
      margin-top: 10px; }
  .articleBody .bpquote_caption {
    font-size: 12px;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: right;
    color: #666666;
    margin-top: 10px; }
  .articleBody pre {
    margin: 1em 0 1.5em;
    padding: 1em;
    white-space: pre;
    font-size: 12px;
    line-height: 1.2;
    overflow: auto;
    border: 1px solid black; }
    .articleBody pre.light {
      color: black;
      background-color: whitesmoke;
      border: 1px solid gray; }
    .articleBody pre.dark {
      color: white;
      background-color: black;
      border: 1px solid silver; }
    .articleBody pre > code {
      font-family: "ＭＳ ゴシック" , "MS Gothic"; }
  .articleBody .bpcode, .articleBody .bpcode2 {
    width: auto;
    clear: both;
    margin: 30px 0;
    padding: 15px;
    overflow: auto; }
  .articleBody .bpcode pre, .articleBody .bpcode2 pre {
    line-height: 1.5em;
    font-size: 14px; }
  .articleBody .bpcode {
    background: #fafafa;
    border: 1px solid #ccc; }
  .articleBody .bpcode2 {
    background: #f5fafa;
    border: 1px solid #b4c8c8; }
  .articleBody div.bpteisei_box {
    width: auto;
    clear: both; }
    .articleBody div.bpteisei_box .bpteisei {
      font-size: 15px;
      line-height: 1.67;
      letter-spacing: 0.2px;
      color: #242424; }
      .articleBody div.bpteisei_box .bpteisei b {
        font-size: 15px;
        letter-spacing: 0.2px;
        color: #c20000;
        margin: 0 0 5px; }
  .articleBody div.bpword {
    line-height: 1.67;
    padding: 10px 0;
    margin: 10px 0 20px 0;
    border-top: 1px dotted #666666; }
  .articleBody div.bpannotation {
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    margin: 30px 0;
    color: #242424; }
  .articleBody div.bpreference {
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 1.67;
    color: #242424; }
    .articleBody div.bpreference b {
      font-size: 15px;
      font-weight: bold;
      line-height: 2.5;
      color: #242424; }
  .articleBody .bpimage_image_slider {
    width: 520px;
    margin: 0 auto 40px auto; }
    .articleBody .bpimage_image_slider img {
      width: 100%; }
    .articleBody .bpimage_image_slider .slick-next {
      right: -30px; }
      .articleBody .bpimage_image_slider .slick-next::before {
        content: url("/images/onb/2019/slick2.png"); }
    .articleBody .bpimage_image_slider .slick-prev {
      left: -35px; }
      .articleBody .bpimage_image_slider .slick-prev::before {
        content: url("/images/onb/2019/slick1.png"); }
    .articleBody .bpimage_image_slider .slick-dots {
      max-height: 30px;
      position: absolute;
      bottom: -60px;
      padding-left: 0; }
      .articleBody .bpimage_image_slider .slick-dots li {
        width: 15px; }
        .articleBody .bpimage_image_slider .slick-dots li button {
          width: 8px;
          height: 8px; }
          .articleBody .bpimage_image_slider .slick-dots li button::before {
            color: #fff;
            border: 1px solid #dddddd;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            font-size: 0px;
            opacity: 1; }
      .articleBody .bpimage_image_slider .slick-dots li.slick-active button {
        width: 8px;
        height: 8px; }
        .articleBody .bpimage_image_slider .slick-dots li.slick-active button::before {
          color: #e6001e;
          border: 1px solid #e6001e;
          border-radius: 50%;
          width: 8px;
          height: 8px;
          font-size: 0px;
          opacity: 1;
          background: #e6001e; }
    .articleBody .bpimage_image_slider .slick-list {
      padding: 0; }

/* Global Watch */
.articleBody .bpGlWatch {
  background-color: #fff;
  border: 3px solid #888;
  margin: 0 0 1.5em;
  overflow: visible;
  padding: 10px;
  position: relative; }
.articleBody .bpGlWatch:before,
.articleBody .bpGlWatch:after {
  box-sizing: border-box;
  content: "";
  display: block;
  left: 50%;
  position: absolute; }
.articleBody .bpGlWatch:before {
  border: 15px solid transparent;
  border-top: 15px solid #888;
  height: 15px;
  bottom: -30px;
  margin-left: -15px;
  width: 15px; }
.articleBody .bpGlWatch:after {
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  height: 10px;
  bottom: -20px;
  margin-left: -10px;
  width: 10px;
  z-index: 2; }

/* ステータスバー */
.globalNavi {
  position: relative;
  clear: both;
  height: 32px;
  border-bottom: 1px solid #EAEAEA; }
  .globalNavi .globalNaviContainer {
    width: 1120px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    height: 100%; }
  .globalNavi .globalNaviLeft {
    display: flex;
    height: 100%;
    align-items: center; }
    .globalNavi .globalNaviLeft li {
      font-weight: 500; }
    .globalNavi .globalNaviLeft li:nth-child(2) {
      margin-left: 19px; }
  .globalNavi .globalNaviRight {
    display: flex;
    height: 100%;
    align-items: center; }
    .globalNavi .globalNaviRight li {
      font-weight: 500; }
      .globalNavi .globalNaviRight li a.btnLogin {
        margin-right: 4px; }
      .globalNavi .globalNaviRight li a.nikNotRegistered {
        margin-right: 10px; }
    .globalNavi .globalNaviRight li.name {
      font-weight: bold;
      margin-left: 10px; }
  .globalNavi a.globalNaviConfig {
    color: #E6001E;
    margin-left: 10px;
    font-weight: 500; }
    .globalNavi a.globalNaviConfig.btnApplication {
      margin-left: 19px; }
    .globalNavi a.globalNaviConfig:hover {
      text-decoration: underline; }
    .globalNavi a.globalNaviConfig img {
      padding-left: 5px; }

#wrapper > header nav.localNavi .burgerMenu, .headerFix > header nav.localNavi .burgerMenu {
  position: fixed;
  width: 360px;
  top: 0;
  bottom: 0;
  left: -360px;
  z-index: 9999;
  transition: all linear 0.2s;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  background: #FFFFFF; }
  #wrapper > header nav.localNavi .burgerMenu.on, .headerFix > header nav.localNavi .burgerMenu.on {
    left: 0;
    -webkit-box-shadow: 4px 0 12px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 0 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 12px 0 rgba(0, 0, 0, 0.1);
    transition: all linear 0.2s;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s; }
  #wrapper > header nav.localNavi .burgerMenu a.close, .headerFix > header nav.localNavi .burgerMenu a.close {
    float: left;
    width: 88%;
    text-align: left;
    margin: 15px;
    padding: 5px;
    line-height: 0; }
    #wrapper > header nav.localNavi .burgerMenu a.close i.icon.iconClose, .headerFix > header nav.localNavi .burgerMenu a.close i.icon.iconClose {
      background-size: 100%;
      width: 24px;
      height: 24px; }
  #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead {
    margin-left: 64px;
    margin-top: 57px;
    text-align: left; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft {
      float: left;
      width: auto;
      display: flex; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg {
        height: 56px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg .avatarCicrle {
        margin-right: 10px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg img, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg img {
          float: left;
          width: 56px;
          height: 56px;
          border-radius: 50%; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent {
        height: 56px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p {
          line-height: 1em;
          margin-top: 0;
          margin-bottom: 0; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorTitle, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorTitle {
            color: #666666; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorName, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorName {
          font-size: 17px;
          line-height: 1.5em;
          font-weight: 700;
          margin-top: 0;
          margin-bottom: 0; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorName span, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.textAuthorName span {
            font-size: 14px;
            font-weight: normal;
            margin-left: 4px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.displayName, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadeftLeftContent p.displayName {
          font-size: 12px;
          font-weight: 500; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight {
      float: right;
      margin-top: 15px;
      margin-right: 20px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn {
        width: 68px;
        height: 30px;
        border: 1px solid #dddddd;
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 30px;
        color: #E6001E;
        font-weight: 500; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn:hover {
          text-decoration: underline; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a img, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a img {
        width: 12px;
        height: 12px;
        margin-left: 5px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication {
      clear: both;
      float: left;
      width: 276px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      text-align: center;
      color: #FFFFFF;
      border-radius: 2px;
      background-color: #5bb7a6;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5bb7a6), to(#169b82));
      background-image: -webkit-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -moz-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -ms-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -o-linear-gradient(top, #5bb7a6, #169b82);
      background-image: linear-gradient(to right, #5bb7a6, #169b82), linear-gradient(276deg, rgba(255, 255, 255, 0), #FFFFFF);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5bb7a6, endColorstr=#169b82);
      margin-top: 14px;
      margin-bottom: 20px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication:hover {
        background-color: #FFFFFF;
        border: 2px solid #5bb7a6;
        color: #5bb7a6;
        background-image: none;
        box-sizing: border-box; }
  #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 {
    width: 100%;
    clear: both;
    float: right;
    text-align: right;
    margin-top: 23px;
    margin-bottom: 30px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication {
      margin-left: 20px;
      margin-right: 20px; }
  #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent {
    clear: both;
    border-top: 1px solid #EEEEEE;
    width: 100%;
    float: left;
    margin-top: 34px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent.burgerMenuContent2, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent.burgerMenuContent2 {
      margin-top: 0; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst {
      margin-left: 64px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li {
        border-bottom: 1px solid #EEEEEE;
        text-align: left; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li:last-child, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li:last-child {
        border-bottom: none;}
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li a {
          display: block;
          height: 42px;
          line-height: 42px;
          font-size: 14px;
          font-weight: bold; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst li:hover {
          color: #E6001E; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li {
      border-bottom: 1px solid #EEEEEE;
      border-top: 1px solid #EEEEEE; }
    .burgerMenuContent ul.listSecond + .listSecond li { border-top: none !important;}
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a {
        margin-left: 64px;
        height: 62px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        line-height: 64px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a img, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a img {
          width: 32px;
          height: 32px;
          margin-top: auto;
          margin-bottom: auto;
          margin-right: 10px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a:hover {
          color: #E6001E; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird {
      display: flex;
      margin-left: 64px;
      margin-top: 16px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li {
        display: flex;
        align-items: center; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconFb, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconFb {
          background-size: 100%;
          width: 16.8px;
          height: 32px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconTw, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconTw {
          background-size: 100%;
          width: 32.5px;
          height: 26px;
          margin-left: 59.2px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconIn, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a i.iconIn {
          background-size: 100%;
          width: 29.6px;
          height: 29.6px;
          margin-left: 52.5px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast {
      margin-left: 64px;
      margin-top: 20px;
      margin-bottom: 74px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li {
        text-align: left; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li a {
          font-size: 15px;
          display: block;
          width: 110px;
          line-height: 30px;
          text-align: center;
          color: #666666;
          font-weight: 500;
          border: 1px solid #dddddd; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:hover {
          text-decoration: underline; }

#wrapper > header .loginBox ul.menuLogin li.avatarUser:hover .modalNotification, .headerFix > header .loginBox ul.menuLogin li.avatarUser:hover .modalNotification, #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification:hover, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification:hover {
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

#wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification {
  display: none;
  width: 400px;
  max-height: 700px;
  position: absolute;
  right: 0;
  z-index: 9999;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border-top: 1px solid #E6001E;
  background: #FFFFFF;
  z-index: 9999;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification.modalRequiredRegister, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification.modalRequiredRegister {
    height: 642px; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification:before, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification:before {
    content: '';
    position: absolute;
    right: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #E6001E; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul {
    display: flex;
    flex-direction: column; }
    #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li {
      width: auto; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice {
        padding: 15px;
        border-bottom: 1px solid #EEEEEE; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice:hover, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice:hover {
          background: #fffcf8; }
          #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice:hover a, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice:hover a {
            background: transparent; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice.noiticeIsActive, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice.noiticeIsActive {
          background: #fffcf8; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice {
          display: flex;
          align-items: flex-start;
          -webkit-align-items: flex-start;
          -ms-flex-align: flex-start;
          height: auto; }
          #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemAvata img, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemAvata img {
            width: 24px;
            height: 24px; }
          #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent {
            margin-left: 11px;
            text-align: left;
            width: 335px; }
            #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.title, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.title {
              font-weight: bold;
              font-size: 14px;
              line-height: 1.41; }
              #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.title span, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.title span {
                font-weight: 500; }
            #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.desciption, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemNotice .itemContent p.desciption {
              font-size: 12px;
              color: #666666;
              margin-top: 5px; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate {
          display: flex;
          align-items: flex-end;
          justify-content: flex-end;
          width: auto;
          height: auto; }
          #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate .date, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate .date {
            font-size: 12px;
            color: #666666; }
            #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate .date span, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li.noitice .itemDate .date span {
              font-size: 10px;
              color: #E6001E;
              margin-left: 12px; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li:last-child, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li:last-child {
        margin-left: 0;
        margin-right: 0; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li:last-child:before, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification ul li:last-child:before {
          content: '';
          width: 0;
          height: 0; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification a.notificationSeeMore, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification a.notificationSeeMore {
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #E6001E;
    background: #EEEEEE;
    font-size: 14px;
    font-weight: 500; }
    #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNotification a.notificationSeeMore:hover, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNotification a.notificationSeeMore:hover {
      text-decoration: underline; }

#wrapper > header nav.localNavi a i.icon.iconBarRed:after, .headerFix > header nav.localNavi a i.icon.iconBarRed:after, #wrapper > header nav.localNavi a i.icon.iconBarRed:before, .headerFix > header nav.localNavi a i.icon.iconBarRed:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px; }

#wrapper > header nav.localNavi a i.icon.iconBarRed, .headerFix > header nav.localNavi a i.icon.iconBarRed, #wrapper > header nav.localNavi a i.icon.iconBarRed:after, .headerFix > header nav.localNavi a i.icon.iconBarRed:after, #wrapper > header nav.localNavi a i.icon.iconBarRed:before, .headerFix > header nav.localNavi a i.icon.iconBarRed:before {
  height: 2px;
  width: 18px;
  background-color: #E6001E;
  transition: all 0.3s;
  backface-visibility: hidden; }

#wrapper > header, .headerFix > header {
  margin-bottom: 12px; }
  #wrapper > header .loginBox ul.menuLogin, .headerFix > header .loginBox ul.menuLogin {
    height: 67px;
    display: flex;
    align-items: center; }
    #wrapper > header .loginBox ul.menuLogin li, .headerFix > header .loginBox ul.menuLogin li {
      display: inline;
      float: left;
      width: 80px;
      height: 100%;
      font-size: 12px; }
      #wrapper > header .loginBox ul.menuLogin li a, .headerFix > header .loginBox ul.menuLogin li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-decoration: none;
        transition: all linear 0.05s;
        -webkit-transition: all linear 0.05s;
        -moz-transition: all linear 0.05s;
        font-weight: bold; }
        #wrapper > header .loginBox ul.menuLogin li a i, .headerFix > header .loginBox ul.menuLogin li a i {
          display: block;
          text-align: center;
          margin-left: auto;
          margin-right: auto; }
        #wrapper > header .loginBox ul.menuLogin li a img, .headerFix > header .loginBox ul.menuLogin li a img {
          width: 36px;
          height: 36px; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser, .headerFix > header .loginBox ul.menuLogin li.avatarUser {
        position: relative; }
      #wrapper > header .loginBox ul.menuLogin li:hover > a, .headerFix > header .loginBox ul.menuLogin li:hover > a {
        background-color: #f6f6f6; }
        #wrapper > header .loginBox ul.menuLogin li:hover > a .navButtonContent img, .headerFix > header .loginBox ul.menuLogin li:hover > a .navButtonContent img {
          /*box-shadow: 0 0 0 1px #e6001e;*/ }
    #wrapper > header .loginBox ul.menuLogin .navButtonContent, .headerFix > header .loginBox ul.menuLogin .navButtonContent {
      position: relative; }
    #wrapper > header .loginBox ul.menuLogin .notificationAlert:before, .headerFix > header .loginBox ul.menuLogin .notificationAlert:before {
      content: '';
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #E6001E;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1; }
  #wrapper > header .siteLogo, .headerFix > header .siteLogo {
    margin-left: 74px;
    margin-right: auto;
    width: 193px; }
    #wrapper > header .siteLogo:hover, .headerFix > header .siteLogo:hover {
      opacity: 0.5; }
  #wrapper > header section.searchBox, .headerFix > header section.searchBox {
    float: left;
    margin-left: 34px; }
    #wrapper > header section.searchBox form input[type='text'], .headerFix > header section.searchBox form input[type='text'] {
      width: 244px;
      height: 40px;
      padding: 0;
      border: 0;
      outline: none;
      color: #666666;
      border-bottom: solid 1px #E6001E; }
    #wrapper > header section.searchBox form .inputWithIcon, .headerFix > header section.searchBox form .inputWithIcon {
      position: relative; }
      #wrapper > header section.searchBox form .inputWithIcon input[type='text'], .headerFix > header section.searchBox form .inputWithIcon input[type='text'] {
        padding-right: 36px;
        transition: 0.3s; }
      #wrapper > header section.searchBox form .inputWithIcon i, .headerFix > header section.searchBox form .inputWithIcon i {
        position: absolute;
        right: 10px;
        top: 11px;
        width: 18px;
        height: 18px;
        background-size: 100%; }
      .inputWithIcon input.icon.iconSearchRed {
        position: absolute;
        top: 12px;
        right: 5px;
        border: none;
        text-indent: -9999px;
        cursor: pointer; }
    #wrapper > header section.searchBox form .headerSearchList, .headerFix > header section.searchBox form .headerSearchList {
      display: none;
      z-index: 999;
      position: fixed;
      width: 645px;
      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
      border: 1px solid #dddddd;
      background-color: #FFFFFF;
      padding: 13px 29px 7px 29px; }
      #wrapper > header section.searchBox form .headerSearchList p, .headerFix > header section.searchBox form .headerSearchList p {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.2px;
        font-weight: bold;
        text-align: left; }
      #wrapper > header section.searchBox form .headerSearchList ul, .headerFix > header section.searchBox form .headerSearchList ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 13px; }
        #wrapper > header section.searchBox form .headerSearchList ul li, .headerFix > header section.searchBox form .headerSearchList ul li {
          margin-bottom: 10px;
          margin-right: 10px;
          padding: 0 11px;
          height: 28px !important;
          line-height: 28px !important; }
          #wrapper > header section.searchBox form .headerSearchList ul li:hover, .headerFix > header section.searchBox form .headerSearchList ul li:hover {
            text-decoration: underline; }
  #wrapper > header nav.localNavi, .headerFix > header nav.localNavi {
    float: left;
    display: block;
    width: 50px;
    padding-top: 5px;
    text-align: center;
    margin-left: 15px; }
    #wrapper > header nav.localNavi span, .headerFix > header nav.localNavi span {
      padding-top: 3px; }
    #wrapper > header nav.localNavi a, .headerFix > header nav.localNavi a {
      display: block;
      font-size: 10px;
      font-weight: bold; }
      #wrapper > header nav.localNavi a span, .headerFix > header nav.localNavi a span {
        display: block;
        margin-top: 14px; }
      #wrapper > header nav.localNavi a i.icon.iconBarRed, .headerFix > header nav.localNavi a i.icon.iconBarRed {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto; }
        #wrapper > header nav.localNavi a i.icon.iconBarRed:after, .headerFix > header nav.localNavi a i.icon.iconBarRed:after {
          top: 6px; }
      #wrapper > header nav.localNavi a.on i.icon.iconBarRed, .headerFix > header nav.localNavi a.on i.icon.iconBarRed {
        background-color: transparent; }
        #wrapper > header nav.localNavi a.on i.icon.iconBarRed:before, .headerFix > header nav.localNavi a.on i.icon.iconBarRed:before {
          -webkit-transform: translateY(0) rotate(45deg);
          -ms-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg); }
        #wrapper > header nav.localNavi a.on i.icon.iconBarRed:after, .headerFix > header nav.localNavi a.on i.icon.iconBarRed:after {
          -webkit-transform: translateY(-12px) rotate(-45deg);
          -ms-transform: translateY(-12px) rotate(-45deg);
          transform: translateY(-12px) rotate(-45deg); }

.headerFix {
  position: fixed;
  width: 100%;
  min-width: 1120px;
  background: transparent;
  z-index: 9999;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  transition: all 1s ease-in-out; }

.headerLogoOnly .headerBlock {
  border-bottom: 1px solid #EEEEEE; }

.headerLogoOnly .siteLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 59px;
  margin: 0 auto; }
  .headerLogoOnly .siteLogo img {
    height: 24px; }

.headerPrint .siteLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  margin: 0 auto; }

footer.mainFooter .corpLogo .corpLogoContainer, footer.mainFooter nav.localFooter .localFooterSubFirst, footer.mainFooter nav.localFooter .localFooterSubSecond, footer.footer2 nav.globalFooter, footer.footer2 section.copyright {
  width: 1120px;
  margin-left: auto;
  margin-right: auto; }

footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoWhite, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRedText, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRed {
  width: 110px;
  height: 26px;
  text-align: center;
  line-height: 26px; }

footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul li, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul li, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul li, footer.mainFooter nav.localFooter .localFooterSubSecond ul li {
  line-height: 32px;
  font-weight: 500;
  width: 172px;
  height: 32px;
  color: #242424;
  font-size: 14px;
  font-weight: bold; }
  footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul li.lastitem, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul li.lastitem, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul li.lastitem, footer.mainFooter nav.localFooter .localFooterSubSecond ul li.lastitem {
    width: 186px; }

footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul li.head, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul li.head, footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul li.head, footer.mainFooter nav.localFooter .localFooterSubSecond ul li.head {
  color: #666666;
  height: auto;
  font-size: 14px; }

footer.mainFooter {
  background: #F6F6F6; }
  footer.mainFooter.expansion {
    background-color: transparent;
    padding-bottom: 40px; }
  footer.mainFooter .corpLogo {
    background: #F6F6F6;
    padding-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeeeee; }
    footer.mainFooter .corpLogo ul {
      display: flex; }
      footer.mainFooter .corpLogo ul li {
        align-self: center;
        margin-top: auto;
        margin-bottom: auto; }
        footer.mainFooter .corpLogo ul li a i.iconFb {
          width: 15.6px;
          height: 30px;
          background-size: 100% 100%;
          margin-left: 57px; }
        footer.mainFooter .corpLogo ul li a i.iconTw {
          width: 33.8px;
          height: 27.5px;
          background-size: 100% 100%;
          margin-left: 40px; }
        footer.mainFooter .corpLogo ul li a i.iconIn {
          width: 29.6px;
          height: 29.6px;
          background-size: 100% 100%;
          margin-left: 40px; }
        footer.mainFooter .corpLogo ul li .corpImgLogo {
          width: 177px;
          height: 33px; }
    footer.mainFooter .corpLogo .corpLogoButton {
      margin-top: 20px;
      display: flex; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoWhite {
        border-radius: 2px;
        border: 1px solid;
        border-color: #dddddd; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoWhite:hover {
          text-decoration: underline; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRedText {
        font-weight: bold;
        border-radius: 2px;
        border: 1px solid;
        border-color: #dddddd;
        color: #E6001E; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRedText:hover {
          text-decoration: underline; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRed {
        border-radius: 2px;
        border: none;
        color: #FFFFFF;
        margin-left: 20px;
        background-color: #ff9a9a;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#e6001e));
        background-image: -webkit-linear-gradient(top, #ff9a9a, #e6001e);
        background-image: -moz-linear-gradient(top, #ff9a9a, #e6001e);
        background-image: -ms-linear-gradient(top, #ff9a9a, #e6001e);
        background-image: -o-linear-gradient(top, #ff9a9a, #e6001e);
        background-image: linear-gradient(to right, #ff9a9a, #e6001e);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#e6001e); }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogoRed:hover {
          background: #F6F6F6;
          color: #E6001E;
          border: 1px solid #E6001E;
          box-sizing: border-box; }
    footer.mainFooter .corpLogo .corpLogoContainer {
      display: flex;
      position: relative; }
      footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne {
        margin-top: 0px; }
        footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne li {
          margin-right: 20px;
          height: 30px;
          width: 160px; }
          footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne li a {
            margin: 0;
            height: 28px;
            width: 160px;
            justify-content: center;
            display: flex;
            align-items: center; }
            footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne li a.btncorpLogoWhite {
              font-weight: bold; }
            footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne li a.btncorpLogoGreen {
              background-color: #5bb7a6;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#5bb7a6), to(#169b82));
              background-image: -webkit-linear-gradient(top, #5bb7a6, #169b82);
              background-image: -moz-linear-gradient(top, #5bb7a6, #169b82);
              background-image: -ms-linear-gradient(top, #5bb7a6, #169b82);
              background-image: -o-linear-gradient(top, #5bb7a6, #169b82);
              background-image: linear-gradient(to right, #5bb7a6, #169b82), linear-gradient(276deg, rgba(255, 255, 255, 0), #FFFFFF);
              filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5bb7a6, endColorstr=#169b82);
              color: #fff;
              border-radius: 2px; }
              footer.mainFooter .corpLogo .corpLogoContainer ul.corpLogoButtonNewOne li a.btncorpLogoGreen:hover {
                background: #F6F6F6;
                color: #5bb7a6;
                border: 1px solid #5bb7a6;
                box-sizing: border-box; }
      footer.mainFooter .corpLogo .corpLogoContainer .corpLogoButtonNewTwo {
        position: absolute;
        right: 0; }
  footer.mainFooter nav.localFooter a:hover {
    color: #E6001E; }
  footer.mainFooter nav.localFooter .localFooterSubFirst {
    background: #F6F6F6;
    padding-top: 32px;
    display: flex; }
    footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft {
      float: left;
      display: flex;
      align-items: baseline; }
      footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul {
        align-self: baseline; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul li.head {
          font-weight: normal; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterLeft ul.localFooterlist2 {
          margin-left: 35px; }
    footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight {
      float: left;
      flex-direction: column;
      align-items: baseline;
      margin-left: 50px; }
      footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 {
        display: flex; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul li.head {
          font-weight: normal; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul.localFooterlist1 {
          align-self: flex-start; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul.localFooterlist2 {
          margin-left: 35px; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row1 ul.localFooterlist3 {
          margin-left: 35px;
          align-self: flex-end; }
      footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 {
        display: flex; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul li.head {
          font-weight: normal; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul.localFooterlist4 {
          align-self: flex-start; }
        footer.mainFooter nav.localFooter .localFooterSubFirst .localFooterRight .row2 ul.localFooterlist5 {
          align-self: flex-end;
          margin-left: 35px;
          margin-top: 40px; }
  footer.mainFooter nav.localFooter .localFooterSubSecond {
    background: #F6F6F6;
    padding-top: 27px;
    padding-bottom: 35px;
    display: flex;
    align-items: baseline; }
    footer.mainFooter nav.localFooter .localFooterSubSecond ul {
      align-self: flex-end; }
      footer.mainFooter nav.localFooter .localFooterSubSecond ul li.head {
        font-weight: normal; }
      footer.mainFooter nav.localFooter .localFooterSubSecond ul.localFooterlist2 {
        margin-left: 25px; }
      footer.mainFooter nav.localFooter .localFooterSubSecond ul.localFooterlist3 {
        margin-left: 50px; }
      footer.mainFooter nav.localFooter .localFooterSubSecond ul.localFooterlist4 {
        margin-left: 50px; }
        footer.mainFooter nav.localFooter .localFooterSubSecond ul.localFooterlist4 .localFooterlist4New {
          display: inline; }
      footer.mainFooter nav.localFooter .localFooterSubSecond ul.localFooterlist5 {
        margin-left: 50px; }
  footer.mainFooter ul.BorderLeftRed {
    border-left: 2px solid #E6001E;
    padding-left: 14px; }

footer.footer2 {
  background: #2a2a2a; }
  footer.footer2 a:hover {
    color: #E6001E; }
  footer.footer2 nav.globalFooter {
    background: #2a2a2a;
    padding-top: 30px;
    display: flex; }
    footer.footer2 nav.globalFooter ul {
      margin-left: 84px;
      padding-left: 0;
      display: flex;
      align-self: center; }
      footer.footer2 nav.globalFooter ul li {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 500;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #444444; }
        footer.footer2 nav.globalFooter ul li:first-child {
          padding-left: 0;
          border-left: none; }
        footer.footer2 nav.globalFooter ul li:last-child {
          padding-right: 0; }
      footer.footer2 nav.globalFooter ul.single {
        margin-left: 210px; }
        footer.footer2 nav.globalFooter ul.single li {
          border-left: none;
          padding-left: 0;
          padding-r: 0; }
  footer.footer2 section.copyright {
    background: #2a2a2a;
    padding-bottom: 19px; }
    footer.footer2 section.copyright p {
      color: #666666;
      font-size: 12px; }
  footer.footer2.footer2New {
    background: #eee; }
    footer.footer2.footer2New .globalFooter {
      background: #eee;
      margin-bottom: 14px; }
      footer.footer2.footer2New .globalFooter ul {
        margin-left: 120px; }
        footer.footer2.footer2New .globalFooter ul li {
          color: #242424; }
        footer.footer2.footer2New .globalFooter ul.single {
          margin-left: 115px; }
    footer.footer2.footer2New section.copyright {
      background: #eee; }

.mainFooterContainer {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .mainFooterContainer .corpLogoSmall {
    padding-right: 8.5px; }
  .mainFooterContainer p {
    font-size: 9px;
    font-weight: 500;
    color: #7a7a7a; }

.footerPrint {
  display: block;
  padding: 40px 0;
  background-color: #f6f6f6;
  margin-top: 40px; }
  .footerPrint .mainFooterContainer {
    display: block;
    text-align: center;
    margin-top: 0; }
    .footerPrint .mainFooterContainer p {
      font-size: 12px;
      font-weight: 500;
      color: #7a7a7a; }
    .footerPrint .mainFooterContainer .corpLogo {
      margin-bottom: 15px; }

ol.crumbs {
  list-style: none;
  margin-top: 0;
  margin-bottom: 50px;
  padding-left: 0; }
  ol.crumbs li {
    font-size: 12px;
    display: inline-block;
    color: #666666; }
    ol.crumbs li::after {
    content: "＞";
    padding: 0 8px; }
    ol.crumbs li a:hover {
      text-decoration: underline; }
  ol.crumbs li:last-child:after {
    content: ""; }

.onenbBtnFollow {
  padding: 0px 8.5px 0px 12px;
  border-radius: 4px;
  background-color: #ffffff;
  display: inline-block; }
  .onenbBtnFollow div.onenbBtnFollowContent {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center; }
    .onenbBtnFollow div.onenbBtnFollowContent .onenbBtnFollowText {
      font-size: 15px;
      font-weight: 500;
      color: #E6001E;
      line-height: 24px;
      margin-left: 8.5px; }
  .onenbBtnFollow:hover {
    box-shadow: inset 0 0 0 2px #e6001e; }

.onenbBtnUnFollow {
  padding: 0px 8.5px 0px 12px;
  border-radius: 4px;
  background-color: #E6001E;
  display: inline-block; }
  .onenbBtnUnFollow div.onenbBtnFollowContent {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center; }
    .onenbBtnUnFollow div.onenbBtnFollowContent .onenbBtnFollowText {
      font-size: 15px;
      font-weight: 500;
      color: #fff;
      line-height: 24px;
      margin-left: 8.5px; }
      .onenbBtnUnFollow div.onenbBtnFollowContent .onenbBtnFollowText::before {
        content: '';
        background: url(/images/onb/2019/checkIconGlobal.svg) no-repeat;
        background-size: cover;
        position: absolute;
        width: 13px;
        height: 13px;
        left: 12px;
        top: 5px; }
  .onenbBtnUnFollow:hover {
    opacity: 0.7; }

.onenbBtnFollowTwo {
  padding: 0px 8.5px 0px 12px;
  border-radius: 4px;
  background-color: #ffffff;
  display: inline-block;
  cursor: pointer; }
  .onenbBtnFollowTwo div.onenbBtnFollowContent {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center; }
    .onenbBtnFollowTwo div.onenbBtnFollowContent .onenbBtnFollowText {
      font-size: 15px;
      font-weight: 500;
      color: #E6001E;
      line-height: 24px;
      margin-left: 8.5px; }
  .onenbBtnFollowTwo:hover {
    box-shadow: inset 0 0 0 2px #e6001e; }

.onenbBtnUnFollowTwo {
  padding: 0px 8.5px 0px 12px;
  border-radius: 4px;
  background-color: #E6001E;
  display: inline-block;
  position: relative; }
  .onenbBtnUnFollowTwo div.onenbBtnFollowContent {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center; }
    .onenbBtnUnFollowTwo div.onenbBtnFollowContent .onenbBtnFollowText {
      font-size: 15px;
      font-weight: 500;
      color: #fff;
      line-height: 24px;
      margin-left: 8.5px; }
      .onenbBtnUnFollowTwo div.onenbBtnFollowContent .onenbBtnFollowText::before {
        content: '';
        background: url(/images/onb/2019/checkIconGlobal.svg) no-repeat;
        background-size: cover;
        position: absolute;
        width: 13px;
        height: 13px;
        left: 12px;
        top: 5px; }
  .onenbBtnUnFollowTwo:hover {
    opacity: 0.7; }

.btnRedGradientPc, .btnGreenGradientPc {
  display: block;
  width: 284px;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }

.btnRedBorderPc {
  display: block;
  width: 284px;
  height: 56px;
  line-height: 56px;
  border-radius: 4px;
  color: #E6001E;
  box-shadow: inset 0 0 0 1px #e6001e;
  font-size: 17px;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center; }

.btnRedGradientPc {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee4d62+0,ee4d62+9,e70d2a+100 */
  background: #ee4d62;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4d62', endColorstr='#e70d2a',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.btnGreenGradientPc {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5eb8a7+0,3daa94+100 */
  background: #5eb8a7;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #5eb8a7 0%, #3daa94 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #5eb8a7 0%, #3daa94 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #5eb8a7 0%, #3daa94 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb8a7', endColorstr='#3daa94',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.globalNavi .globalNaviRight li a.btnLogin, .globalNavi .globalNaviRight li a.btnApplication, .globalNavi a.globalNaviConfig.btnApplication {
  display: inline-block;
  width: 110px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  text-align: center; }

#wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication {
  display: inline-block;
  width: 128px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center; }

.popupCommentClose a.btnCloseComment, .articleBody .bpbox_centerSecond .overlayReadMore a {
  display: inline-block;
  width: 238px;
  height: 38px;
  line-height: 40px;
  font-size: 15px;
  text-align: center; }

.globalNavi .globalNaviRight li a.btnLogin, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin {
  color: #FFFFFF;
  border-radius: 2px;
  background-color: #ee4860;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee4860), to(#e70027));
  background-image: -webkit-linear-gradient(top, #ee4860, #e70027);
  background-image: -moz-linear-gradient(top, #ee4860, #e70027);
  background-image: -ms-linear-gradient(top, #ee4860, #e70027);
  background-image: -o-linear-gradient(top, #ee4860, #e70027);
  background-image: linear-gradient(to right, #ee4860, #e70027), linear-gradient(276deg, rgba(255, 255, 255, 0), #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ee4860, endColorstr=#e70027);
  transition: .3s; }
  .globalNavi .globalNaviRight li a.btnLogin:hover, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnLogin:hover {
    background: #FFFFFF;
    color: #E6001E;
    box-shadow: inset 0 0 0 2px #E6001E;
    transition: .3s; }

.globalNavi .globalNaviRight li a.btnApplication, .globalNavi a.globalNaviConfig.btnApplication, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication {
  color: #FFFFFF;
  border-radius: 2px;
  background-color: #5bb7a6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bb7a6), to(#169b82));
  background-image: -webkit-linear-gradient(top, #5bb7a6, #169b82);
  background-image: -moz-linear-gradient(top, #5bb7a6, #169b82);
  background-image: -ms-linear-gradient(top, #5bb7a6, #169b82);
  background-image: -o-linear-gradient(top, #5bb7a6, #169b82);
  background-image: linear-gradient(to right, #5bb7a6, #169b82), linear-gradient(276deg, rgba(255, 255, 255, 0), #FFFFFF);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5bb7a6, endColorstr=#169b82);
  transition: .3s; }
  .globalNavi .globalNaviRight li a.btnApplication:hover, .globalNavi a.globalNaviConfig.btnApplication:hover, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead03 a.btnApplication:hover {
    background: #FFFFFF;
    color: #5bb7a6;
    box-shadow: inset 0 0 0 2px #5bb7a6;
    transition: .3s;
    text-decoration: none; }

.popupCommentClose a.btnCloseComment, .articleBody .bpbox_centerSecond .overlayReadMore a {
  border-radius: 2px;
  border: 1px solid #E6001E;
  background: #FFFFFF;
  color: #E6001E; }

#wrapper > header section.searchBox form .headerSearchList ul li, .headerFix > header section.searchBox form .headerSearchList ul li {
  border-radius: 4px;
  border: solid 1px #EEEEEE;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #E6001E;
  font-size: 14px;
  font-weight: 500; }

.articleBody p.bplead, .articleBody p.bpleadSecond {
  margin: 0;
  border: solid 1px #E6001E;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #242424;
  position: relative; }
  .articleBody p.bplead:after, .articleBody p.bpleadSecond:after {
    position: absolute;
    content: '';
    height: 12px;
    width: 12px;
    background-color: #E6001E;
    left: 0px;
    top: 0; }

.leafRaiseHeader .imageTitle .categoryLabel, .featureBox .featureBoxContent .featureBoxTag {
  background-color: #E6001E;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF; }

.leafHeader .imageTitle .categoryLabelSecond, .leafRaiseHeader .imageTitle .categoryLabelSecond, .featureBox .featureBoxContent .featureBoxTagSecond {
  background-color: #367a82;
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF; }

.leafHeader .imageTitle .categoryLabel, .leafHeader .imageTitle .categoryLabelDup, .leafRaiseHeader .imageTitle .categoryLabelDup, .leafSpecialArticle .articleHeader .categoryLabel {
  background-color: #242424;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF; }

@keyframes roll360 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.asideRight .adRectangle {
  width: 300px; }
  .asideRight .adRectangle img {
    width: 100%; }
  .asideRight .adRectangle div div iframe {
    margin-bottom: 30px; }

.asideRight .subColHead .topLeftTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 0;
  border-color: #E6001E transparent transparent transparent; }

.asideRight .subColHead h2 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.41;
  letter-spacing: 0.2px;
  color: #242424;
  margin: 8px 0 14px 0; }

.asideRight .tabWrapper {
  border-bottom: 1px solid #EEEEEE; }
  .asideRight .tabWrapper ul.tabHeader {
    border-bottom: 1px solid #E6001E;
    display: flex;
    padding-left: 0; }
    .asideRight .tabWrapper ul.tabHeader li {
      width: 100px;
      display: inline-block;
      text-align: center;
      padding-bottom: 10px;
      color: #666666;
      font-size: 15px;
      font-weight: 500; }
    .asideRight .tabWrapper ul.tabHeader li.active {
      font-weight: bold;
      color: #242424;
      border-bottom: 2px solid #E6001E; }
  .asideRight .tabWrapper .tabContent {
    padding: 0 12px; }
    .asideRight .tabWrapper .tabContent .tabItem {
      padding-left: 0; }
      .asideRight .tabWrapper .tabContent .tabItem .rankItem {
        overflow: hidden;
        border-bottom: 1px solid #EEEEEE;
        padding: 13px 0; }
        .asideRight .tabWrapper .tabContent .tabItem .rankItem:hover h3 {
          color: #E6001E; }
      .asideRight .tabWrapper .tabContent .tabItem li:last-child .rankItem {
        border-bottom: none; }
      .asideRight .tabWrapper .tabContent .tabItem .rankTitle .rankNumber {
        width: 20px;
        height: 18px;
        display: inline-block;
        position: relative;
        bottom: -2px; }
        .asideRight .tabWrapper .tabContent .tabItem .rankTitle .rankNumber span {
          font-size: 10px;
          position: absolute;
          bottom: -3px;
          left: 7.5px;
          color: #FFFFFF; }
        .asideRight .tabWrapper .tabContent .tabItem .rankTitle .rankNumber img {
          width: 20px;
          height: 18px; }
      .asideRight .tabWrapper .tabContent .tabItem .rankTitle p.parentTitle {
        width: calc(100% - 25px);
        display: inline-block;
        font-size: 12px;
        color: #666666;
        font-weight: 400;
        margin: 0; }
      .asideRight .tabWrapper .tabContent .tabItem .rankContent {
        margin-top: 5px; }
        .asideRight .tabWrapper .tabContent .tabItem .rankContent h3 {
          width: 204px;
          padding-right: 12px;
          display: block;
          font-size: 14px;
          font-weight: bold;
          float: left;
          line-height: 1.5; }
        .asideRight .tabWrapper .tabContent .tabItem .rankContent img {
          width: 60px;
          display: block;
          float: right;
          height: auto; }
      .asideRight .tabWrapper .tabContent .tabItem .rankItem.rankNormal .rankTitle .rankNumber {
        width: 18px;
        height: 15px; }
        .asideRight .tabWrapper .tabContent .tabItem .rankItem.rankNormal .rankTitle .rankNumber span {
          color: #666666;
          width: 13px;
          height: 13px;
          bottom: 0px;
          left: 3px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-direction: column;
          flex-direction: column;
          border: 1px solid;
          border-color: #666666; }
      .asideRight .tabWrapper .tabContent .tabItem .rankItem.rankNormal .rankContent h3 {
        width: 100%;
        float: none;
        padding-right: 0;
        letter-spacing: 0.2px; }

.asideRight .otherLink {
  font-size: 14px;
  color: #E6001E;
  text-align: right;
  margin: 10px 0 30px 0; }
  .asideRight .otherLink a:hover {
    text-decoration: underline; }

.asideRight .recommendBox {
  border: 1px solid;
  border-color: #EEEEEE;
  padding: 20px 12px;
  overflow: hidden; }
  .asideRight .recommendBox .recommendTitle {
    font-weight: bold;
    color: #242424;
    font-size: 14px;
    margin: 0 0 5px 0; }
  .asideRight .recommendBox .recommendSummary {
    color: #666666;
    font-size: 12px;
    margin-top: 5px; }
  .asideRight .recommendBox .recommendImg {
    width: 60px;
    float: right;
    margin-top: 5px; }
    .asideRight .recommendBox .recommendImg img {
      width: 100%; }
  .asideRight .recommendBox a:hover .recommendTitle {
    text-decoration: underline; }

.asideRight .recommendBook .recommendContent {
  width: 200px;
  float: left; }

.asideRight .recommendBook:hover .recommendTitle {
  color: #E6001E; }

.asideRight .recommendSeminar .recommendSummary {
  width: 200px;
  float: left; }

.asideRight .recommendSeminar:hover .recommendTitle {
  color: #E6001E; }

.asideRight .recommendInfo {
  border: none;
  padding: 0 12px;
  border-bottom: 1px solid #EEEEEE; }
  .asideRight .recommendInfo .recommendContent {
    border-bottom: 1px solid #EEEEEE;
    overflow: hidden;
    margin-bottom: 10px; }
    .asideRight .recommendInfo .recommendContent:hover .recommendTitle {
      color: #E6001E;
      text-decoration: none; }
  .asideRight .recommendInfo .recommendTitle {
    width: 200px;
    float: left;
    margin-bottom: 10px; }
  .asideRight .recommendInfo .recommendImg {
    margin-bottom: 10px; }
  .asideRight .recommendInfo .recommendContent:last-child {
    border-bottom: none; }
    .asideRight .recommendInfo .recommendContent:last-child .recommendTitle {
      margin-bottom: 0; }
    .asideRight .recommendInfo .recommendContent:last-child .recommendImg {
      margin-bottom: 0; }

.asideRight .glowingCommentRight .colHead {
  text-align: center; }
  .asideRight .glowingCommentRight .colHead h2 {
    font-size: 15px;
    color: #242424;
    font-weight: bold;
    margin-top: 30px;
    position: relative;
    bottom: -2px;
    display: inline-block;
    margin-bottom: 20px; }

.asideRight .glowingCommentRight .glowingCommentBox {
  position: relative;
  padding: 12px;
  border: 1px solid #dddddd; }
  .asideRight .glowingCommentRight .glowingCommentBox:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 14px 14px 0 0;
    border-color: #dddddd transparent transparent transparent;
    bottom: -14px;
    left: -1px; }
  .asideRight .glowingCommentRight .glowingCommentBox:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: #ffffff transparent transparent transparent;
    bottom: -12px;
    left: 0px; }
  .asideRight .glowingCommentRight .glowingCommentBox .authorInfo {
    font-size: 12px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center; }
    .asideRight .glowingCommentRight .glowingCommentBox .authorInfo .avatarCicrle {
      line-height: 1; }
    .asideRight .glowingCommentRight .glowingCommentBox .authorInfo .address {
      color: #666666; }
  .asideRight .glowingCommentRight .glowingCommentBox h3.authorName {
    display: inline-block;
    margin: 0 8px;
    font-size: 12px;
    font-weight: bold; }
  .asideRight .glowingCommentRight .glowingCommentBox .commentContent {
    font-size: 15px;
    margin-top: 15px; }
  .asideRight .glowingCommentRight .glowingCommentBox .action {
    margin-top: 8px;
    font-size: 12px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    color: #666666; }
    .asideRight .glowingCommentRight .glowingCommentBox .action .like {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center; }
      .asideRight .glowingCommentRight .glowingCommentBox .action .like img {
        position: relative;
        bottom: 2px;
        width: 14px;
        height: 14px;
        margin-right: 4px;
        margin-left: 18px; }

.asideRight .raise {
  font-weight: bold;
  margin: 22px 0 10px 0;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 12px; }
  .asideRight .raise .tagRaise {
    font-size: 10px;
    display: inline-block;
    color: #E6001E;
    padding: 0 12px;
    border: 1px solid;
    border-color: #E6001E; }
  .asideRight .raise .raiseContent {
    font-size: 12px;
    display: inline-block;
    margin: 0; }
  .asideRight .raise:hover .raiseContent {
    color: #E6001E; }
  .asideRight .raise .tagSeminar {
    font-size: 10px;
    display: inline-block;
    color: #367a82;
    padding: 0 2px;
    border: 1px solid #367a82; }

.asideRight .searchBox .inputWithIcon {
  position: relative; }
  .asideRight .searchBox .inputWithIcon input {
    height: 40px;
    border: 0;
    outline: none;
    background-color: #f2f6f8;
    border-radius: 2px;
    padding-left: 36px;
    font-size: 13px;
    width: calc(100% - 36px); }
  .asideRight .searchBox .inputWithIcon i {
    position: absolute;
    left: 10px;
    top: 11px; }

.asideRight .tagSearch {
  margin-top: 20px;
  margin-bottom: 18px; }
  .asideRight .tagSearch .tagKeyword {
    border-radius: 4px;
    border: 1px solid;
    border-color: #EEEEEE;
    padding: 3px 10px;
    display: inline-block;
    color: #E6001E;
    margin: 0 12px 10px 0; }
    .asideRight .tagSearch .tagKeyword:hover {
      text-decoration: underline; }

.asideRight .businessTrend {
  margin-bottom: 30px; }
  .asideRight .businessTrend h2 {
    font-size: 16px;
    font-weight: bold;
    color: #7a7a7a; }
  .asideRight .businessTrend .businessTrendBox {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px; }
    .asideRight .businessTrend .businessTrendBox .businessTrendTitle {
      font-size: 12px;
      color: #666666;
      margin-bottom: 10px;
      margin-top: 15px; }
    .asideRight .businessTrend .businessTrendBox .businessTrendSummary {
      font-size: 14px;
      font-weight: bold; }
    .asideRight .businessTrend .businessTrendBox:hover .businessTrendSummary {
      color: #E6001E; }

.asideRight .dagAd {
  padding: 15px 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
  margin-bottom: 30px; }
  .asideRight .dagAd .dagAdLeftImg {
    width: 60px;
    height: 60px;
    float: left; }
  .asideRight .dagAd .dagAdContent {
    width: 220px;
    float: right;
    font-size: 14px;
    font-weight: bold; }
  .asideRight .dagAd:hover .dagAdContent {
    color: #E6001E; }

.topComment {
  margin-bottom: 30px;
  border-top: none !important; }
  .topComment .topCommentContainer {
    display: flex;
    border-top: 1px solid #E6001E; }
  .topComment ul.topCommentList {
    margin-top: 20px; }
    .topComment ul.topCommentList li {
      padding: 12px 0;
      border-bottom: 1px solid #EEEEEE; }
      .topComment ul.topCommentList li a:hover p {
        color: #E6001E; }
      .topComment ul.topCommentList li .topCommentText p {
        display: inline;
        font-size: 15px;
        color: #242424;
        font-weight: bold; }
      .topComment ul.topCommentList li .topCommentAuthor {
        padding-top: 15px; }
        .topComment ul.topCommentList li .topCommentAuthor .topCommentAuthorAvatar {
          width: 40px;
          height: 40px;
          float: left;
          margin-right: 10px; }
        .topComment ul.topCommentList li .topCommentAuthor .topCommentAuthorName {
          font-size: 14px;
          font-weight: bold;
          color: #242424; }
        .topComment ul.topCommentList li .topCommentAuthor .topCommentAuthorTitle {
          font-size: 14px;
          font-weight: 500;
          color: #666666; }
  .topComment ul.topCommentAuthorAvatar {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #EEEEEE;
    padding: 14px 0;
    position: relative; }
    .topComment ul.topCommentAuthorAvatar li {
      display: flex; }
      .topComment ul.topCommentAuthorAvatar li a {
        display: flex;
        padding: 0 5px; }
  .topComment .topCommentPopup {
    position: absolute;
    bottom: 65px;
    left: 0;
    background: #FFFFFF;
    width: 288px;
    padding: 10px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dddddd;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: visibility 0s, opacity 0.5s linear; }
    .topComment .topCommentPopup img {
      display: inline; }
    .topComment .topCommentPopup p {
      display: inline;
      font-size: 14px;
      font-weight: 500;
      color: #242424; }
    .topComment .topCommentPopup .topCommentPopupAuthor {
      font-size: 12px;
      font-weight: bold;
      color: #242424; }
    .topComment .topCommentPopup .topCommentPopupTitle {
      font-size: 12px;
      font-weight: 500;
      color: #666666; }
    .topComment .topCommentPopup .arrowDown {
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #f00; }
    .topComment .topCommentPopup:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -6px;
      left: 18px;
      width: 10px;
      height: 10px;
      background: #FFFFFF;
      border-right: 1px solid #CAD5E0;
      border-bottom: 1px solid #CAD5E0;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);}
  .topComment .authorSecond:after {
    left: 66px; }
  .topComment .authorThree:after {
    left: 118px; }
  .topComment .authorFour:after {
    left: 166px; }
  .topComment .authorFive:after {
    left: 218px; }
  .topComment .authorSix:after {
    left: 266px; }

.rankPosts {
  border-top: 1px solid #06375c;
  border-bottom: 1px solid #06375c;
  margin-bottom: 30px; }
  .rankPosts .rankPostTitle {
    font-size: 17px;
    font-weight: bold;
    color: #06375c;
    margin-top: 10px; }
  .rankPosts ul.rankPostList li {
    padding: 13px 0;
    border-bottom: 1px solid #EEEEEE; }
    .rankPosts ul.rankPostList li a.rankItem {
      display: flex; }
      .rankPosts ul.rankPostList li a.rankItem .postRankActive, .rankPosts ul.rankPostList li a.rankItem .postRankNoneActive {
        height: 20px;
        flex: 0 0 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        font-weight: 500;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        margin-right: 8px;
        margin-top: 3px; }
      .rankPosts ul.rankPostList li a.rankItem .postRankActive {
        background-color: #06375c; }
      .rankPosts ul.rankPostList li a.rankItem .postRankNoneActive {
        border: 1px solid #06375c;
        box-sizing: border-box;
        color: #06375c; }
      .rankPosts ul.rankPostList li a.rankItem .postRankTilte {
        font-size: 14px;
        font-weight: bold;
        color: #242424;
        line-height: 1.57; }
        .rankPosts ul.rankPostList li a.rankItem .postRankTilte img {
          margin-left: 8px; }
    .rankPosts ul.rankPostList li:last-child {
      border-bottom: none; }

.asideLeft .compareLastyear .aim {
  width: 100%;
  background: #E6001E;
  position: relative; }
  .asideLeft .compareLastyear .aim p {
    width: 173px;
    margin: auto;
    padding: 16px 0;
    line-height: 1.42;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 800; }
  .asideLeft .compareLastyear .aim:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid #E6001E;
    position: absolute;
    left: 0;
    bottom: -8px; }

.topComment, .asideLeft .keypersons, .asideLeft .todayData, .asideLeft .latestIssue, section.topArticleSecond .topItem {
  display: block;
  position: relative;
  width: 100%;
  border-top: 1px solid #E6001E; }
  .topComment .topRedNote, .asideLeft .keypersons .topRedNote, .asideLeft .todayData .topRedNote, .asideLeft .latestIssue .topRedNote, section.topArticleSecond .topItem .topRedNote {
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    background: #E6001E;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px; }
    .topComment .topRedNote p, .asideLeft .keypersons .topRedNote p, .asideLeft .todayData .topRedNote p, .asideLeft .latestIssue .topRedNote p, section.topArticleSecond .topItem .topRedNote p {
      margin: 0; }
  .topComment .flagKeyArrow, .asideLeft .keypersons .flagKeyArrow, .asideLeft .todayData .flagKeyArrow, .asideLeft .latestIssue .flagKeyArrow, section.topArticleSecond .topItem .flagKeyArrow {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    color: #E6001E;
    line-height: 24px;
    right: 0;
    top: 0; }
    .topComment .flagKeyArrow img, .asideLeft .keypersons .flagKeyArrow img, .asideLeft .todayData .flagKeyArrow img, .asideLeft .latestIssue .flagKeyArrow img, section.topArticleSecond .topItem .flagKeyArrow img {
      display: inline; }
    .topComment .flagKeyArrow a, .asideLeft .keypersons .flagKeyArrow a, .asideLeft .todayData .flagKeyArrow a, .asideLeft .latestIssue .flagKeyArrow a, section.topArticleSecond .topItem .flagKeyArrow a {
      display: inline; }
      .topComment .flagKeyArrow a:hover, .asideLeft .keypersons .flagKeyArrow a:hover, .asideLeft .todayData .flagKeyArrow a:hover, .asideLeft .latestIssue .flagKeyArrow a:hover, section.topArticleSecond .topItem .flagKeyArrow a:hover {
        text-decoration: underline; }

.asideLeft .compareLastyear {
  margin-top: 70px; }
  .asideLeft .compareLastyear p.imgAlt {
    color: #666666;
    margin-top: 2px; }
  .asideLeft .compareLastyear p.title {
    font-size: 17px;
    font-weight: bold;
    margin-top: 8px; }

.asideLeft .dateNumber {
  position: relative;
  width: 100%;
  border: solid 2px #E6001E;
  margin-top: 54px;
  text-align: center; }
  .asideLeft .dateNumber img {
    margin-top: 32px; }
  .asideLeft .dateNumber p.datetime {
    position: absolute;
    left: -2px;
    top: -12px;
    font-weight: bold;
    color: #E6001E;
    z-index: 9999;
    background: #FFFFFF;
    padding-bottom: 9px;
    padding-right: 15px; }
  .asideLeft .dateNumber p.title {
    font-weight: bold;
    line-height: 1.5;
    width: 160px;
    margin-left: auto;
    margin-right: auto; }
  .asideLeft .dateNumber a.backNumber {
    display: block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 27px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    border: solid 1px #dddddd;
    color: #E6001E;
    font-weight: 500; }

.asideLeft .keypersons {
  margin-bottom: 33px; }
  .asideLeft .keypersons .photo {
    position: relative;}
  .asideLeft .keypersons p {
    line-height: 1.42; }
    .asideLeft .keypersons p.position {
      position: absolute;
      left: 11px;
      bottom: 112px;
      color: #FFFFFF;
      font-weight: 500; }
    .asideLeft .keypersons p.name {
      position: absolute;
      left: 11px;
      bottom: 17px;
      color: #FFFFFF;
      font-size: 17px;
      font-weight: bold; }
    .asideLeft .keypersons p.name span {
       font-weight: 500;
       display: block;
       font-size: 16px;}
    .asideLeft .keypersons p.slogan {
      line-height: 1.42;
      font-size: 20px;
      font-weight: bold;
      margin: 5px 0 0; }
  .asideLeft .keypersons:hover {
    color: #E6001E; }

.asideLeft .todayData {
  margin-bottom: 25px; }
  .asideLeft .todayData p {
    line-height: 1.42; }
    .asideLeft .todayData p.sub {
      position: absolute;
      left: 11px;
      bottom: 8px;
      padding-right: 8px;
      color: #FFFFFF;
      font-size: 17px;
      font-weight: bold; }
    .asideLeft .todayData p.title {
      font-size: 20px;
      font-weight: bold;
      margin: 5px 0 0; }
  .asideLeft .todayData:hover {
    color: #E6001E; }

.asideLeft .latestIssue p {
  line-height: 1.42;
  text-align: center; }
  .asideLeft .latestIssue p.date {
    color: #666666;
    font-weight: 500;
    margin: 0; }
  .asideLeft .latestIssue p.slogan {
    font-size: 17px;
    font-weight: bold;
    width: 160px;
    margin: 0 auto; }

.asideLeft .latestIssue:hover {
  color: #E6001E; }

.asideLeft ul.latestIssueList {
  margin-top: 18px;
  border-top: 1px solid #EEEEEE; }
  .asideLeft ul.latestIssueList li {
    border-bottom: 1px solid #EEEEEE;
    padding-top: 12px;
    padding-bottom: 12px; }
    .asideLeft ul.latestIssueList li a {
      font-weight: 500;
      display: flex;
      justify-content: center;
      align-items: center; }
      .asideLeft ul.latestIssueList li a i.icon.viewer {
        margin-right: 6px; }
      .asideLeft ul.latestIssueList li a:hover {
        text-decoration: underline; }

.asideLeft .globalNews {
  margin-top: 29px;
  position: relative; }
  .asideLeft .globalNews:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid #E6001E; }
  .asideLeft .globalNews p.title {
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px; }
  .asideLeft .globalNews p.subTitle {
    color: #666666;
    margin-top: 10px; }
  .asideLeft .globalNews ul.globalNewsList {
    margin-top: 22px; }
    .asideLeft .globalNews ul.globalNewsList li a {
      display: inline-block;
      width: 100%;
      padding-bottom: 18px;
      border-bottom: 1px solid #EEEEEE;
      margin-bottom: 16px; }
      .asideLeft .globalNews ul.globalNewsList li a .globalNewsWrapper {
        display: flex;
        align-items: center;
      }
      .asideLeft .globalNews ul.globalNewsList li a .globalNewsLeft {
        margin-right: 10px;
      }
      .asideLeft .globalNews ul.globalNewsList li a img {
        width: 40px;
        height: 40px; }
      .asideLeft .globalNews ul.globalNewsList li a p {
        float: left; }
        .asideLeft .globalNews ul.globalNewsList li a p.itemTitle {
          float: left;
          font-weight: bold;
          width: 150px; }
        .asideLeft .globalNews ul.globalNewsList li a p.subItemTitle {
          font-size: 12px;
          font-weight: 500;
          color: #666666; }
        .asideLeft .globalNews ul.globalNewsList li a p.itemDescription {
          clear: both;
          font-weight: 500;
          color: #666666;
          margin-top: 5px; }
      .asideLeft .globalNews ul.globalNewsList li a.justIn p {
        float: left; }
        .asideLeft .globalNews ul.globalNewsList li a.justIn p.subItemTitle {
          font-size: 12px;
          font-weight: 500;
          color: #E6001E; }
        .asideLeft .globalNews ul.globalNewsList li a h3 {
          font-size: 14px;
          margin-top: 10px;}
        .asideLeft .globalNews ul.globalNewsList li a.justIn p.itemDescription {
          clear: both;
          font-size: 16px;
          font-weight: bold;
          color: #242424;
          margin-top: 10px; }
      .asideLeft .globalNews ul.globalNewsList li a:hover p.itemTitle {
        color: #E6001E; }

.leafContainer {
  background-color: #FFFFFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 90px; }

/* ギフト情報表示 */
.giftModule .shareGift {
  position: relative;
  border-radius: 2px;
  border: solid 1px #eeeeee;
  width: 983px;
  height: 88px;
  margin: 0 auto;
  margin-bottom: 20px; }
.giftModule .shareGiftTitle {
  font-size: 14px;
  color: #242424;
  line-height: normal;
  letter-spacing: normal;
  font-weight: bold;
  margin: 0; }
.giftModule .giftClose {
  position: absolute;
  top: 3px;
  right: 3px; }
.giftModule .shareGiftIconTitle, .giftModule .shareGiftMembers {
  width: 132px;
  text-align: center; }
.giftModule ul {
  height: 100%;
  display: flex; }
  .giftModule ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .giftModule ul li:last-child {
      width: 155px; }
    .giftModule ul li.shareGiftDescrip {
      font-size: 14px;
      line-height: 1.9;
      letter-spacing: 0.1px;
      color: #242424; }
    .giftModule ul li.giftDescrip {
      width: 478px;
      line-height: 2;
      justify-content: center; }
    .giftModule ul li.shareGiftMembers {
      font-size: 12px;
      color: #242424;
      width: 215px;
      position: relative; }
      .giftModule ul li.shareGiftMembers:before {
        content: '';
        width: 0;
        height: 40px;
        position: absolute;
        border: 1px solid #eeeeee;
        top: 24px;
        left: 0; }
      .giftModule ul li.shareGiftMembers:after {
        content: '';
        width: 0;
        height: 40px;
        position: absolute;
        border: 1px solid #eeeeee;
        top: 24px;
        right: 0; }
    .giftModule ul li a {
      font-weight: normal; }
      .giftModule ul li a:nth-child(1) {
        font-weight: bold; }
      .giftModule ul li a.shareGiftTitleRed {
        line-height: 1.9;
        color: #E6001E;
        font-size: 15px; }
        .giftModule ul li a.shareGiftTitleRed:hover {
          text-decoration: underline; }

.leafHeader {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 16px; }
  .leafHeader .imageTitle {
    height: 100px;
    overflow: hidden;
    position: relative;
    display: block; }
    .leafHeader .imageTitle .categoryLabel {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 16px;
      line-height: 1.6;
      opacity: 0.9; }
    .leafHeader .imageTitle .categoryLabelSpecial {
      background-color: #E6001E; }
    .leafHeader .imageTitle .categoryLabelSecond {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 16px;
      line-height: 1.6; }
    .leafHeader .imageTitle .categoryLabelDup {
      position: absolute;
      top: 0;
      left: 0;
      padding: 1px 16px; }
    .leafHeader .imageTitle .textTitle {
      font-weight: bold;
      color: #FFFFFF;
      font-size: 20px;
      font-weight: bold;
      color: #FFFFFF;
      left: 30px;
      top: 42px;
      position: absolute; }
    .leafHeader .imageTitle .onenbBtnFollow {
      position: absolute;
      top: 8px;
      right: 30px; }
    .leafHeader .imageTitle .onenbBtnUnFollow {
      position: absolute;
      top: 8px;
      right: 30px; }
    .leafHeader .imageTitle .modalIcon {
      position: absolute;
      top: 0;
      right: 26px;
      height: 100px;
      padding-top: 50px; }
    .leafHeader .imageTitle:hover {
      opacity: 0.8; }
  .leafHeader .mainHeader {
    margin: 0 70px; }
    .leafHeader .mainHeader .shoulder {
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0.2px;
      color: #7a7a7a;
      font-weight: 500;
      margin: 22px 0 0 0;
      margin-right: 6px;
      display: inline-block; }
    .leafHeader .mainHeader .headerLabel {
      display: inline-block;
      background: linear-gradient(to right, #ceb954, #e8dc9f 50%, #ceb954);
      padding: 0 4px;
      text-align: center;
      margin-left: 6px;
      font-size: 12px;
      font-weight: 500;
      color: #242424;
      margin-top: 22px; }
    .leafHeader .mainHeader h1 {
      font-size: 32px;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: 0.3px;
      color: #242424;
      margin-bottom: 12px;
      margin-top: 15px; }
      .leafHeader .mainHeader h1 i.icon.iconMovie {
        width: 20px;
        background-size: 100%;
        margin-left: 5px;
        background-position: center; }
    .leafHeader .mainHeader p.subTitle {
      font-size: 15px;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.2px;
      color: #666666;
      margin: 0 0 16px 0; }
    .leafHeader .mainHeader time {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #666666; }
      .leafHeader .mainHeader time img {
        margin-left: 8px; }
    .leafHeader .mainHeader .iconOpenLabel {
      font-size: 12px;
      letter-spacing: 0.2px;
      color: #FFFFFF;
      background: #E6001E;
      padding: 0px 5px;
      margin-left: 6px;
      font-weight: bold;}

    /* 記事ヘッダー：機能アイコン（Raise共通） */
    .mainHeader .boxSocial ul.social {
      float: right; }
      .mainHeader .boxSocial ul.social li {
        float: left;
        width: 70px;
        position: relative; }
        .mainHeader .boxSocial ul.social li .btnLabel {
          text-align: center;
          height: 32px; }
          .mainHeader .boxSocial ul.social li .btnLabel:hover {
            opacity: 0.8; }
        .mainHeader .boxSocial ul.social li .titleLabel {
          font-size: 12px;
          font-weight: 500;
          color: #666666;
          text-align: center; }
        .mainHeader .boxSocial ul.social li .titleLabelRed {
          font-size: 12px;
          font-weight: 500;
          color: #E6001E; }
        .mainHeader .boxSocial ul.social li .btnLabel {
          position: relative;
          background-repeat: no-repeat;
          background-position: center top; }
        /* Clip */
        .mainHeader .boxSocial ul.social li a.fileLink .titleLabelFe {
          font-size: 12px;
          font-weight: 500;
          text-align: center; }
        .mainHeader .boxSocial ul.social li a.fileLink.isOpen .titleLabelFe { color: #E6001E; }
        .mainHeader .boxSocial ul.social li a.fileLink.isClose .titleLabelFe { color: #242424; }
        .mainHeader .boxSocial ul.social li a.fileLink .btnLabel {
          background-size: 18px auto;
          background-position: center 10px; }
          .mainHeader .boxSocial ul.social li a.fileLink.isOpen .btnLabel {
          background-image: url("/images/onb/2019/fileIcon.png"); }
        .mainHeader .boxSocial ul.social li a.fileLink.isClose .btnLabel {
          background-image: url(/images/onb/2019/fileIconBlack.png); }
        /* Viewer */
        .mainHeader .boxSocial ul.social li.book a.viewerLink .btnLabel {
          background-image: url(/images/onb/2019/viewerIcon.png);
          background-size: 21px auto;
          background-position: center 11px; }
        /* Print */
        .mainHeader .boxSocial ul.social li.print a.printLink .btnLabel {
          background-image: url(/images/onb/2019/printIcon.png);
          background-size: 21px auto;
          background-position: center 9px; }
        /* Gift */
        .mainHeader .boxSocial ul.social li a.giftLink.isClose .btnLabel {
          background-size: 21px auto;
          background-position: center 8px; }
        .mainHeader .boxSocial ul.social li.clipPaperButton {
          position: relative; }
        .mainHeader .boxSocial ul.social li.clipPaperButton .paperBackground {
          border-radius: 3px;
          position: absolute;
          top: -60px;
          right: -55px;
          width: 185px;
          height: 40px;
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
          background: rgba(0, 0, 0, 0.8);
          font-size: 17px;
          font-weight: bold;
          letter-spacing: 0.2px;
          color: #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none; }
          .mainHeader .boxSocial ul.social li.clipPaperButton .paperBackground:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12px 15px 0;
            border-color: transparent #000000 transparent transparent;
            left: 87px;
            bottom: -15px;
            opacity: 0.8; }

    /* 記事ヘッダー：コメント数 */
    .leafHeader .mainHeader .likeAndComment img {
      margin-right: 3px;
      margin-bottom: -1px; }
    .leafHeader .mainHeader .likeAndComment span {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #666666; }
    .leafHeader .mainHeader .likeAndComment .firstElement {
      margin-right: 12px; }
    .leafHeader .mainHeader .leafActionInfo {
      display: table;
      width: 100%; }
      .leafHeader .mainHeader .leafActionInfo .leafInfo {
        display: table-cell;
        width: 50%;
        vertical-align: bottom;
        padding: 0; }
      .leafHeader .mainHeader .leafActionInfo .leafAction {
        display: table-cell;
        width: 50%; }
      .leafHeader .mainHeader .leafActionInfo .leafLockIcon {
        display: inline-block;
        margin-left: 10px;
        width: 12px;
        height: 12px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; }
      .leafHeader .mainHeader .leafActionInfo .iconOpen {
        background: url("/images/onb/2019/openSmallIcon.svg?20181218") no-repeat; }
      .leafHeader .mainHeader .leafActionInfo .iconClose {
        background: url("/images/onb/2019/closeSmallIcon.svg?20181218") no-repeat; }
    .leafHeader .mainHeader .leafAuthor {
      display: flex; }
      .leafHeader .mainHeader .leafAuthor .authorAvatar {
        display: inline-block;
        padding-right: 8px; }
      .leafHeader .mainHeader .leafAuthor .authorInfo {
        display: inline-block;
        vertical-align: top;
        height: 40px; }
        .leafHeader .mainHeader .leafAuthor .authorInfo .authorName {
          line-height: 1.2; }
          .leafHeader .mainHeader .leafAuthor .authorInfo .authorName .fullName {
            display: inline-block;
            font-size: 17px;
            font-weight: 500;
            color: #242424; }
          .leafHeader .mainHeader .leafAuthor .authorInfo .authorName .numberImages {
            cursor: pointer;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            color: #E6001E; }
            .leafHeader .mainHeader .leafAuthor .authorInfo .authorName .numberImages img {
              margin-left: 6px; }
        .leafHeader .mainHeader .leafAuthor .authorInfo .authorLevel {
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.2px;
          color: #666666; }

/* 記事 */
.articleBody {
  margin: 0 70px; }
  .articleBody ul {
    list-style-type: none; }
    .articleBody ul li {
      padding-left: 0; }
  .articleBody .numberLetter {
    text-align: right;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 2px; }
  .articleBody p.bplead {
    margin-bottom: 40px; }
  .articleBody p.bpleadSecond {
    margin-bottom: 28px; }
  .articleBody p {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.76;
    letter-spacing: 0.4px;
    color: #242424;
    margin-bottom: 40px;
    margin-top: 0; }
  .articleBody .commentAdd {
    margin-bottom: 40px; }
    .articleBody .commentAdd .authorComment {
      padding: 20px 20px 13px 20px;
      border: 1px solid;
      border-color: #EEEEEE; }
      .articleBody .commentAdd .authorComment .authorCommentAvatar {
        display: inline-block;
        padding-right: 12px; }
      .articleBody .commentAdd .authorComment .authorCommentInfo {
        display: inline-block; }
        .articleBody .commentAdd .authorComment .authorCommentInfo .authorCommentName {
          font-size: 12px;
          font-weight: bold;
          color: #E6001E; }
        .articleBody .commentAdd .authorComment .authorCommentInfo .authorCommentLevel {
          font-size: 12px;
          font-weight: 500;
          color: #666666; }
      .articleBody .commentAdd .authorComment .authorCommentText {
        font-size: 13px;
        font-weight: 500;
        color: #242424;
        padding: 10px 0; }
      .articleBody .commentAdd .authorComment time {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        color: #7a7a7a;
        margin-right: 12px; }
      .articleBody .commentAdd .authorComment .authorCommentLike {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        color: #7a7a7a; }
        .articleBody .commentAdd .authorComment .authorCommentLike img {
          margin-right: 3px; }
  .articleBody .bpimage_caption {
    font-size: 14px;
    font-weight: 500;
    color: #666666; }
  .articleBody .bpimage_click {
    font-size: 14px;
    font-weight: 500; }

  /* 記事下ツールアイコン */
  .articleBottom{
    width:620px;
    margin:0 auto 20px; }
  .articleBody .boxSocial,.articleBottom .boxSocial {
    overflow: hidden; }
    .articleBody .boxSocial ul.social,.articleBottom .boxSocial ul.social {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-left: 0; }
      .articleBody .boxSocial ul.social li,
      .articleBottom .boxSocial ul.social li {
          opacity: 1;
          padding: 20px 0;
          margin-top: 45px;
          width: 14%;
          text-align: center;
          font-size: 12px;
          position: relative; }
        .articleBody .boxSocial ul.social li .btnLabel,
        .articleBottom .boxSocial ul.social li .btnLabel {
          height: 30px;
          text-align: center;
          position: relative;
          background-repeat: no-repeat;
          background-position: center bottom;
          margin-bottom: 8px; }
        .articleBody .boxSocial ul.social li a.facebookLink .btnLabel,.articleBottom .boxSocial ul.social li a.facebookLink .btnLabel {
          background-image: url("/images/onb/2019/fbIcon.png"); }
        .articleBody .boxSocial ul.social li a.twitterLink .btnLabel,.articleBottom .boxSocial ul.social li a.twitterLink .btnLabel {
          background-image: url("/images/onb/2019/twwtIcon.png"); }
        .leafActionInfo .boxSocial ul.social li a.giftLink.isClose .btnLabel,.articleBottom .boxSocial ul.social li a.giftLink.isClose .btnLabel {
          background-image: url("/images/onb/2019/giftIconBlack.png"); }
        .articleBody .boxSocial ul.social li a.giftLink.isClose .titleLabelGt,.articleBottom .boxSocial ul.social li a.giftLink.isClose .titleLabelGt {
          color: #242424; }
        .articleBody .boxSocial ul.social li a.giftLink.isOpen .btnLabel,.articleBottom .boxSocial ul.social li a.giftLink.isOpen .btnLabel {
          background-image: url("/images/onb/2019/giftIcon.png"); }
        .articleBody .boxSocial ul.social li a.giftLink.isOpen .titleLabelGt,.articleBottom .boxSocial ul.social li a.giftLink.isOpen .titleLabelGt {
          color: #ff64a4; }
        .articleBody .boxSocial ul.social li a.urlLink .btnLabel,.articleBottom .boxSocial ul.social li a.urlLink .btnLabel {
          background-image: url("/images/onb/2019/URLcopyIcon.png"); }
        .articleBody .boxSocial ul.social li a.fileLink.isOpen .btnLabel,.articleBottom .boxSocial ul.social li a.fileLink.isOpen .btnLabel {
          background-image: url("/images/onb/2019/fileIcon.png"); }
        .articleBody .boxSocial ul.social li a.fileLink.isOpen .titleLabelFe,.articleBottom .boxSocial ul.social li a.fileLink.isOpen .titleLabelFe {
          color: #E6001E; }
        .articleBody .boxSocial ul.social li a.fileLink.isClose .btnLabel,.articleBottom .boxSocial ul.social li a.fileLink.isClose .btnLabel {
          background-image: url("/images/onb/2019/fileIconBlack.png"); }
        .articleBody .boxSocial ul.social li a.fileLink.isClose .titleLabelFe,.articleBottom .boxSocial ul.social li a.fileLink.isClose .titleLabelFe {
          color: #242424; }
        .articleBody .boxSocial ul.social li .titleLabelFb,.articleBottom .boxSocial ul.social li .titleLabelFb {
          color: #4065b4; }
        .articleBody .boxSocial ul.social li .titleLabelTw,.articleBottom .boxSocial ul.social li .titleLabelTw {
          color: #059ff5; }
        .articleBody .boxSocial ul.social li .titleLabelU,.articleBottom .boxSocial ul.social li .titleLabelU {
          color: #242424; }
        .articleBody .boxSocial ul.social li:first-child,.articleBottom .boxSocial ul.social li:first-child {
          width: 11%; }
        .articleBody .boxSocial ul.social li a:hover,.articleBottom .boxSocial ul.social li a:hover {
          opacity: 0.7; }
      .articleBody .boxSocial ul.social li.copyLinkButton,.articleBottom .boxSocial ul.social li.copyLinkButton {
        position: relative; }
        .articleBody .boxSocial ul.social li.copyLinkButton .copyLinkBackground,.articleBottom .boxSocial ul.social li.copyLinkButton .copyLinkBackground {
          border-radius: 3px;
          position: absolute;
          top: -40px;
          right: -30px;
          width: 160px;
          height: 40px;
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.17);
          background: rgba(0, 0, 0, 0.8);
          font-size: 17px;
          font-weight: bold;
          letter-spacing: 0.2px;
          color: #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;
          display: none; }
          .articleBody .boxSocial ul.social li.copyLinkButton .copyLinkBackground:after,.articleBottom .boxSocial ul.social li.copyLinkButton .copyLinkBackground:after {
            content: ' ';
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 12px 15px 0;
            border-color: transparent #000000 transparent transparent;
            left: 74px;
            bottom: -15px;
            opacity: 0.8; }
    .articleBody .boxSocial ul.social.socialThird,.articleBottom .boxSocial ul.social.socialThird {
      margin-bottom: 25px; }
      .articleBody .boxSocial ul.social.socialThird li,.articleBottom .boxSocial ul.social.socialThird li {
        padding: 0; }
  /* 出典情報 */
  .articleBody .endText {
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    text-align: center;
    letter-spacing: 0.2px; }
    .articleBody .endText a {
      color: #E6001E;
      margin-left: 1px; }
      .articleBody .endText a:hover {
        text-decoration: underline; }
  .articleBody .endText2 {
    font-size: 12px;
    font-weight: 500;
    color: #666666;
    text-align: left;
    letter-spacing: 0.2px;
    margin-bottom: 5px; }
  .articleBody .leafTag,.articleBottom .leafTag {
    margin-top: 15px; }
    .articleBody .leafTag ul,.articleBottom .leafTag ul {
      padding: 0;
      display: flex;
      justify-content: left;
      flex-wrap: wrap; }
      .articleBody .leafTag ul a,.articleBottom .leafTag ul a {
        text-align: center;
        border-radius: 4px;
        border: 1px solid;
        border-color: #EEEEEE;
        margin-bottom: 10px;
        margin-right: 10px;
        font-size: 15px;
        padding: 0 3px;
        font-weight: 500;
        color: #E6001E;
        line-height: 30px;
        min-width: 105px;
        display: block; }
        .articleBody .leafTag ul a:hover,.articleBottom .leafTag ul a:hover {
          text-decoration: underline; }
    .articleBody .leafTag .clearBoth,.articleBottom .leafTag .clearBoth {
      clear: both; }
  .articleBody .semiFadeImage {
    position: relative; }
    .articleBody .semiFadeImage:before {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 317px;
      top: -353px;
      left: 0;
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 65%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
  .articleBody .semiFadeImageSecond {
    position: relative; }
    .articleBody .semiFadeImageSecond:before {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 150px;
      top: -187px;
      left: 0;
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
  .articleBody .btnReadMoreContent .btnReadMore {
    display: block;
    width: 240px;
    margin: auto 0;
    line-height: 40px;
    height: 40px;
    border-radius: 2px;
    border: solid 1px #E6001E;
    color: #E6001E;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto;
    position: relative; }
    .articleBody .btnReadMoreContent .btnReadMore .btnReadMoreIcon {
      position: absolute;
      right: 13px;
      top: 0; }
  .articleBody .btnReadMoreContent.semiBtnReadMore {
    margin-top: -113px;
    margin-bottom: 40px; }
  .articleBody .iconLoad {
    display: flex;
    justify-content: center; }

/* ペイウォール */
.aloneLoginForRead {
  width: 620px;
  padding: 0 70px;
  margin-bottom: 40px; }
.loginForRead {
  padding: 30px 15px 15px 20px;
  background: #f6f6f6; }
#simple-popup .loginForRead {
  padding: 30px 30px 20px;
  background: #fff; }
.myPage .tabWrapper .loginForRead {
  padding: 20px 15px 15px 20px;
  background: #f6f6f6;
  width: 600px;
  margin: 30px auto;}
.loginForRead .paywallDescription {
  text-align: center;
  margin-bottom: 20px;
  font-size: 17px;
  color: #333;}
.loginForRead .paywallDescription .modalType { font-style: normal; }
.loginForRead p.image { float: right; position:relative;}
.loginForRead p.image.device { height:165px;}
.loginForRead p.image .award { margin-right: -5px;}
.loginForRead p.image .shield {
  position: absolute;
  top: 46px;
  left: 42px;}
.loginForRead h2 {
  font-size: 21px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: inline-block;}
.loginForRead h2 strong { font-size: 31px; }
.loginForRead h2 .red { color:#e6001e;}
.loginForRead p.check { font-weight:bold; font-size: 16px; padding-left: 25px; margin-bottom:5px;
  background: url(/images/onb/2019/icon_check.png) no-repeat left center;
  background-size: 15px auto;}
.loginForRead p.check strong { font-size: 20px; color:#e6001e; }
.loginForRead .small { font-size: 12px; font-weight: normal; color: #666666;}
.loginForRead p.continued { font-size: 14px; text-align: center; }
.loginForRead p.textPoint { font-weight:bold; font-size: 16px; text-align: center; margin-bottom: 15px;}
.loginForRead p.textPoint strong { font-size: 20px; color:#e6001e; }
.loginForRead p.textRegist { font-weight:bold; font-size: 15px; text-align: center; margin-top: 20px; clear: both;}
.loginForRead p.textRegist strong { font-size: 15px; color:#e6001e; }
ul.paywallBtn { overflow: hidden; margin-top: 10px; padding: 0;}
ul.paywallBtn.registmem { margin-top: 10px; clear: both;}
ul.paywallBtn.notlogin li.regist a { width: 395px; float: left; margin: 5px 0 10px 0;}
ul.paywallBtn.notlogin li.login a { width: 175px; float: right; margin: 5px 5px 10px 10px;}
ul.paywallBtn.registmem li.regist a { width: 580px; float: left; margin: 10px 5px 10px 0;}
#readPoint a.btnRedGradientPc { width: 580px; float: left; margin: 0 5px 20px 0;}
ul.paywallBtn li.regist { position: relative;}
ul.paywallBtn li.regist span {
  position: absolute;
  top: 0;
  left: 5px;
  background-color: #f57123;
  color: #fff;
  padding: 2px 15px;
  font-size: 12px;
  font-weight: bold;}
ul.paywallBtn li.regist span:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  right: 0;
  width: 0px;
  height: 0px;
  margin: 0 10px 0 0;
  border-style: solid;
  border-color: #f57123 transparent transparent transparent;
  border-width: 6px 5px 0 5px;}
ul.paywallBtn .btnRedGradientPc:hover,
#readPoint .btnRedGradientPc:hover {
  box-sizing: border-box;
  background: #f6f6f6;
  box-shadow: inset 0 0 0 2px #e6001e;
  color: #E6001E;}
ul.paywallBtn .btnGreenGradientPc:hover,
#readPoint .btnGreenGradientPc:hover {
  box-sizing: border-box;
  background: #f6f6f6;
  box-shadow: inset 0 0 0 2px #1b9b82;
  color: #1b9b82;}

/* loginForReadAction TOPのみに残る */
  .loginForRead .loginForReadAction ul {
    padding-left: 0;
    display: flex;
    justify-content: space-around; }
    .loginForRead .loginForReadAction ul li {
      text-align: center; }
      .loginForRead .loginForReadAction ul li .labelSignAction {
        font-size: 15px;
        font-weight: bold;
        color: #666666;
        padding: 15px 0 15px 0; }
        .loginForRead .loginForReadAction ul li .labelSignAction.semiSignAction {
          padding-top: 20px; }
      .loginForRead .loginForReadAction ul li .btnRedGradientPc,
      .loginForRead .loginForReadAction ul li .btnGreenGradientPc {
        margin: 0 auto; }
      .loginForRead .loginForReadAction ul li .arrowDown {
        width: 303px;
        margin-top: -13px;
        position: relative;
        pointer-events: none; }
        .loginForRead .loginForReadAction ul li .arrowDown::after {
          content: '';
          position: absolute;
          left: 46%;
          top: 100%;
          width: 0;
          height: 0;
          border-left: 13px solid transparent;
          border-right: 13px solid transparent;
          border-top: 10px solid #ea3750;
          clear: both; }
      .loginForRead .loginForReadAction ul li .btnRedGradientPc:hover {
        box-sizing: border-box;
        background: #f6f6f6;
        box-shadow: inset 0 0 0 2px #e6001e;
        color: #E6001E; }
      .loginForRead .loginForReadAction ul li .btnGreenGradientPc:hover {
        box-sizing: border-box;
        background: #f6f6f6;
        box-shadow: inset 0 0 0 2px #1b9b82;
        color: #1b9b82; }
      .loginForRead .loginForReadAction ul li .oneButton {
        width: 343px; }
        .loginForRead .loginForReadAction ul li .oneButton:hover {
          box-shadow: inset 0 0 0 2px #e6001e; }
      .loginForRead .loginForReadAction ul li .btnRedBorderPcTwo {
        width: 343px;
        height: 56px;
        line-height: 56px;
        border-radius: 4px;
        color: #E6001E;
        border: solid 1px #E6001E;
        font-size: 17px;
        font-weight: bold;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer; }
        .loginForRead .loginForReadAction ul li .btnRedBorderPcTwo:hover {
          color: #fff;
          background: #ee4d62;
          background: -moz-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
          background: -webkit-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
          background: linear-gradient(135deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4d62', endColorstr='#e70d2a',GradientType=1 ); }
      .loginForRead .loginForReadAction ul li .btnRedBorderPcThree {
        width: 343px;
        height: 56px;
        line-height: 56px;
        border-radius: 4px;
        color: #E6001E;
        border: solid 1px #E6001E;
        font-size: 17px;
        font-weight: bold;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer; }
        .loginForRead .loginForReadAction ul li .btnRedBorderPcThree:hover {
          box-shadow: inset 0 0 0 1px #e6001e; }

/* チャート */
.loginSemiTwo .loginForReadTitle p {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  margin-bottom: 30px; }
.loginForRead .loginChart {
  display: flex;
  margin-top: 48px;
  margin-bottom: 20px; }
  .loginForRead .loginChart .loginChartCanvas {
    width: 50%;
    height: 230px; }
  .loginForRead .loginChart.elementHide {
    display: none; }
  .loginForRead .loginChart .loginContent {
    width: 50%;
    padding: 50px 0 0 22px; }
    .loginForRead .loginChart .loginContent .contentTitle {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.67;
      letter-spacing: 0.2px;
      color: #242424;
      margin-bottom: 12px; }
    .loginForRead .loginChart .loginContent .contentDecription {
      font-size: 14px;
      line-height: 1.57;
      letter-spacing: 0.2px;
      color: #242424; }
  .aloneLoginForRead .oneButton {
    width: auto; }
    .aloneLoginForRead .oneButton .btnPadding {
      padding: 0 20px; }
      .aloneLoginForRead .oneButton .btnPadding:hover {
        width: 324px; }

.loginSemiTwo {
  margin-bottom: 42px;
  padding-bottom: 18px; }
.loginSemiThree {
  margin-bottom: 42px;
  padding-bottom: 18px;
  padding-top: 42px; }

.commentBox {
  clear: both;
  margin: 30px 70px 0 70px; }
  .commentBox h5 {
    font-size: 15px;
    margin-bottom: 20px; }
    .commentBox h5.numberComment {
      margin-bottom: -3px; }
  .commentBox .commentContent {
    height: 576px;
    box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.15); }
    .commentBox .commentContent ul li {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: 20px; }
      .commentBox .commentContent ul li form.frmComment {
        border-bottom: none; }
      .commentBox .commentContent ul li.rasieComment {
        margin-top: 55px; }
      .commentBox .commentContent ul li.isHighLight {
        padding-top: 30px; }
      .commentBox .commentContent ul li .commentItemLeft {
        position: relative; }
        .commentBox .commentContent ul li .commentItemLeft .commentHighLight {
          position: absolute;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100px;
          top: -37px;
          padding: 1px 0;
          border: solid 1px #eeeeee; }
          .commentBox .commentContent ul li .commentItemLeft .commentHighLight .commentHighLightIcon {
            margin-right: 3px;
            display: flex; }
          .commentBox .commentContent ul li .commentItemLeft .commentHighLight p {
            font-size: 12px;
            font-weight: 500;
            color: #666666; }
          .commentBox .commentContent ul li .commentItemLeft .commentHighLight:before {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            z-index: 1;
            border-style: solid;
            border-width: 8px 8px 0 0;
            border-color: #dddddd transparent transparent transparent;
            bottom: -8px;
            left: 14px; }
          .commentBox .commentContent ul li .commentItemLeft .commentHighLight:after {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            z-index: 1;
            border-style: solid;
            border-width: 6px 6px 0 0;
            border-color: #ffffff transparent transparent transparent;
            bottom: -6px;
            left: 15px; }
        .commentBox .commentContent ul li .commentItemLeft .iconFill {
          position: absolute;
          z-index: 1;
          width: 14px;
          height: 14px;
          background-size: 100% 100%;
          right: -5px;
          top: 21px; }
      .commentBox .commentContent ul li .commentItemRight {
        position: relative;
        margin-left: 10px;
        margin-right: 15px;
        width: 562px; }
        .commentBox .commentContent ul li .commentItemRight a.iconBall,
        .commentBox .commentContent ul li .commentItemRight a.myIconBall {
          position: absolute;
          right: 0;
          top: 12px;
          display: flex;
          padding: 10px;
          padding-right: 0; }
        .commentBox .commentContent ul li .commentItemRight .commentItemRightContent {
          overflow: hidden;
          position: relative; }
          .commentBox .commentContent ul li .commentItemRight .commentItemRightContent.on:after {
            content: "";
            position: static;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none; }
        .commentBox .commentContent ul li .commentItemRight p {
          line-height: 1.71; }
          .commentBox .commentContent ul li .commentItemRight p span.commentReadmore {
            color: #666666; }
        .commentBox .commentContent ul li .commentItemRight p.paragraph {
          margin-bottom: 40px; }
        .commentBox .commentContent ul li .commentItemRight p.textAuthor {
          font-size: 12px;
          line-height: 1.5;
          margin-bottom: 0; }
          .commentBox .commentContent ul li .commentItemRight p.textAuthor.textAuthorBlack {
            color: #242424;
            font-weight: bold; }
        .commentBox .commentContent ul li .commentItemRight p.textAuthorTitle {
          font-size: 12px;
          line-height: normal;
          margin-bottom: 10px; }
        .commentBox .commentContent ul li .commentItemRight .commentIcon {
          color: #7a7a7a;
          margin-top: 5px;
          font-size: 12px; }
          .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentlike {
            margin-left: 20px; }
            .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentlike .iconLike {
              width: 14px;
              height: 14px;
              background-size: 100% 100%; }
            .commentBox .commentContent ul li.rasieComment .commentItemRight .commentIcon span.commentlike .iconLike {
              margin-right: 3px; }
          .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentReply {
            margin-left: 20px;
            float: right;
            color: #E6001E; }
            .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentReply:hover {
              text-decoration: underline; }
          .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentVoteLike {
            float: right;
            color: #E6001E;
            margin-left: 20px; }
            .commentBox .commentContent ul li .commentItemRight .commentIcon span.commentVoteLike:hover {
              text-decoration: underline; }
          .commentBox .commentContent ul li .commentItemRight .commentIcon.isLike span.commentVoteLike {
            font-weight: bold; }
          .commentBox .commentContent ul li .commentItemRight .commentIcon.isLike .commentlike {
            color: #E6001E; }
            .commentBox .commentContent ul li .commentItemRight .commentIcon.isLike .commentlike .iconLike {
              background: url("/images/onb/2019/iconLikeRed.png") no-repeat;
              background-size: 100%; }
        .commentBox .commentContent ul li .commentItemRight .comentGlowing {
          float: right;
          display: flex;
          font-size: 12px;
          color: #666666;
          margin-right: 38px;
          margin-top: 5px; }
          .commentBox .commentContent ul li .commentItemRight .comentGlowing .iconStarRed {
            width: 9px;
            height: 11px;
            background-size: 100% 100%;
            margin-top: 5px;
            margin-right: 6px; }
        .commentBox .commentContent ul li .commentItemRight .commentShowReply {
          font-size: 14px;
          color: #E6001E;
          margin-top: 17px;
          text-align: center;
          letter-spacing: normal; }
          .commentBox .commentContent ul li .commentItemRight .commentShowReply .iconReplyDown {
            width: 14px;
            height: 14px;
            background-size: 100% 100%;
            margin-left: 4px; }
          .commentBox .commentContent ul li .commentItemRight .commentShowReply:hover {
            text-decoration: underline; }
        .commentBox .commentContent ul li .commentItemRight .replySection .replyItemRight {
          margin-left: 10px;
          margin-right: 15px;
          position: relative;
          width: 506px; }
        .commentBox .commentContent ul li .commentItemRight .replySection li {
          flex-direction: inherit; }
    .commentBox .commentContent.commentContentNoneShadow {
      box-shadow: none; }
  .commentBox .commentContentSecond ul li {
    display: flex;
    margin-top: 14px;
    flex-direction: column; }
    .commentBox .commentContentSecond ul li .commentSection {
      display: flex; }
      .commentBox .commentContentSecond ul li .commentSection .commentItemLeft {
        position: relative; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemLeft .iconFill {
          position: absolute;
          width: 14px;
          height: 14px;
          background-size: 100% 100%;
          right: -5px;
          top: 21px; }
      .commentBox .commentContentSecond ul li .commentSection .commentItemRight {
        position: relative;
        margin-left: 10px;
        margin-right: 15px; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightOption {
          position: absolute;
          right: 0;
          top: 12px;
          align-items: center;
          justify-content: center;
          display: flex; }
          .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightOption .glowComment {
            margin-right: 45px; }
            .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightOption .glowComment img {
              margin-right: 6.3px;
              width: 8.7px;
              height: 10.4px; }
          .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightOption .iconBall {
            position: relative; }
            .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightOption .iconBall img {
              position: absolute;
              top: -4px;
              right: 0px; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemRight p.textAuthor {
          font-size: 12px;
          line-height: 1.5;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: 0.2px;
          color: #242424;
          margin-bottom: 0; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemRight p.textAuthorTitle {
          font-size: 12px;
          line-height: normal;
          margin-bottom: 10px; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentItemRightContent {
          max-height: 150px;
          overflow: hidden;
          position: relative; }
        .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentIcon {
          color: #7a7a7a;
          margin-top: 12px;
          font-size: 12px; }
          .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentIcon span.commentlike {
            margin-left: 20px; }
            .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentIcon span.commentlike a .iconLike {
              width: 14px;
              height: 14px;
              background-size: 100% 100%; }
          .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentIcon span.commentReply {
            margin-left: 20px;
            float: right;
            color: #E6001E; }
          .commentBox .commentContentSecond ul li .commentSection .commentItemRight .commentIcon span.commentVoteLike {
            float: right;
            color: #E6001E;
            margin-left: 20px; }
    .commentBox .commentContentSecond ul li ul {
      padding-left: 42px; }
      .commentBox .commentContentSecond ul li ul li {
        display: flex;
        flex-direction: row;
        margin-top: 20px; }
        .commentBox .commentContentSecond ul li ul li .replyItemLeft {
          position: relative; }
          .commentBox .commentContentSecond ul li ul li .replyItemLeft .iconFill {
            position: absolute;
            width: 14px;
            height: 14px;
            background-size: 100% 100%;
            right: 0;
            top: 21px; }
        .commentBox .commentContentSecond ul li ul li .replyItemRight {
          position: relative;
          margin-left: 10px;
          margin-right: 15px; }
          .commentBox .commentContentSecond ul li ul li .replyItemRight a.iconBall,
          .commentBox .commentContentSecond ul li ul li .replyItemRight a.myIconBall {
            position: absolute;
            right: 0;
            top: 12px;
            display: flex; }
          .commentBox .commentContentSecond ul li ul li .replyItemRight p.textAuthor {
            font-size: 12px;
            line-height: 1.5;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0.2px;
            color: #242424;
            margin-bottom: 0; }
          .commentBox .commentContentSecond ul li ul li .replyItemRight p.textAuthorTitle {
            font-size: 12px;
            line-height: normal;
            margin-bottom: 10px; }
          .commentBox .commentContentSecond ul li ul li .replyItemRight .replyItemRightContent {
            max-height: 150px;
            overflow: hidden;
            position: relative;
            line-height: 1.71;
            letter-spacing: 0.2px; }
          .commentBox .commentContentSecond ul li ul li .replyItemRight .commentIcon {
            color: #7a7a7a;
            margin-top: 12px;
            font-size: 12px; }
            .commentBox .commentContentSecond ul li ul li .replyItemRight .commentIcon span.commentlike {
              margin-left: 20px; }
              .commentBox .commentContentSecond ul li ul li .replyItemRight .commentIcon span.commentlike a .iconLike {
                width: 14px;
                height: 14px;
                background-size: 100% 100%; }
            .commentBox .commentContentSecond ul li ul li .replyItemRight .commentIcon span.commentReply {
              margin-left: 20px;
              float: right;
              color: #E6001E; }
            .commentBox .commentContentSecond ul li ul li .replyItemRight .commentIcon span.commentVoteLike {
              float: right;
              color: #E6001E;
              margin-left: 20px; }
  .commentBox .allCommentButton {
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center; }
    .commentBox .allCommentButton a {
      width: 160px;
      height: 32px;
      padding: 8px 27px;
      border-radius: 4px;
      border: solid 1px #e6001e;
      color: #e6001e;
      font-weight: 500;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal; }
    .commentBox .allCommentButton:hover a {
      box-shadow: inset 0 0 0 1px #E6001E; }
  .commentBox .signUp {
    width: 620px;
    height: 52px;
    border-radius: 2px;
    border: solid 1px #eeeeee;
    background-color: #ffffff;
    margin: 20px 0;
    display: table; }
    .commentBox .signUp .signUpContent {
      font-size: 12px;
      font-weight: bold;
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: #242424; }
      .commentBox .signUp .signUpContent .signUpConTentRed {
        color: #e6001e;
        letter-spacing: 0.3px;
        padding-left: 5px; }
  .commentBox form.frmComment {
    display: flex;
    margin-top: 20px;
    border-bottom: 2px solid#EEEEEE;
    padding-bottom: 40px;
    align-items: center;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap; }
    .commentBox form.frmComment img {
      width: 32px;
      height: 33px; }
    .commentBox form.frmComment textarea {
      margin-left: 11px;
      margin-right: 8px;
      width: 518px;
      padding-left: 10px;
      padding-top: 2%;
      min-height: 49px;
      border: 1px solid;
      border-color: #F6F6F6;
      background: #F6F6F6;
      background-position: center;
      font-size: 15px;
      color: #666666;
      border-radius: 4px;
      line-height: 1.67;
      transition: 0.3s;
      box-sizing: border-box;
      resize: vertical !important; }
      .commentBox form.frmComment textarea:focus {
        outline: inherit;
        border: 1px solid;
        border-color: #E6001E;
        transition: 0.3s; }
      .commentBox form.frmComment textarea:hover {
        outline: inherit;
        border: 1px solid;
        border-color: #E6001E;
        transition: 0.3s; }
      .commentBox form.frmComment textarea.submit {
        outline: inherit;
        border: 1px solid;
        border-color: #E6001E;
        transition: 0.3s;
        background: url("/images/onb/2019/iconLoading_32x32.png") no-repeat center #FFFFFF;
        background-size: 20px 20px;
        opacity: 0.5; }
    .commentBox form.frmComment button {
      width: 51px;
      height: 49px;
      border-radius: 4px;
      border: solid 1px #EAEAEA;
      background: transparent;
      font-size: 13px;
      font-weight: bold;
      align-self: flex-end; }
    .commentBox form.frmComment .replyClose {
      display: none;
      font-size: 12px;
      font-weight: 500;
      color: #666666;
      margin-left: 43px;
      position: relative;
      padding-left: 19px;
      margin-top: 8px; }
      .commentBox form.frmComment .replyClose i.iconClose_18x18 {
        background-size: 100%;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 2px;
        left: 0; }

.commentListSecond {
  margin-top: 50px;
  padding-top: 28px;
  border-top: solid 1px #eeeeee;
  border-bottom: solid 1px #eeeeee; }

.progressBar {
  clear: both;
  margin: 30px 70px 0 70px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 40px; }
  .progressBar h5 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.67;
    color: #242424; }
  .progressBar .progressChart {
    clear: both;
    margin-top: 20px;
    width: 100%; }
    .progressBar .progressChart .myProgress {
      width: 100%;
      background-color: #EAEAEA;
      border-radius: 4px; }
      .progressBar .progressChart .myProgress .myBar {
        width: 0;
        height: 10px;
        background-color: #E6001E;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px; }
  .progressBar .progressContent {
    display: flex;
    margin-top: 14px;
    text-align: center; }
    .progressBar .progressContent .progressHelpfull {
      width: 50%; }
      .progressBar .progressContent .progressHelpfull p {
        color: #E6001E;
        font-size: 15px;
        font-weight: 500; }
        .progressBar .progressContent .progressHelpfull p span {
          font-size: 20px;
          margin-left: 8px;
          font-weight: bold; }
      .progressBar .progressContent .progressHelpfull button {
        margin-top: 20px;
        width: 80px;
        height: 40px;
        border-radius: 4px;
        border: solid 1px #EAEAEA;
        font-size: 13px;
        color: #242424;
        font-weight: bold;
        display: inline-flex;
        text-align: center;
        line-height: 40px;
        background-position: 25% 50%;
        padding-left: 13%; }
        .progressBar .progressContent .progressHelpfull button:hover {
          color: #FF0000; }
      .progressBar .progressContent .progressHelpfull .numberPercent {
        font-size: 13px;
        font-weight: 500;
        margin-left: 0; }
    .progressBar .progressContent .progressUseless {
      width: 50%; }
      .progressBar .progressContent .progressUseless p {
        color: #7a7a7a;
        font-size: 15px;
        font-weight: 500; }
        .progressBar .progressContent .progressUseless p span {
          font-size: 20px;
          margin-left: 8px;
          font-weight: bold; }
      .progressBar .progressContent .progressUseless button {
        margin-top: 20px;
        width: 80px;
        height: 40px;
        border-radius: 4px;
        border: solid 1px #EAEAEA;
        font-size: 13px;
        color: #242424;
        font-weight: bold;
        display: inline-flex;
        text-align: center;
        line-height: 40px;
        background-position: 25% 50%;
        padding-left: 13%; }
        .progressBar .progressContent .progressUseless button:hover {
          color: #FF0000; }
      .progressBar .progressContent .progressUseless .numberPercent {
        font-size: 13px;
        font-weight: 500;
        margin-left: 0; }

.pastComment {
  margin: 20px 70px 50px 70px;
  text-align: right;
  clear: both; }
  .pastComment a {
    color: #E6001E;
    display: inline-block;}
    .pastComment a:hover {
      text-decoration: underline; }

.popupCommentAction {
  background-color: #FFFFFF;
  padding: 35px 0 40px 0;
  border-radius: 4px; }
  .popupCommentAction p {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.67;
    text-align: center;
    color: #242424;
    margin-bottom: 25px; }
  .popupCommentAction a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #e6001e;
    line-height: 40px;
    margin: 0 auto;
    border: 1px solid #e6001e;
    box-sizing: border-box;
    border-radius: 2px; }
    .popupCommentAction a:hover {
      border: 2px solid #e6001e; }

.popupLastComment {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 22px 40px; }
  .popupLastComment .popupLastCommentTilte {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px; }
  .popupLastComment ul {
    list-style: none;
    max-height: 536px;
    margin: 0 -40px; }
    .popupLastComment ul li {
      padding: 0 40px; }
      .popupLastComment ul li .containerLastComment {
        border: 1px solid #dddddd;
        border-color: #dddddd;
        margin-bottom: 16px;
        border-radius: 4px;
        padding: 6px 16px 19px 16px; }
        .popupLastComment ul li .containerLastComment time {
          font-size: 12px;
          font-weight: 500;
          color: #666666; }
        .popupLastComment ul li .containerLastComment p {
          font-size: 15px;
          font-weight: 500;
          color: #242424; }

.popupAuthor {
  background: #FFFFFF;
  padding: 25px 40px;
  border-radius: 4px; }
  .popupAuthor .popupAuthorTilte {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2px; }
  .popupAuthor ul {
    list-style: none; }
    .popupAuthor ul li {
      border-bottom: 1px solid #dddddd;
      padding: 9px 0;
      display: flex;
      position: relative; }
      .popupAuthor ul li a {
        display: inline-flex;
        width: 100%; }
      .popupAuthor ul li .popupAuthorInfo {
        display: flex;
        align-items: center;
        margin-left: 12px;
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        color: #242424; }
        .popupAuthor ul li .popupAuthorInfo span {
          color: #666666;
          margin-left: 10px; }
      .popupAuthor ul li img.arrow {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }

.simple-popup-content .close {
  top: -34px; }
  .simple-popup-content .close:before {
    font-size: 45px;
    width: 32px;
    line-height: 32px;
    position: absolute;
    right: 3px; }

.signUpPopUp {
  width: 620px;
  border-radius: 4px;
  background-color: #ffffff;
  display: flex;
  align-items: center; }
  .signUpPopUp .signUpPopUpContent {
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    color: #242424;
    margin: auto;
    padding: 25px 43px 30px 37px; }
    .signUpPopUp .signUpPopUpContent p {
      text-align: justify;
      font-size: 15px;
      font-weight: 500; }
    .signUpPopUp .signUpPopUpContent .signUpPopUpContentRed {
      line-height: 1.67;
      color: #e6001e; }
    .signUpPopUp .signUpPopUpContent .popupSignInRed {
      display: block;
      width: 343px;
      height: 56px;
      line-height: 56px;
      border-radius: 4px;
      color: #FFFFFF;
      font-size: 17px;
      font-weight: bold;
      margin: 0 auto;
      margin-top: 20px;
      text-align: center;
      background: #ee4d62;
      background: -moz-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
      background: -webkit-linear-gradient(-45deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
      background: linear-gradient(135deg, #ee4d62 0%, #ee4d62 9%, #e70d2a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4d62', endColorstr='#e70d2a',GradientType=1 ); }
  .signUpPopUp .btnSignUp {
    width: 343px;
    height: 56px;
    letter-spacing: 0.4px;
    display: block;
    color: #ffffff;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, #e6001e, #e6001e), linear-gradient(294deg, rgba(255, 255, 255, 0), #ffffff);
    font-size: 17px; }

.titleTip {
  font-size: 24px;
  font-weight: bold;
  color: #666666;
  text-align: center;
  margin-top: 100px; }

hr.hrGray {
  display: block;
  height: 1px;
  border: 0;
  margin: 0 70px;
  border-top: 1px solid #EEEEEE; }

.popupGift {
  padding-top: 24px;
  border-radius: 2px;
  background: #FFFFFF;
  text-align: center; }
  .popupGift .popupShareGiftTitle {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.41;
    letter-spacing: 0.2px;
    color: #242424; }
  .popupGift .popupIconGift {
    padding: 17px 0 8px 0; }
  .popupGift .popupShareGiftContentGray, .popupGift .popupShareGiftContentBlack {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.76;
    letter-spacing: 0.3px; }
  .popupGift .popupShareGiftContentGray {
    margin-bottom: 13px;
    color: #666666; }
    .popupGift .popupShareGiftContentGray a {
      color: #E6001E; }
      .popupGift .popupShareGiftContentGray a:hover {
        text-decoration: underline; }
  .popupGift .popupShareGiftContentBlack {
    margin-bottom: 15px;
    color: #242424; }
    .popupGift .popupShareGiftContentBlack a {
      color: #E6001E; }
      .popupGift .popupShareGiftContentBlack a:hover {
        text-decoration: underline; }
  .popupGift .popupShareGiftContentPadding {
    padding-bottom: 30px; }
  .popupGift textarea {
    margin: 22px 0 20px 0;
    border: none;
    background-color: #f2f6f8;
    width: 540px;
    height: 74px;
    font-size: 15px;
    font-weight: 500;
    resize: vertical !important;
    padding: 3px 12px; }
  .popupGift .popupButton {
    display: flex;
    font-size: 17px; }
    .popupGift .popupButton .btnColorRed {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 310px;
      text-align: center;
      color: #E6001E;
      height: 60px;
      border: 1px solid #dddddd;
      box-sizing: border-box;
      border-left: 0; }
      .popupGift .popupButton .btnColorRed:hover {
        text-decoration: underline; }
    .popupGift .popupButton .btnColorGrey {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 310px;
      text-align: center;
      color: #242424;
      height: 60px;
      border: 1px solid #dddddd;
      box-sizing: border-box;
      border-left: 0; }
      .popupGift .popupButton .btnColorGrey:hover {
        text-decoration: underline; }
  .popupGift .popupButtonURLRed, .popupGift .popupButtonURLGray, .popupGift .popupButtonURLGrayBackground {
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 40px;
    height: 40px;
    border-radius: 4px;
    margin-bottom: 30px;
    font-weight: 500; }
    .popupGift .popupButtonURLRed:before, .popupGift .popupButtonURLGray:before, .popupGift .popupButtonURLGrayBackground:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
  .popupGift .popupButtonURLRed {
    box-shadow: inset 0 0 0 1px #E6001E;
    padding: 0 52px;
    color: #E6001E;
    overflow: hidden;
    box-sizing: border-box; }
    .popupGift .popupButtonURLRed:hover {
      box-shadow: inset 0 0 0 2px #E6001E; }
  .popupGift .popupButtonURLGray {
    border: solid 1px #dddddd;
    padding: 0 25px;
    color: #666666;
    box-sizing: border-box;
    line-height: 40px; }
  .popupGift .popupButtonURLGrayBackground {
    background-color: #EEEEEE;
    padding: 0 16px;
    font-weight: bold;
    color: #242424;
    line-height: 40px; }
  .popupGift .popupButtonURLGrayBackground  + .userGuide {
    margin-top: -15px;
    padding: 0 100px 20px;
    font-size: 15px; }

.popupAuthorSignUp {
  padding-top: 22px;
  padding-bottom: 0;
  border-radius: 2px;
  background: #FFFFFF;
  text-align: center; }
  .popupAuthorSignUp .popupAuthorSignUpTitle {
    font-size: 17px;
    font-weight: bold;
    color: #242424; }
    .popupAuthorSignUp .popupAuthorSignUpTitle a {
      color: #E6001E;
      font-weight: bold; }
      .popupAuthorSignUp .popupAuthorSignUpTitle a:hover {
        text-decoration: underline; }
  .popupAuthorSignUp .btnAuthorSignNow {
    display: flex;
    width: 343px;
    height: 56px;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    border-radius: 4px;
    margin: 13px auto;
    margin-bottom: 3px;
    line-height: normal;
    flex-wrap: wrap;
    align-items: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5eb8a7+0,3eaa95+100 */
    background: #5eb8a7;
    /* Old browsers */
    background: -moz-linear-graient(-45deg, #5eb8a7 0%, #3eaa95 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #5eb8a7 0%, #3eaa95 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #5eb8a7 0%, #3eaa95 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb8a7', endColorstr='#3eaa95',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    box-sizing: border-box; }
    .popupAuthorSignUp .btnAuthorSignNow span {
      width: 100%; }
    .popupAuthorSignUp .btnAuthorSignNow:hover {
      border: 2px solid #1b9b82;
      color: #1b9b82;
      background: #FFFFFF; }
  .popupAuthorSignUp .btnAuthorAction {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 54px;
    align-items: center;
    border-top: 1px solid #eeeeee;
    margin-top: 20px; }
  .popupAuthorSignUp .btnAuthorActionAlone {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 54px;
    align-items: center;
    margin-top: 12px;
    padding-bottom: 10px; }
    .popupAuthorSignUp .btnAuthorAction:hover {
      text-decoration: underline; }
  .popupAuthorSignUp .signTo {
    color: #666666;
    border-right: 1px solid #eeeeee; }
  .popupAuthorSignUp .backTo {
    color: #e6001e; }
  .popupAuthorSignUp ul {
    display: flex; }
    .popupAuthorSignUp ul li {
      width: 50%; }

/* Raise記事ヘッダー */
.leafRaiseHeader {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 16px; }
  .leafRaiseHeader .imageTitle {
    height: 240px;
    background: url("/images/onb/2019/raise_leaf_title.png") no-repeat;
    position: relative;
    overflow: hidden;
  margin-bottom: 20px;
    display: block; }
    .leafRaiseHeader .imageTitle .categoryLabel {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 16px;
      line-height: 1.6;
      opacity: 0.9; }
    .leafRaiseHeader .imageTitle .categoryLabelSecond {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 16px;
      line-height: 1.6; }
    .leafRaiseHeader .imageTitle .categoryLabelDup {
      position: absolute;
      top: 0;
      left: 0;
      padding: 1px 16px; }
    .leafRaiseHeader .imageTitle .textTitle {
      font-weight: bold;
      color: #FFFFFF;
      font-size: 20px;
      font-weight: bold;
      color: #FFFFFF;
      bottom: 0;
      position: absolute;
      width: 100%;
      background-color: rgba(97, 200, 124, 0.8);
      padding: 11px 30px; }
    .leafRaiseHeader .imageTitle .onenbBtnFollow {
      position: absolute;
      top: 8px;
      right: 30px; }
    .leafRaiseHeader .imageTitle .onenbBtnUnFollow {
      position: absolute;
      top: 8px;
      right: 30px; }
    .leafRaiseHeader .imageTitle .modalIcon {
      position: absolute;
      right: 26px;
      bottom: 0;
      height: 55px;
      line-height: 62px; }
  .leafRaiseHeader .mainHeader {
    margin: 0 70px; }
    .leafRaiseHeader .mainHeader .shoulder {
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0.2px;
      color: #7a7a7a;
      font-weight: 500;
      margin: 0 0 15px 0;
      display: inline-block; }
    .leafRaiseHeader .mainHeader .headerLabel {
      display: inline-block;
      background: linear-gradient(to right, #ceb954, #e8dc9f 50%, #ceb954);
      padding: 0 4px;
      text-align: center;
      margin-left: 6px;
      font-size: 12px;
      font-weight: 500;
      color: #242424; }
    .leafRaiseHeader .mainHeader h1 {
      font-size: 32px;
      font-weight: bold;
      line-height: 1.38;
      letter-spacing: 0.3px;
      color: #242424;
      margin-bottom: 10px; }
    .leafRaiseHeader .mainHeader p.subTitle {
      font-size: 15px;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.2px;
      color: #666666;
      margin: 0 0 16px 0; }
    .leafRaiseHeader .mainHeader time {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #666666; }
      .leafRaiseHeader .mainHeader time img {
        margin-left: 8px; }

    .leafRaiseHeader .mainHeader .iconOpenLabel {
      font-size: 12px;
      letter-spacing: 0.2px;
      color: #FFFFFF;
      background: #E6001E;
      padding: 0px 5px;
      margin-left: 6px;
      font-weight: bold;}
    .leafRaiseHeader .mainHeader .likeAndComment img {
      margin-right: 3px; }
    .leafRaiseHeader .mainHeader .likeAndComment span {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.2px;
      color: #666666; }
    .leafRaiseHeader .mainHeader .likeAndComment .firstElement {
      margin-right: 12px; }
    .leafRaiseHeader .mainHeader .leafActionInfo {
      display: table;
      width: 100%; }
      .leafRaiseHeader .mainHeader .leafActionInfo .leafInfo {
        display: table-cell;
        width: 50%;
        vertical-align: bottom;
        padding: 0; }
      .leafRaiseHeader .mainHeader .leafActionInfo .leafAction {
        display: table-cell;
        width: 50%; }
    .leafRaiseHeader .mainHeader .leafAuthor {
      display: flex; }
      .leafRaiseHeader .mainHeader .leafAuthor .authorAvatar {
        display: inline-block;
        padding-right: 8px; }
      .leafRaiseHeader .mainHeader .leafAuthor .authorInfo {
        display: inline-block;
        vertical-align: top;
        height: 40px; }
        .leafRaiseHeader .mainHeader .leafAuthor .authorInfo .authorName {
          line-height: 1.2; }
          .leafRaiseHeader .mainHeader .leafAuthor .authorInfo .authorName .fullName {
            display: inline-block;
            font-size: 17px;
            font-weight: 500;
            color: #242424; }
          .leafRaiseHeader .mainHeader .leafAuthor .authorInfo .authorName .numberImages {
            cursor: pointer;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            color: #E6001E;
            margin-left: 20px; }
            .leafRaiseHeader .mainHeader .leafAuthor .authorInfo .authorName .numberImages img {
              margin-left: 6px; }
        .leafRaiseHeader .mainHeader .leafAuthor .authorInfo .authorLevel {
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.2px;
          color: #666666; }
        .leafRaiseHeader .followBox.rhizomeStage {
          text-align: right;
          margin-bottom: 10px;
          position: relative;
          padding-right: 30px; }

.leafRaiseBody {
  margin-bottom: 40px;
  border-bottom: 1px solid #EEEEEE; }
  .leafRaiseBody p.bplead {
    margin-top: 30px; }

.socialTagRaise {
  margin: 0 70px;
  margin-bottom: 20px; }
  .socialTagRaise .boxSocial {
    overflow: hidden; }
    .socialTagRaise .boxSocial ul.social {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-left: 0; }
      .socialTagRaise .boxSocial ul.social li {
        padding: 20px 0;
        margin-top: 25px;
        width: 14%;
        text-align: center;
        font-size: 12px; }
        .socialTagRaise .boxSocial ul.social li .btnLabel {
          height: 30px;
          text-align: center;
          position: relative;
          background-repeat: no-repeat;
          background-position: center bottom;
          margin-bottom: 8px; }
        .socialTagRaise .boxSocial ul.social li a.facebookLink .btnLabel {
          background-image: url("/images/onb/2019/fbIcon.png"); }
        .socialTagRaise .boxSocial ul.social li a.twitterLink .btnLabel {
          background-image: url("/images/onb/2019/twwtIcon.png"); }
        .socialTagRaise .boxSocial ul.social li a.giftLink.isClose .btnLabel {
          background-image: url("/images/onb/2019/giftIconBlack.png"); }
        .socialTagRaise .boxSocial ul.social li a.giftLink.isClose .titleLabelGt {
          color: #242424; }
        .socialTagRaise .boxSocial ul.social li a.giftLink.isOpen .btnLabel {
          background-image: url("/images/onb/2019/giftIcon.png"); }
        .socialTagRaise .boxSocial ul.social li a.giftLink.isOpen .titleLabelGt {
          color: #ff64a4; }
        .socialTagRaise .boxSocial ul.social li a.urlLink .btnLabel {
          background-image: url("/images/onb/2019/URLcopyIcon.png"); }
        .socialTagRaise .boxSocial ul.social li a.fileLink.isOpen .btnLabel {
          background-image: url("/images/onb/2019/fileIcon.png"); }
        .socialTagRaise .boxSocial ul.social li a.fileLink.isOpen .titleLabelFe {
          color: #E6001E; }
        .socialTagRaise .boxSocial ul.social li a.fileLink.isClose .btnLabel {
          background-image: url("/images/onb/2019/fileIconBlack.png"); }
        .socialTagRaise .boxSocial ul.social li a.fileLink.isClose .titleLabelFe {
          color: #242424; }
        .socialTagRaise .boxSocial ul.social li .titleLabelFb {
          color: #4065b4; }
        .socialTagRaise .boxSocial ul.social li .titleLabelTw {
          color: #059ff5; }
        .socialTagRaise .boxSocial ul.social li .titleLabelU {
          color: #242424; }
        .socialTagRaise .boxSocial ul.social li:first-child {
          width: 11%; }
        .socialTagRaise .boxSocial ul.social li:hover {
          opacity: 0.7; }
    .socialTagRaise .boxSocial ul.social.socialThird {
      margin-bottom: 25px; }
      .socialTagRaise .boxSocial ul.social.socialThird li {
        padding: 0; }
  .socialTagRaise .leafTag {
    margin-top: 15px; }
    .socialTagRaise .leafTag ul {
      padding: 0;
      display: flex;
      justify-content: left;
      flex-wrap: wrap; }
      .socialTagRaise .leafTag ul a {
        text-align: center;
        border-radius: 4px;
        border: 1px solid;
        border-color: #EEEEEE;
        margin-bottom: 10px;
        margin-right: 10px;
        font-size: 15px;
        padding: 0 3px;
        font-weight: 500;
        color: #E6001E;
        line-height: 30px;
        min-width: 105px;
        display: block; }
    .socialTagRaise .leafTag .clearBoth {
      clear: both; }

.popupListCardContent {
  background: #FFFFFF;
  padding: 25px 30px 10px 30px;
  border-radius: 4px; }
  .popupListCardContent .popupListCardTilte {
    font-size: 24px;
    color: #242424;
    font-weight: bold;
    margin-bottom: 6px; }
  .popupListCardContent ul {
    list-style: none;
    max-height: 312px;
    margin-right: -5px; }
    .popupListCardContent ul li {
      border-top: 1px solid #EEEEEE;
      display: flex;
      position: relative;
      font-size: 17px;
      font-weight: 500;
      color: #E6001E;
      box-sizing: border-box;
      line-height: 54px; }
      .popupListCardContent ul li a.btnDeleteTag {
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        display: flex;
        align-items: center;
        position: absolute;
        height: 56px;
        right: 12px;
        top: 0; }
      .popupListCardContent ul li:last-child {
        border-bottom: 1px solid #EEEEEE; }
      .popupListCardContent ul li a.tagName:hover {
        text-decoration: underline; }
  .popupListCardContent a.cancelButton {
    font-size: 17px;
    font-weight: 500;
    color: #666666;
    display: flex;
    width: 120px;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px; }

.imageTitleBgBlur image {
  width: 800px;
  height: 600px;
  x: -20;
  y: -300; }

.titleThemePage {
  position: relative;
  font-weight: bold;
  color: #666666;
  background-color: #f6f6f6;
  padding: 4px 14px;
  margin-bottom: 30px; }
  .titleThemePage:after {
    position: absolute;
    content: '';
    height: 6px;
    width: 6px;
    background-color: #E6001E;
    left: 0px;
    top: 0px; }
  .titleThemePage h2 {
    margin: 0;
    font-size: 14px; }

.progressBarStyle {
  margin: 50px 70px 90px; }
  .progressBarStyle .progressBar {
    border: none;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 40px 0;
    margin: 0; }
    .progressBarStyle .progressBar .progressContent {
      margin-top: 20px; }
  .progressBarStyle .centerStyleFive, .progressBarStyle .centerStyleFour, .progressBarStyle .centerStyleThree {
    border-radius: 4px;
    border: solid 1px #F6F6F6;
    font-size: 13px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    height: 40px;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center; }
  .progressBarStyle .centerStyleFive {
    background-color: #F6F6F6;
    width: 225px;
    height: 40px;
    padding-left: 48px;
    background-position: 16px 50%; }
  .progressBarStyle .centerStyleFour {
    background-color: #F6F6F6;
    width: 331px;
    justify-content: center; }
  .progressBarStyle .centerStyleThree {
    background-color: #F6F6F6;
    width: 188px;
    background-position: 16px 50%;
    padding-left: 46px; }
  .progressBarStyle + #commentPast {
    margin-top: -50px;}

.commentStyle {
  padding: 50px 70px; }
  .commentStyle .commentBox {
    margin: 0;
    margin-bottom: 40px; }
  .commentStyle p.textAuthor {
    color: #242424;
    font-weight: bold; }
  .commentStyle .zeroComment .commentContent {
    box-shadow: none;
    height: 30px; }
  .commentStyle .commentImage .commentContent {
    box-shadow: none; }
  .commentStyle .commentForm textarea {
    height: 51px; }
  .commentStyle form.frmComment {
    border-bottom: none; }
  .commentStyle .commentItemRight {
    width: 100%;
    margin-right: 0; }
  .commentStyle .commentItemRightContent {
    max-height: 1000px !important;
    font-size: 14px; }
    .commentStyle .commentItemRightContent a {
      font-size: 14px;
      font-weight: 500;
      color: #E6001E;
      margin-bottom: 20px;
      display: block; }
  .commentStyle .commentItemQuote {
    display: flex;
    border-left: 4px solid #EEEEEE; }
    .commentStyle .commentItemQuote .quoteInfo {
      padding: 0 20px 0 10px; }
      .commentStyle .commentItemQuote .quoteInfo .quoteTitle {
        font-size: 12px;
        font-weight: bold;
        color: #E6001E; }
      .commentStyle .commentItemQuote .quoteInfo p {
        font-size: 12px;
        font-weight: 500;
        color: #242424;
        line-height: 1.5;
        margin: 8px 0 30px 0; }
      .commentStyle .commentItemQuote .quoteInfo .quoteAuthor {
        font-size: 12px;
        font-weight: 500;
        color: #666666;
        text-align: right; }

.buttomCommentBoxZero {
  width: 536px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
  background-color: #F6F6F6; }
.buttomCommentBoxZeroSub {
  width: 450px;
  height: 47px;
  line-height: 47px;
  font-size: 15px;
  font-weight: 500;
  color: #666666;
  display: block;
  margin: 0 auto;
  margin-top: 32px;
  text-align: center;
  background-color: #F6F6F6; }

/* NBD前後の記事ナビ */
.twoItemControl .item .itemleft h5, .twoItemControl .item .itemRight h5 {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  min-height: 24px;
  letter-spacing: 0.2px; }
.twoItemControl .item .itemleft p, .twoItemControl .item .itemRight p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.2px; }
.twoItemControl .owl-nav button.owl-prev, .twoItemControl .owl-nav button.owl-next {
  position: absolute; }
  .twoItemControl .owl-nav button.owl-prev span, .twoItemControl .owl-nav button.owl-next span {
    font-size: 24px;
    color: #E6001E; }
  .twoItemControl .owl-nav button.owl-prev:focus, .twoItemControl .owl-nav button.owl-next:focus {
    outline: none; }
.twoItemControl {
  border-top: 1px solid #EEEEEE;
  clear: both;
  position: relative;
  padding: 0 65px 10px 65px; }
  .twoItemControl .item {
    overflow: hidden;
    margin-top: 18px;
    margin-bottom: 22px;
    display: block;
    margin-left: 31px;
    margin-right: 36px; }
    .twoItemControl .item .itemleft {
      width: 270px;
      float: left;
      padding-right: 14px;
      border-right: 1px solid #EEEEEE; }
      .twoItemControl .item .itemleft img {
        position: absolute;
        left: 73px;
        top: 45px;
        font-size: 24px;
        color: #E6001E; }
      .twoItemControl .item .itemleft h5, .twoItemControl .item .itemleft p {
        margin: 0; }
    .twoItemControl .item .itemRight {
      width: 260px;
      float: right;
      padding-left: 14px; }
      .twoItemControl .item .itemRight img {
        position: absolute;
        right: 73px;
        top: 45px;
        font-size: 24px;
        color: #E6001E; }
      .twoItemControl .item .itemRight h5, .twoItemControl .item .itemRight p {
        margin: 0; }
  .twoItemControl .owl-nav button.owl-prev {
    left: 11px;
    top: 46px; }
  .twoItemControl .owl-nav button.owl-next {
    right: 19px;
    top: 46px; }
  .twoItemControl .owl-dots {
    display: none; }

.popupCommentClose {
  text-align: center;
  background: #FFFFFF; }
  .popupCommentClose p {
    font-size: 17px;
    line-height: 1.67;
    font-weight: bold;
    letter-spacing: 0.2px; }
  .popupCommentClose a.btnCloseComment {
    margin-top: 20px;
    border-radius: 4px;
    font-size: 17px; }

.articleBodyExpansion .bodyExpansionTitle {
  margin-top: 12px; }
  .articleBodyExpansion .bodyExpansionTitle p {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #242424; }

.articleBodyExpansion .bpimage_image {
  margin-top: 12px;
  display: flex;
  justify-content: center; }

.articleBodyExpansion .bpimage_caption {
  text-align: center;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 500;
  margin-top: 17px; }

.articleBodyExpansion .bodyExpansionClose {
  display: flex;
  justify-content: center;
  margin-top: 14px; }
  .articleBodyExpansion .bodyExpansionClose p {
    color: #e6001e;
    font-size: 14px;
    font-weight: 500;
    color: #e6001e;
    padding-left: 8px;
    margin-top: 3px; }

.raiseFollow {
  margin-bottom: 20px;
  text-align: right; }
  .raiseFollow .btnRaiseFollow {
    font-size: 14px;
    font-weight: 500;
    color: #e6001e;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    height: 30px;
    padding-left: 33px;
    padding-right: 16px;
    position: relative;
    box-shadow: inset 0 0 0 1px #e6001e; }
    .raiseFollow .btnRaiseFollow:before {
      position: absolute;
      left: 12px;
      content: '';
      height: 11px;
      width: 11px;
      background: url(/images/onb/2019/linkBlue.png) no-repeat;
      background-size: cover; }
    .raiseFollow .btnRaiseFollow:hover {
      box-shadow: inset 0 0 0 2px #e6001e; }

.loginBoxRaise {
  padding: 0 70px;
  margin-top: 43px; }

.bpTitle {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #242424; }
  .bpTitle.semiTitle {
    margin-top: 35px;
    margin-bottom: 16px; }

.leafSpecialArticle .articleHeader .articleBanner {
  position: relative;
  display: block; }
  .leafSpecialArticle .articleHeader .articleBanner a {
    display: flex; }
  .leafSpecialArticle .articleHeader .articleBanner .articleHeaderTitle {
    position: absolute;
    line-height: 1.38;
    letter-spacing: 0.3px;
    color: #ffffff;
    font-size: 32px;
    font-weight: 500;
    left: 40px;
    bottom: 9px; }
  .leafSpecialArticle .articleHeader .articleBanner .overlayGradient {
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, 0.01)), color-stop(3%, rgba(0, 0, 0, 0.01)), color-stop(11%, rgba(0, 0, 0, 0.04)), color-stop(33%, rgba(0, 0, 0, 0.21)), color-stop(73%, rgba(0, 0, 0, 0.61)), color-stop(100%, rgba(0, 0, 0, 0.87)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%); }

.leafSpecialArticle .articleHeader .categoryLabel {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px 17px;
  line-height: 1.57;
  letter-spacing: 0.2px;
  font-size: 14px; }
.leafSpecialArticle .articleBody {
  margin: 0;
  margin-top: 33px; }
.leafSpecialArticle ul.listArticle {
  margin-top: 10px;
  margin-bottom: 50px; }
  .leafSpecialArticle ul.listArticle li a {
    padding-bottom: 15px; }
  .leafSpecialArticle ul.listArticle li .articleContent {
    width: 640px; }
  .leafSpecialArticle ul.listArticle li .title {
    margin-bottom: 3px; }
  .leafSpecialArticle ul.listArticle li .categoryBold {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #242424; }
  .leafSpecialArticle ul.listArticle li .description {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #666666;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .leafSpecialArticle ul.listArticle li.listArticleTitle {
    margin: 20px 0; }
    .leafSpecialArticle ul.listArticle li.listArticleTitle p {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      color: #242424; }
      .leafSpecialArticle ul.listArticle li.listArticleTitle p span {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.2px;
        color: #666666; }
  .leafSpecialArticle ul.listArticle:before {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 4px; }
  .leafSpecialArticle ul.listArticle:after {
    display: none; }
  .leafSpecialArticle ul.listArticle.withBoxPr {
    margin-bottom: 0px; }
.leafSpecialArticle ul.listArticleSecond {
  margin-bottom: 50px; }
  .leafSpecialArticle ul.listArticleSecond li {
    width: 370px; }
    .leafSpecialArticle ul.listArticleSecond li .category {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.57;
      letter-spacing: 0.2px;
      color: #666666; }
    .leafSpecialArticle ul.listArticleSecond li .title {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.41;
      letter-spacing: 0.2px;
      color: #242424; }

[data-simplebar] {
  position: relative;
  z-index: 0;
  overflow: hidden !important;
  max-height: inherit; }
  [data-simplebar] .simplebar-scroll-content {
    overflow: hidden; }
  [data-simplebar] .simplebar-content {
    overflow: hidden; }
[data-simplebar="init"] {
  display: flex; }
  [data-simplebar="init"] .simplebar-scroll-content {
    overflow: scroll; }
  [data-simplebar="init"] .simplebar-content {
    overflow: scroll; }
.simplebar-scroll-content {
  overflow-x: hidden !important;
  min-width: 100% !important;
  max-height: inherit !important;
  box-sizing: content-box !important; }
.simplebar-content {
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  min-height: 100% !important; }
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 3px;
  pointer-events: none; }
  .simplebar-track.vertical {
    top: 0; }
    .simplebar-track.vertical .simplebar-scrollbar:before {
      top: 2px;
      bottom: 2px; }
  .simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px; }
    .simplebar-track.horizontal .simplebar-scrollbar:before {
      height: 100%;
      left: 2px;
      right: 2px; }
.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 3px;
  min-height: 10px; }
  .simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #7a7a7a;
    border-radius: 3px;
    left: 0;
    right: 0; }
.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }
[data-simplebar-direction="rtl"] .simplebar-track {
  right: auto;
  left: 0; }
  [data-simplebar-direction="rtl"] .simplebar-track.horizontal {
    right: 0; }

hr.devide {
  width: 100%;
  height: 0px;
  border: none;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 40px;
  margin-top: 0; }

.featureBox {
  margin: 0 70px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  width: 620px;
  margin-left: auto;
  margin-right: auto; }
  .featureBox.noPadding {
    padding: 0 0 40px 0;
    min-height: 637px; }
  .featureBox .featureBoxContent {
    position: relative;
    top: 0;
    width: 620px;
    background: rgba(51, 51, 51, 0.36);
    overflow: hidden; }
    .featureBox .featureBoxContent .featureBoxTag {
      margin: 29px 0 0 30px;
      display: inline-block;
      width: 60px;
      height: 24px;
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .featureBox .featureBoxContent .featureBoxTagSecond {
      margin-left: 30px;
      margin-top: 29px;
      width: 193px;
      height: 30px;
      text-align: center;
      line-height: 30px; }
    .featureBox .featureBoxContent .featureBoxTitle h2 {
      font-size: 24px;
      font-weight: bold;
      color: #FFFFFF;
      margin: 13px 30px 15px 30px; }
    .featureBox .featureBoxContent .featureBoxItem {
      background: #FFFFFF;
      border-radius: 2px;
      width: 536px;
      margin: 0 30px;
      padding: 8px 12px;
      overflow: hidden;
      margin-bottom: 8px; }
      .featureBox .featureBoxContent .featureBoxItem.current {
        /* box-shadow: 0 0 0 1px #E6001E inset; */
      }
      .featureBox .featureBoxContent .featureBoxItem .featureBoxLeft {
        width: 420px;
        float: left; }
      .featureBox .featureBoxContent .featureBoxItem .featureBoxImg {
        line-height: 0;
        width: 96px;
        float: right;
        overflow: hidden; }
        .featureBox .featureBoxContent .featureBoxItem .featureBoxImg img {
          width: 100%;
          transition: transform .4s; }
      .featureBox .featureBoxContent .featureBoxItem .featurePartDate {
        font-size: 12px;
        color: #7a7a7a;
        font-weight: 500; }
      .featureBox .featureBoxContent .featureBoxItem .featureTitle h3 {
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        line-height: 1.4; }
      .featureBox .featureBoxContent a .featureBoxItem:hover h3 {
        color: #E6001E; }
      .featureBox .featureBoxContent a .featureBoxItem:hover img {
        transform: scale(1.2); }
    .featureBox .featureBoxContent .featureBoxButton {
       margin: 20px auto 30px;
      text-align: center; }
      .featureBox .featureBoxContent .featureBoxButton a {
        font-size: 15px;
        color: #E6001E;
        text-align: center;
        padding: 10px 90px;
        background-color: #FFFFFF;
        border: solid 1px #E6001E;
        display: inline-block;
        font-weight: 500;
        border-radius: 2px;
        margin-top: 12px;
        box-sizing: border-box; }
        .featureBox .featureBoxContent .featureBoxButton a:hover {
          box-shadow: inset 0 0 0 1px #E6001E;}

.featureBoxFollowRow {
  float: right;
  clear: both;
  margin: 10px 30px 20px 30px;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center; }
  .featureBoxFollowRow .featureBoxNumberFollow {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 12px; }
  .featureBoxFollowRow .featureBoxBtnFollow {
    display: inline-block; }

.featureBox.serializationBox {
  overflow: hidden; }
  .featureBox.serializationBox .featureBoxContent .featureBoxTag {
    background: #242424; }

.featureBoxGreenTitle {
  margin-left: -30px; }
  .featureBoxGreenTitle h2 {
    background-color: rgba(97, 200, 124, 0.8);
    padding: 8px 30px; }

.featureBox.raiseBox {
  height: 655px; }

.featureBox.raiseBox > img {
  height: 100%; }

.relatedForum {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0 70px; }
  .relatedForum .relatedForumHeader {
    position: relative;
    font-weight: bold;
    color: #666666;
    background-color: #f6f6f6;
    padding: 4px 14px;
    margin-bottom: 5px; }
    .relatedForum .relatedForumHeader:after {
      position: absolute;
      content: '';
      height: 6px;
      width: 6px;
      background-color: #E6001E;
      left: 0px;
      top: 0px; }
    .relatedForum .relatedForumHeader h2 {
      margin: 0;
      font-size: 14px; }
  .relatedForum .relatedForumItem {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    overflow: hidden;
    display: block; }
    .relatedForum .relatedForumItem .raise {
      display: -webkit-flex;
      -webkit-align-items: center;
      display: flex;
      align-items: center;
      margin-top: 15px;
      margin-bottom: 5px; }
    .relatedForum .relatedForumItem .tagRaise {
      font-size: 10px;
      color: #E6001E;
      display: inline-block;
      padding: 3px 12px 1px 12px;
      border: 1px solid;
      border-color: #E6001E;
      font-weight: bold;
      line-height: 1;
      margin-right: 10px; }
    .relatedForum .relatedForumItem .relatedForumContent {
      width: 485px;
      float: left; }
      .relatedForum .relatedForumItem .relatedForumContent .relatedForumTitle h3 {
        margin: 0;
        font-size: 17px;
        font-weight: bold;
        line-height: 1.29; }
      .relatedForum .relatedForumItem .relatedForumContent .relatedForumTitle a:hover {
        text-decoration: underline; }
      .relatedForum .relatedForumItem .relatedForumContent .relatedForumAuthor {
        display: -webkit-flex;
        -webkit-align-items: center;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #666666;
        margin-top: 5px; }
        .relatedForum .relatedForumItem .relatedForumContent .relatedForumAuthor img {
          margin-right: 6px; }
        .relatedForum .relatedForumItem .relatedForumContent .relatedForumAuthor .peopleParticipated {
          color: #242424;
          font-weight: bold;
          margin-left: 2px; }
    .relatedForum .relatedForumItem .relatedForumImg {
      width: 120px;
      float: right;
      margin-top: 18px;
      display: flex;
      overflow: hidden; }
      .relatedForum .relatedForumItem .relatedForumImg img {
        transition: transform .4s; }
    .relatedForum .relatedForumItem:hover h3 {
      color: #E6001E; }
    .relatedForum .relatedForumItem:hover .relatedForumImg img {
      transform: scale(1.2); }
  .relatedForum .relatedForumItem:last-child {
    padding-bottom: 45px; }

ul.recommendArticle li .recommendArticleItem {
  width: 358px;
  list-style: none;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 17px;
  margin-top: 15px; }
  ul.recommendArticle li .recommendArticleItem .recommendArticleContent {
    width: 221px;
    display: inline-block;
    float: left; }
    ul.recommendArticle li .recommendArticleItem .recommendArticleContent .recommendArticleTitle {
      font-size: 14px;
      color: #666666; }
    ul.recommendArticle li .recommendArticleItem .recommendArticleContent .recommendArticleSummary {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.29;
      margin-top: 5px; }
  ul.recommendArticle li .recommendArticleItem .recommendArticleImg {
    width: 120px;
    float: right;
    display: flex;
    overflow: hidden; }
    ul.recommendArticle li .recommendArticleItem .recommendArticleImg img {
      width: 100%;
      transition: transform .4s; }

ul.recommendArticle li:nth-child(even) {
  float: right; }

ul.recommendArticle li:nth-child(odd) {
  float: left; }

ul.recommendArticle li:hover .recommendArticleSummary {
  color: #E6001E; }

ul.recommendArticle li:hover img {
  width: 100%;
  transform: scale(1.2); }

.creationList, .tobiraArticleList {
  position: relative;
  margin: 60px 0 0px 0; }
  .creationList:before, .tobiraArticleList:before {
    content: " ";
    background-color: #242424;
    position: absolute;
    top: -20px;
    left: 0;
    width: 12px;
    height: 4px; }
  .creationList:after, .tobiraArticleList:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: -20px;
    left: 12px;
    width: 80px;
    height: 4px; }
  .creationList .creationListItem {
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0px;
    overflow: hidden; }
    .creationList .creationListItem .creationListContent {
      float: left;
      width: 620px; }
      .creationList .creationListItem .creationListContent .creationListTitle span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: 0.2px;
        color: #666666; }
      .creationList .creationListItem .creationListContent .creationListTitle h3 {
        font-size: 17px;
        font-weight: bold;
        line-height: 1.29;
        letter-spacing: 0.2px;
        color: #242424;
        margin: 4px 0; }
      .creationList .creationListItem .creationListContent .creationListTitle a:hover {
        text-decoration: underline; }
      .creationList .creationListItem .creationListContent .creationListDescription {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: 0.2px;
        color: #666666;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis; }
      .creationList .creationListItem .creationListContent .creationListSummary {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: 0.2px;
        color: #666666; }
      .creationList .creationListItem .creationListContent .creationListIcon {
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        margin-top: 4px; }
        .creationList .creationListItem .creationListContent .creationListIcon i {
          margin-right: 5px;
          width: 14px;
          height: 14px;
          background-size: 100% 100%; }
      .creationList .creationListItem .creationListContent .creationListIconLike {
        margin-left: 20px; }
    .creationList .creationListItem .creationListImg {
      width: 120px;
      float: right;
      height: 90px;
      overflow: hidden; }
      .creationList .creationListItem .creationListImg img {
        width: 100%;
        height: auto;
        max-height: 90px;
        transition: transform .4s; }
    .creationList .creationListItem:hover h3 {
      color: #E6001E !important; }
    .creationList .creationListItem:hover img {
      width: 100%;
      transform: scale(1.2); }
    .creationList .creationListItem .creationListContent .creationListComment {
      font-size: 12px;
      font-weight: 500;
      color: #666666;
      margin-top: 4px; }
      .creationList .creationListItem .creationListContent .creationListComment i {
        margin-right: 5px;
        width: 14px;
        height: 14px;
        background-size: 100% 100%; }

nav.pagination {
  font-size: 20px;
  display: block;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  padding: 40px 0;
  text-align: center; }
  nav.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
    nav.pagination ul li {
      display: inline-block; }
      nav.pagination ul li a {
        width: 30px;
        display: inline-block; }
    nav.pagination ul li.dot {
      position: relative;
      top: -7px;
      color: #666666;
      padding: 0px 10px; }
  nav.pagination a {
    color: #E6001E;
    padding: 0px 10px;
    text-decoration: none; }
  nav.pagination a:hover,
  nav.pagination .active {
    color: #242424;
    font-weight: bold; }
  nav.pagination .more {
    color: #666666; }
  nav.pagination .previous,
  nav.pagination .next {
    font-size: 14px;
    border: 1px solid;
    position: relative;
    bottom: 3px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center; }

.postList {
  position: relative;
  margin: 60px 0 0px 0; }
  .postList:before {
    content: " ";
    background-color: #242424;
    position: absolute;
    top: -20px;
    left: 0;
    width: 12px;
    height: 4px; }
  .postList:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: -20px;
    left: 12px;
    width: 80px;
    height: 4px; }
  .postList .postListItem {
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0px;
    overflow: hidden; }
    .postList .postListItem .postListContent {
      float: left;
      width: 508px; }
      .postList .postListItem .postListContent .postListTitle span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: 0.2px;
        color: #666666; }
      .postList .postListItem .postListContent .postListTitle h3 {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.2px;
        color: #242424;
        margin: 5px 0; }
      .postList .postListItem .postListContent .postListTitle a:hover {
        text-decoration: underline; }
      .postList .postListItem .postListContent .postListDescription {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.57;
        letter-spacing: 0.2px;
        color: #666666;
        height: 60px;
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .postList .postListItem .postListContent .postListIcon {
        font-size: 14px;
        font-weight: 500;
        color: #666666;
        letter-spacing: 0.3px;
        margin-top: 20px; }
        .postList .postListItem .postListContent .postListIcon i {
          margin-right: 5px;
          width: 14px;
          height: 14px;
          background-size: 100% 100%; }
      .postList .postListItem .postListContent .postListIconLike {
        margin-left: 20px; }
    .postList .postListItem .postListImg {
      width: 212px;
      float: right;
      margin-top: 5px;
      margin-bottom: 5px;
      display: flex;
      overflow: hidden; }
      .postList .postListItem .postListImg img {
        transition: transform .4s; }
    .postList .postListItem:hover h3 {
      color: #E6001E !important; }
    .postList .postListItem:hover img {
      transform: scale(1.1); }

.btnReadMoreComponent {
  padding: 40px 0px;
  border-bottom: solid 1px #EEEEEE; }
  .btnReadMoreComponent a:hover { 
    border: solid 2px #E6001E;
   }
  .btnReadMoreComponent a:hover img{ 
    right: 12px;
    top: 8px;
   }
  .btnReadMoreComponent a {
    display: flex;
    width: 240px;
    border-radius: 4px;
    border: solid 1px #E6001E;
    color: #E6001E;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    height: 34px;
    justify-content: center;
    align-items: center;
    box-sizing: border-box; }
    .btnReadMoreComponent a img {
      position: absolute;
      right: 13px;
      top: 9px; }

.discussionBox {
  margin-top: 30px; }
  .discussionBox .discussionBoxItem {
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 17px; }
    .discussionBox .discussionBoxItem:hover .discussionBoxTitle {
      color: #E6001E; }
    .discussionBox .discussionBoxItem:hover .discussionBoxImg img {
      transform: scale(1.1); }
  .discussionBox .discussionBoxImg {
    width: 263px;
    float: left;
    border-radius: 2px;
    line-height: 0;
    position: relative;
    overflow: hidden; }
    .discussionBox .discussionBoxImg img {
      width: 100%;
      transition: transform .4s; }
  .discussionBox .discussionBoxContent {
    width: 460px;
    float: right;
    padding-right: 18px; }
  .discussionBox .discussionBoxTitle {
    font-size: 18px;
    font-weight: bold;
    margin-top: 7px; }
  .discussionBox .discussionBoxAuthor {
    margin-top: 8px;
    overflow: hidden; }
  .discussionBox .discussionBoxAuthorImg {
    width: 32px;
    float: left;
    margin-top: 5px; }
    .discussionBox .discussionBoxAuthorImg img {
      width: 100%; }
  .discussionBox .discussionBoxAuthorContent {
    width: 419px;
    float: right; }
  .discussionBox .discussionBoxAuthorName {
    display: inline-block;
    font-size: 12px;
    font-weight: bold; }
  .discussionBox .discussionBoxAuthorAddr {
    font-size: 12px;
    font-weight: 500;
    padding-left: 7px;
    display: inline-block;
    color: #666666; }
  .discussionBox .discussionBoxAuthorSummary {
    font-size: 14px;
    font-weight: 500; }
  .discussionBox .discussionBoxInfo {
    clear: both;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    margin-top: 10px; }
  .discussionBox .discussionBoxPicker {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    color: #666666;
    margin-left: 6px; }
  .discussionBox .discussionBoxParticipated {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 1px; }
  .discussionBox .discussionBoxTopic {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.5;
    padding: 8px 16px;
    opacity: 0.85;
    width: 230px; }
  .discussionBox .discussionBoxTopicGreen {
    background-color: #61c87c; }
  .discussionBox .discussionBoxTopicYellow {
    background-color: #cab054; }
  .discussionBox .discussionBoxTopicPink {
    background-color: #d611a0; }

.glowingCommentHeader {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;}
  .glowingCommentHeader span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    color: #7a7a7a;
    margin-left: 23px;  }
  .glowingCommentHeader img {
    margin-right: 10px; }

.glowingCommentBox .glowingCommentItem {
  display: block;
  margin-top: 19px;
  padding: 20px 40px;
  border: 1px solid #dddddd;
  position: relative; }
  .glowingCommentBox .glowingCommentItem:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 12px 12px 0 0;
    border-color: #dddddd transparent transparent transparent;
    bottom: -12px;
    left: -1px; }
  .glowingCommentBox .glowingCommentItem:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #ffffff transparent transparent transparent;
    bottom: -10px;
    left: 0px; }

.glowingCommentBox .glowingCommentAuthor {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center; }
  .glowingCommentBox .glowingCommentAuthor img {
    margin-right: 10px; }

.glowingCommentBox .glowingCommentAuthorName {
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
  font-weight: bold; }

.glowingCommentBox .glowingCommentAuthorAddr {
  display: inline-block;
  color: #666666;
  font-weight: 500; }

.glowingCommentBox .glowingCommentContent {
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px; }

.glowingCommentBox .glowingCommentInfoDate, .glowingCommentBox .glowingCommentInfoLike {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
  margin-right: 19px; }
  .glowingCommentBox .glowingCommentInfoDate img, .glowingCommentBox .glowingCommentInfoLike img {
    margin-top: -4px;
    margin-right: 4px; }

.glowingCommentBox .glowingCommentInfo {
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
  margin-top: 15px; }

.glowingCommentBox .glowingCommentRaise {
  margin-top: 20px;
  padding-bottom: 20px; }
  .glowingCommentBox .glowingCommentRaise:hover {
    color: #E6001E; }

.glowingCommentBox .glowingCommentRaiseTag {
  font-size: 10px;
  display: inline-block;
  color: #E6001E;
  padding: 0 12px;
  border: 1px solid;
  border-color: #E6001E;
  font-weight: bold; }

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

.glowingCommentBox li .glowingCommentRaise {  border-bottom: 1px solid #eeeeee;}
.glowingCommentBox li:last-child .glowingCommentRaise { border-bottom: none;}

.popupOption {
  height: 337px;
  background: #fff;
  text-align: center;
  font-size: 17px;
  line-height: 1.65;
  color: #E6001E;
  border-radius: 4px;
  font-weight: 500; }
  .popupOption .popupOptionContent {
    height: 54px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-top: 1px solid #ddd; }
    .popupOption .popupOptionContent span {
      padding-top: 2px;
      margin-left: 7px; }
  .popupOption a:hover {
    text-decoration: underline; }

.paginationLeaf ul {
  display: flex;
  justify-content: center; }
  .paginationLeaf ul li {
    color: #E6001E;
    width: 38px;
    height: 38px;
    margin-left: 7px;
    background: #fafafa;
    font-weight: bold; }
    .paginationLeaf ul li a {
      width: 100%;
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center; }
    .paginationLeaf ul li:not(:last-child):hover {
      background: #E6001E;
      color: #FFFFFF; }
    .paginationLeaf ul li:last-child:hover {
      background: #E6001E;
      background-image: url("/images/onb/2019/nextReadMoreWhite.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 14px 12px; }
  .paginationLeaf ul li:nth-child(1) {
    background: #E6001E;
    color: #FFFFFF; }
  .paginationLeaf ul li:last-child {
    background-image: url("/images/onb/2019/arrowAuthorPopup.png");
    background-position: center;
    background-repeat: no-repeat; }

.articleFeatureBox {
  position: relative;
  height: 100%;
  padding-bottom: 1px; }

.asidePrint .parentTilte {
  display: flex;
  margin-bottom: 22px; }
  .asidePrint .parentTilte .categoryLabel {
    height: 24px;
    background-color: #242424;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    display: inline-flex;
    padding: 0 7px;
    line-height: 24px;
    margin-right: 20px; }
  .asidePrint .parentTilte .textTitle {
    font-size: 20px;
    font-weight: bold;
    color: #242424;
    display: inline-flex; }

.asidePrint .mainHeader {
  margin: 0; }
  .asidePrint .mainHeader .headerLabel {
    margin-bottom: 15px;
    margin-left: 0; }
  .asidePrint .mainHeader .shoulder {
    margin: 0;
    margin-bottom: 15px;
    margin-right: 6px; }

.asidePrint .articleBody {
  margin: 0;
  padding-top: 30px; }
  .asidePrint .articleBody .authorRight p {
    font-size: 17px;
    font-weight: 500;
    color: #242424;
    text-align: right; }
  .asidePrint .articleBody .dateLeft p {
    font-size: 13px;
    font-weight: 500;
    color: #7a7a7a; }
  .asidePrint .articleBody h4 {
    position: relative;
    display: flex;
    align-items: center;
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #242424;
    line-height: 1.44;
    letter-spacing: 0.2px;
    clear: both;
    border-left: 3px solid #E6001E;
    padding: 15px 0 15px 20px; }

.imgAdvertisement {
  text-align: center;
  padding: 20px 0;
  background: #f6f6f6; }

.popupDatePicker {
  background-color: #FFFFFF;
  padding: 5px 0 20px 0;
  border-radius: 4px; }
  .popupDatePicker .datepicker-inline {
    width: 360px;
    margin: 0 auto; }
    .popupDatePicker .datepicker-inline .table-condensed {
      width: 360px; }
  .popupDatePicker .resetDate {
    color: #e6001e;
    display: block;
    font-size: 17px;
    font-weight: 500;
    text-align: center; }
  .popupDatePicker .datepicker table tr td.today,
  .popupDatePicker .datepicker table tr td.today:hover,
  .popupDatePicker .datepicker table tr td.today.disabled,
  .popupDatePicker .datepicker table tr td.today.disabled:hover {
    background-color: transparent;
    background-image: none;
    background-size: 28px 28px;
    color: #FFF;
    font-weight: 500; }
  .popupDatePicker .datepicker table tr td.today {
    z-index: 1;
    position: relative; }
    .popupDatePicker .datepicker table tr td.today:before {
      content: "";
      height: 28px;
      width: 28px;
      background-color: #e6001e;
      position: absolute;
      z-index: -1;
      left: 50%;
      top: 50%;
      border-radius: 2px;
      transform: translate(-50%, -50%); }
  .popupDatePicker .datepicker td,
  .popupDatePicker .datepicker th {
    font-size: 15px;
    font-weight: 500;
    padding: 8px;
    color: #242424; }
  .popupDatePicker .datepicker td.day {
    font-weight: bold; }
  .popupDatePicker .datepicker th.next {
    background-image: url("/images/onb/2019/right_b.svg");
    background-position: center;
    background-repeat: no-repeat;
    color: transparent; }
  .popupDatePicker .datepicker th.prev {
    background-image: url("/images/onb/2019/left_b.svg");
    background-position: center;
    background-repeat: no-repeat;
    color: transparent; }
  .popupDatePicker .datepicker th.next:hover {
    background-image: url("/images/onb/2019/right_r.svg");
    background-position: center;
    background-repeat: no-repeat; }
  .popupDatePicker .datepicker th.prev:hover {
    background-image: url("/images/onb/2019/left_r.svg");
    background-position: center;
    background-repeat: no-repeat; }
  .popupDatePicker .datepicker td.disabled {
    color: #dddddd; }
  .popupDatePicker .datepicker table tr td.old {
    color: #7a7a7a; }
  .popupDatePicker .datepicker-switch {
    font-weight: bold !important; }

.articleRegisterForUse {
  background: linear-gradient(0deg, white 85%, rgba(255, 255, 255, 0) 100%);
  webkit-box-shadow: 0px -70px 180px 0 rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px -70px 180px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0px -70px 180px 0 rgba(255, 255, 255, 0.8);
  position: relative;
  margin-top: -125px; }
.headerBlock .articleRegisterForUse {
  webkit-box-shadow: -20px -190px 50px 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: -20px -190px 50px 0 rgba(255, 255, 255, 0.6);
  box-shadow: -20px -190px 50px 0 rgba(255, 255, 255, 0.6);
}

.registerForUse {
  width: 344px;
  margin: 0 auto; }
  .registerForUse .noticeText {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #242424;
    margin-bottom: 19px; }
  .registerForUse ul.listFunctionForUser {
    margin-bottom: 10px; }
    .registerForUse ul.listFunctionForUser li {
      font-size: 17px !important;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #242424;
      margin-bottom: 20px;
      display: flex !important;
      align-items: center; }
      .registerForUse ul.listFunctionForUser li .functionImg {
        width: 50px;
        display: flex;
        justify-content: start; }
      .registerForUse ul.listFunctionForUser li p {
        line-height: 1;
        display: flex;
        align-items: center; }
  .registerForUse .lblNotificationRed {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 17px;
    background-color: rgba(230, 0, 30, 0.7);
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 15px;
    position: relative;
    top: 45px; }
    .registerForUse .lblNotificationRed:after {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      z-index: 1;
      border-style: solid;
      border-width: 0 0 12px 12px;
      border-color: transparent transparent rgba(230, 0, 30, 0.7) transparent;
      left: 50%;
      top: -12px; }

.boxActionRegister {
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 30px; }
  .boxActionRegister .btnGreenGradientPc {
    width: 344px !important;
    margin: 0 auto;
    background-image: linear-gradient(to right, #3dc4a9, #1b9b82); }
  .boxActionRegister .btnGreenGradientPc:hover {
    border: solid 2px #1b9b82;
    background-image: none;
    box-shadow: none;
    color: #1b9b82;
    box-sizing: border-box;
    border-radius: 4px; }
  .boxActionRegister .noticeText {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #242424;
    line-height: 1;
    margin-bottom: 15px;
    text-align: center; }

nav.pagenation {
  margin-top: 40px;
  margin-bottom: 60px; }
  nav.pagenation .pagenationList {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 0; }
    nav.pagenation .pagenationList li {
      padding-left: 0; }
      nav.pagenation .pagenationList li a:hover {
        background-color: #E6001E;
        color: #fafafa; }
      nav.pagenation .pagenationList li a.pagenationNextButton:hover .icon {
        background: url("/images/onb/2019/nextReadMoreWhite.png") no-repeat;
        background-size: 100%;
        width: 14px;
        height: 12px;
        position: relative;
        top: -2px; }
      nav.pagenation .pagenationList li a.pagenationPreviewButton:hover .icon {
        background: url("/images/onb/2019/nextReadMoreWhite.png") no-repeat;
        background-size: 100%;
        width: 14px;
        height: 12px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: relative;
        top: -2px; }
    nav.pagenation .pagenationList li:not(:first-child) {
      margin-left: 6px; }
    nav.pagenation .pagenationList .activity a, nav.pagenation .pagenationList .activity span {
      background-color: #E6001E;
      color: #fafafa; }
    nav.pagenation .pagenationList a, nav.pagenation .pagenationList span {
      width: 38px;
      height: 38px;
      text-align: center;
      line-height: 40px;
      display: block;
      border-radius: 2px;
      background-color: #fafafa;
      color: #e6001e;
      font-weight: bold; }
    nav.pagenation .pagenationList span.dot {
      background: #ffffff;
      color: #242424; }
    nav.pagenation .pagenationList .iconLeftArrow, nav.pagenation .pagenationList .iconRightArrow {
      vertical-align: middle; }

.leafProfileContainer, .leafPostContainer {
  background-color: #FFFFFF; }

.leafProfileDescription, .leafPostDescription {
  clear: both;
  margin: 0px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #242424; }
  .leafProfileDescription p, .leafPostDescription p {
    margin: 0px;
    line-height: 1.76; }
  .leafProfileDescription span, .leafPostDescription span {
    font-size: 14px;
    display: block;
    padding-top: 12px; }

.leafProfileReference {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 40px; }
  .leafProfileReference .leafProfileHeader {
    padding-bottom: 20px; }
    .leafProfileReference .leafProfileHeader .subTitle {
      margin: 40px 0px 20px 0px; }
    .leafProfileReference .leafProfileHeader .leafProfile .profileInfo h5 {
      display: inline-block; }
    .leafProfileReference .leafProfileHeader .leafProfile .profileInfo .numberImages {
      position: relative;
      bottom: 4px; }
      .leafProfileReference .leafProfileHeader .leafProfile .profileInfo .numberImages img {
        width: 14px;
        height: 14px;
        background-size: 100% 100%; }
    .leafProfileReference .leafProfileHeader .leafProfile .profilePostList {
      position: absolute;
      right: 0px;
      bottom: 5px;
      font-size: 15px;
      font-weight: 500;
      color: #E6001E; }
  .leafProfileReference .leafProfileDescription {
    font-size: 15px; }
    .leafProfileReference .leafProfileDescription span {
      font-size: 12px;
      padding-top: 2px; }

.leafProfileHeader {
  padding-bottom: 10px; }
  .leafProfileHeader .subTitle {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #242424;
    font-weight: bold;
    margin: 0px 0px 40px 0px; }
  .leafProfileHeader .leafProfile {
    display: flex;
    position: relative; }
    .leafProfileHeader .leafProfile .profileAvatar {
      padding-right: 20px; }
    .leafProfileHeader .leafProfile .profileInfo {
      flex-grow: 1; }
      .leafProfileHeader .leafProfile .profileInfo h5 {
        line-height: 1.2;
        font-size: 24px;
        font-weight: bold;
        color: #242424;
        margin: 0px;
        position: relative; }
      .leafProfileHeader .leafProfile .profileInfo .numberImages {
        position: absolute;
        bottom: 2px;
        cursor: pointer;
        display: inline-block;
        font-weight: 500;
        color: #E6001E;
        margin-left: 10px; }
        .leafProfileHeader .leafProfile .profileInfo .numberImages span {
          font-size: 14px; }
        .leafProfileHeader .leafProfile .profileInfo .numberImages img {
          margin-left: 6px; }
      .leafProfileHeader .leafProfile .profileInfo span {
        font-size: 12px;
        font-weight: 500; }
      .leafProfileHeader .leafProfile .profileInfo p {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #666666;
        margin: 0px;
        line-height: 2; }
    .leafProfileHeader .leafProfile .profileFollow {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.2px;
      line-height: 2.5; }
      .leafProfileHeader .leafProfile .profileFollow span {
        color: #666666;
        margin-right: 20px; }
      .leafProfileHeader .leafProfile .profileFollow a {
        position: relative;
        border-radius: 4px;
        border: 1px solid #E6001E;
        color: #E6001E;
        padding: 8px 12px 8px 32px; }
        .leafProfileHeader .leafProfile .profileFollow a img {
          position: absolute;
          left: 12px;
          top: 10px; }

.commentProfileList h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: 0.2px;
  color: #000000;
  margin-top: 30px;
  margin-bottom: 0px; }

.commentProfileList ul li {
  border-bottom: 1px solid #EEEEEE;
  padding: 15px 0px;
  margin-bottom: 15px;
  overflow: hidden; }
  .commentProfileList ul li:hover .commentProfileTitle {
    color: #E6001E; }
  .commentProfileList ul li .commentProfileTitle {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.29;
    letter-spacing: 0.2px;
    color: #242424;
    padding-bottom: 20px; }
    .commentProfileList ul li .commentProfileTitle span {
      display: block;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: 0.2px;
      color: #666666;
      padding-bottom: 5px; }
  .commentProfileList ul li .commentProfileInfo {
    display: flex; }
    .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight {
      margin-left: 20px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.57;
      letter-spacing: 0.2px;
      color: #242424; }
      .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight .commentProfileInfoContent {
        height: 42px;
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
      .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight .commentProfileInfoIcon {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.2px;
        color: #666666;
        margin-top: 5px; }
        .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight .commentProfileInfoIcon span {
          margin-left: 20px; }
          .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight .commentProfileInfoIcon span a .iconLike {
            width: 14px;
            height: 14px;
            background-size: 100% 100%;
            margin-right: 2px; }
        .commentProfileList ul li .commentProfileInfo .commentProfileInfoRight .commentProfileInfoIcon .icon.iconLike {
          width: 16px;
          height: 16px;
          background-size: 100%;
          margin-right: 5px; }

.commentProfileList .commentContent1 ul li .itemComment {
  display: flex;
  margin-top: 34px; }
  .commentProfileList .commentContent1 ul li .itemComment .commentItemLeft {
    position: relative; }
    .commentProfileList .commentContent1 ul li .itemComment .commentItemLeft .iconFill {
      position: absolute;
      width: 14px;
      height: 14px;
      background-size: 100% 100%;
      right: -5px;
      top: 21px; }
  .commentProfileList .commentContent1 ul li .itemComment .commentItemRight {
    margin-left: 10px;
    margin-right: 15px; }
    .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentItemRightContent {
      max-height: 150px;
      overflow: hidden;
      position: relative; }
      .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentItemRightContent:after {
        content: "";
        position: absolute;
        -webkit-box-shadow: inset -1px -10px 10px -5px white;
        -moz-box-shadow: inset -1px -10px 10px -5px white;
        box-shadow: inset -1px -10px 10px -5px white;
        top: 0;
        bottom: 0;
        width: 100%; }
      .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentItemRightContent.on {
        max-height: auto;
        overflow: auto; }
        .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentItemRightContent.on:after {
          content: "";
          position: static;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
    .commentProfileList .commentContent1 ul li .itemComment .commentItemRight p {
      line-height: 1.71; }
    .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentIcon {
      color: #7a7a7a;
      margin-top: 12px;
      font-size: 13px; }
      .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentIcon span.commentlike {
        margin-left: 20px; }
        .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentIcon span.commentlike a .iconLike {
          width: 14px;
          height: 14px;
          background-size: 100% 100%; }
      .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentIcon span.commentReply {
        margin-left: 20px; }
      .commentProfileList .commentContent1 ul li .itemComment .commentItemRight .commentIcon span.commentReadmore {
        float: right; }

.leafPostHeader {
  display: flex;
  padding-bottom: 30px; }
  .leafPostHeader .leafPostHeaderImg {
    position: relative; }
    .leafPostHeader .leafPostHeaderImg span {
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.24;
      letter-spacing: 0.2px;
      color: #FFFFFF;
      background-color: #242424;
      padding: 5px 11px; }
    .leafPostHeader .leafPostHeaderImg .raise {
      background-color: #E6001E;
      opacity: 0.9; }
  .leafPostHeader .leafPostHeaderInfo {
    margin-left: 30px;
    width: 100%; }
    .leafPostHeader .leafPostHeaderInfo h3 {
      display: flex;
      font-size: 32px;
      font-weight: bold;
      line-height: 1.38;
      letter-spacing: 0.3px;
      color: #242424;
      margin-top: 0px;
      margin-bottom: 15px; }
    .leafPostHeader .leafPostHeaderInfo h3.greenTitle {
      margin-left: -40px;
      display: flex;
      padding: 4px 30px;
      background-color: rgba(97, 200, 124, 0.9);
      color: #FFFFFF;
      position: relative;
      top: 10px;
      margin-bottom: 30px; }
    .leafPostHeader .leafPostHeaderInfo .leafHeader {
      border: none; }
      .leafPostHeader .leafPostHeaderInfo .leafHeader .mainHeader {
        margin: 0px; }
    .leafPostHeader .leafPostHeaderInfo .leafProfileHeader {
      border-bottom: 1px solid #EAEAEA;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    .leafPostHeader .leafPostHeaderInfo .leafProfileHeader.borderTop {
      border-top: 1px solid #EAEAEA;
      border-bottom: none;
      padding: 20px 0 0;
      margin: 10px 0 0; }
      .leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile {
        display: block; }
        .leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow {
          display: flex;
          justify-content: space-between; }
          .leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow span {
            display: block; }
          .leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow div {
            display: block;
            text-align: right; }

ul.listKeywords {
  display: flex; }
  ul.listKeywords li {
    border-radius: 4px;
    border: solid 1px #EEEEEE;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #E6001E;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 500; }
    ul.listKeywords li a {
      display: flex;
      padding: 0 16px; }
    ul.listKeywords li:first-child {
      margin-left: 0; }
    ul.listKeywords li a:hover {
      text-decoration: underline; }

.swiperContainer {
  width: 100%;
  height: 100%; }

.swiperSlide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.keywordSwiperContainer .swiper-slide {
  border-radius: 4px;
  border: solid 1px #EEEEEE;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #E6001E;
  margin-left: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto; }
  .keywordSwiperContainer .swiper-slide a {
    padding: 0 20px; }

section.topArticle .topItem {
  position: relative; }
  section.topArticle .topItem image {
    width: 100%; }
  section.topArticle .topItem p.flag {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    background: #E6001E;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0; }
  section.topArticle .topItem p.point {
    width: 51px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    bottom: 107px;
    left: 22px; }
  section.topArticle .topItem p.title {
    white-space: pre-line;
    font-size: 32px;
    line-height: 1.38;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    bottom: 18px;
    left: 20px; }

section.topArticle ul.similarItem {
  display: flex;
  flex-direction: column; }
  section.topArticle ul.similarItem li {
    margin-top: 20px;
    padding-bottom: 13px;
    border-bottom: solid 1px #EEEEEE; }
    section.topArticle ul.similarItem li a {
      display: flex;
      flex-direction: column; }
      section.topArticle ul.similarItem li a p.point {
        font-weight: 500;
        line-height: 1.57; }
      section.topArticle ul.similarItem li a p.title {
        font-size: 20px;
        font-weight: bold;
        margin-top: 5px; }
      section.topArticle ul.similarItem li a p.description {
        margin-top: 5px;
        font-weight: 500;
        line-height: 1.57;
        color: #666666; }

section.topArticle a.linkListtopArticle {
  float: right;
  color: #E6001E;
  font-weight: 500;
  margin-top: 20px; }

.pr {
  margin-top: 40px;
  float: left;
  width: 100%; }
  .pr li {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #EEEEEE; }
    .pr li a {
      display: flex;
      flex-direction: column;
      margin-top: 10px;
      margin-bottom: 14px; }
      .pr li a p.flag {
        font-size: 12px;
        font-weight: 500;
        color: #666666; }
      .pr li a p.title {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4; }
    .pr li:hover {
      color: #E6001E; }

.listArticle {
  margin-top: 40px;
  float: left;
  width: 100%;
  position: relative; }
  .listArticle:before {
    content: " ";
    background-color: #242424;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 4px; }
  .listArticle:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: 0;
    left: 12px;
    width: 80px;
    height: 4px; }
  .listArticle li {
    margin-top: 0; }
    .listArticle li:first-child {
      margin-top: 31px; }
    .listArticle li > a {
      margin-top: 15px; }
    .listArticle li a {
      display: flex;
      padding-bottom: 17px;
      border-bottom: 1px solid #EEEEEE; }
      .listArticle li a .articleContent {
        width: 380px;
        position: relative; }
        .listArticle li a .articleContent p.category {
          font-weight: 500;
          color: #666666; }
          .listArticle li a .articleContent p.category span.raise {
            font-size: 10px;
            font-weight: bold;
            color: #E6001E;
            line-height: 14px;
            width: 50px;
            border: 1px solid #E6001E;
            display: inline-block;
            text-align: center;
            margin-right: 10px; }
          .listArticle li a .articleContent p.category span.seminar {
            font-size: 10px;
            font-weight: bold;
            color: #367a82;
            line-height: 14px;
            width: 71px;
            border: 1px solid #367a82;
            display: inline-block;
            text-align: center;
            margin-right: 10px; }
        .listArticle li a .articleContent p.title {
          margin-top: 2px;
          margin-bottom: 3px;
          font-size: 17px;
          font-weight: bold;
          line-height: 1.29; }
          .asideRight .rankContent h3 i.iconLockClose,
          .ranking .creationListTitle h3 i.iconLockClose,
          .listArticleSecond a i.iconLockClose,
          .listArticle li a .articleContent p.title i.iconLockClose {
            background-size: 100%;
            width: 12.6px;
            height: 14px;
            margin-left: 5px; }
          .listArticle li a .articleContent p.title i.iconLockOpen {
            background-size: 100%;
            width: 13.4px;
            height: 14px;
            margin-left: 5px; }
        .listArticle li a .articleContent .likeAndComment {
          position: absolute;
          left: 0;
          bottom: -5px; }
          .listArticle li a .articleContent .likeAndComment i.iconchart {
            background-size: 100%;
            width: 12px;
            height: 12px;
            margin-left: 18px;
            margin-right: 4px; }
          .listArticle li a .articleContent .likeAndComment span {
            color: #666666;
            font-size: 12px;
            font-weight: 500; }
            .listArticle li a .articleContent .likeAndComment span.firstElement {
              margin-right: 19px; }
              .listArticle li a .articleContent .likeAndComment span.firstElement span {
                font-weight: bold;
                color: #242424; }
            .listArticle li a .articleContent .likeAndComment span.crown {
              color: #c4b14f;
              font-weight: bold; }
            .listArticle li a .articleContent .likeAndComment span.chartText {
              font-weight: bold;
              color: #E6001E; }
            .listArticle li a .articleContent .likeAndComment span.null {
              font-size: 14px; }
          .listArticle li a .articleContent .likeAndComment img {
            width: 12px;
            height: 12px;
            margin-right: 4px; }
            .listArticle li a .articleContent .likeAndComment img.crown {
              margin-left: 18px; }
      .listArticle li a .articleThumb {
        margin-left: 20px;
        /*display: flex;*/
        height: 90px;
        overflow: hidden; }
        .listArticle li a .articleThumb img {
          transition: transform .4s;
          height: auto; }
        .listArticle li a .articleThumb.articleThumbTwo img {
          height: 90px; }
    .listArticle li:hover .articleThumb img {
      transform: scale(1.2); }
    .listArticle li:hover .articleContent .title {
      color: #E6001E; }

ul.listArticleSecond {
  margin-top: 15px;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  ul.listArticleSecond li {
    width: 250px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEEEEE; }
    ul.listArticleSecond li a p.category {
      font-size: 12px;
      font-weight: 500;
      color: #666666; }
    ul.listArticleSecond li a p.title {
      clear: both;
      font-weight: bold;
      line-height: 1.71;
      margin-top: 7px; }
    ul.listArticleSecond li a:hover p.title {
      color: #E6001E; }
    ul.listArticleSecond li:nth-child(even) {
      margin-left: 20px; }

a.newArticleList {
  float: right;
  color: #E6001E;
  font-weight: 500;
  margin-top: 5px; }
  a.newArticleList:hover {
    text-decoration: underline; }
  a.newArticleList:hover {
    text-decoration: underline; }

.importantNotice {
  margin-top: 38px;
  float: left;
  width: calc(100% - 40px);
  outline-offset: -1px;
  padding: 20px;
  border-radius: 2px;
  border: 1px solid #E6001E; }
  .importantNotice p {
    font-size: 12px;
    font-weight: 500;
    white-space: pre-line;
    line-height: 1.67;
    margin: 0; }
    .importantNotice p.title {
      color: #E6001E;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 14px; }
  .importantNotice a {
    text-decoration: underline;
    font-size: 12px; }

.importantNoticeSecond {
  margin-top: 38px;
  float: left;
  background: #F6F6F6;
  padding: 15px 20px;
  border-radius: 2px; }
  .importantNoticeSecond p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67; }
    .importantNoticeSecond p.title {
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 14px; }
  .importantNoticeSecond a {
    text-decoration: underline;
    font-size: 12px; }

section.topArticleSecond .topItem {
  height: 394px; }
  section.topArticleSecond .topItem .topRedNote {
    z-index: 2; }
  section.topArticleSecond .topItem p.title {
    position: absolute;
    left: 0;
    bottom: 11px;
    font-size: 32px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.38;
    z-index: 2;
    padding: 0 10px 0 15px;
  }
  section.topArticleSecond .topItem .topItemImage {
    width: 520px;
    height: 390px;
    overflow: hidden;
    position: relative; }
    section.topArticleSecond .topItem .topItemImage:before {
      z-index: 1;
      position: absolute;
      display: block;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      transition: background .4s ease-in-out; }
    section.topArticleSecond .topItem .topItemImage img {
      transition: all .4s ease;
      width: 100%;
      height: auto; }
  section.topArticleSecond .topItem:hover .topItemImage {
    border: 2px solid #E6001E;
    box-sizing: border-box; }
    section.topArticleSecond .topItem:hover .topItemImage:before {
      background: rgba(0, 0, 0, 0.2);
      /*adjust brightness here */ }
  section.topArticleSecond .topItem:hover img {
    transform: scale(1.05); }

section.topArticleSecond ul.similarItem {
  display: flex;
  justify-content: space-between; }
  section.topArticleSecond ul.similarItem li {
    position: relative; }
    section.topArticleSecond ul.similarItem li:first-child {
      margin-left: 0; }
    section.topArticleSecond ul.similarItem li a .similarItemImage {
      width: 170px;
      height: 128px;
      overflow: hidden;
      position: relative; }
      section.topArticleSecond ul.similarItem li a .similarItemImage:before {
        z-index: 1;
        padding: 2px;
        position: absolute;
        display: block;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent;
        transition: background .4s ease-in-out; }
    section.topArticleSecond ul.similarItem li a img {
      width: 100%;
      transition: transform .5s; }
    section.topArticleSecond ul.similarItem li a p.title {
      position: absolute;
      left: 0;
      bottom: 7px;
      padding: 0 6px 0 7px;
      font-size: 17px;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 1.24;
      z-index: 2; }
      section.topArticleSecond ul.similarItem li a:hover .similarItemImage:before {
        background: rgba(0, 0, 0, 0.2);
        padding: 0;
      border: 2px solid #E6001E;
      box-sizing: border-box;}
    section.topArticleSecond ul.similarItem li a:hover img {
      transform: scale(1.03);
      margin: 0; }

section.fullWidth {
  width: 100%;
  height: 530px;
  margin-top: 60px;
  float: left;
  box-shadow: inset 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom, #E6001E, #E6001E), linear-gradient(112deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)); }
  section.fullWidth .headerBlock {
    margin-top: 40px;
    display: flex;
    align-content: flex-end; }
    section.fullWidth .headerBlock .headerTitle {
      width: 911px;
      margin-left: 20px;
      margin-bottom: 16px;
      align-self: flex-end;
      color: #FFFFFF; }
      section.fullWidth .headerBlock .headerTitle p {
        font-weight: bold; }
        section.fullWidth .headerBlock .headerTitle p.title {
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 3px; }
    section.fullWidth .headerBlock a {
      font-weight: bold;
      margin-bottom: 16px;
      align-self: flex-end;
      color: #FFFFFF; }
      section.fullWidth .headerBlock a:hover {
        text-decoration: underline; }
  section.fullWidth .bodyBlock {
    margin-top: 21px;
    height: auto; }
    section.fullWidth .bodyBlock ul.raiseList {
      display: flex; }
      section.fullWidth .bodyBlock ul.raiseList li {
        width: 256px;
        margin-left: 32px;
        position: relative; }
        section.fullWidth .bodyBlock ul.raiseList li:first-child {
          margin-left: 0; }
        section.fullWidth .bodyBlock ul.raiseList li a img {
          float: left;
          transition: transform .4s;
          width: 100%;
          height: auto; }
        section.fullWidth .bodyBlock ul.raiseList li a span.flag {
          position: absolute;
          top: 0;
          left: 0;
          width: auto;
          line-height: 24px;
          background: rgba(24, 173, 166, 0.6);
          border-radius: 2px;
          color: #FFFFFF;
          font-size: 12px;
          font-weight: bold;
          padding: 3px 5px;
          z-index: 1; }
        section.fullWidth .bodyBlock ul.raiseList li a p.title {
          position: absolute;
          top: 125px;
          left: 20px;
          width: 215px;
          line-height: 1.44;
          color: #FFFFFF;
          font-size: 18px;
          font-weight: bold;
          z-index: 1; }
    section.fullWidth .bodyBlock ul.raiseList li a .raiseview {
          position: absolute;
          color: #666;
          right: 22px;
          bottom: 21px;
          font-size: 12px;}
        section.fullWidth .bodyBlock ul.raiseList li a .itemHeader {
          overflow: hidden;
          position: relative; }
        section.fullWidth .bodyBlock ul.raiseList li a .itemHeader:before {
          content: ' ';
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(2%, rgba(255, 255, 255, 0.01)), color-stop(3%, rgba(0, 0, 0, 0.01)), color-stop(11%, rgba(0, 0, 0, 0.04)), color-stop(33%, rgba(0, 0, 0, 0.21)), color-stop(73%, rgba(0, 0, 0, 0.61)), color-stop(100%, rgba(0, 0, 0, 0.87)));
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
          background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
          background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.01) 2%, rgba(0, 0, 0, 0.01) 3%, rgba(0, 0, 0, 0.04) 11%, rgba(0, 0, 0, 0.21) 33%, rgba(0, 0, 0, 0.61) 73%, rgba(0, 0, 0, 0.87) 100%);
          height: 50%;
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 1;
        }
        section.fullWidth .bodyBlock ul.raiseList li a .itemContent {
          display: flex;
          flex-wrap: wrap;
          background: #FFFFFF;
          padding-left: 20px;
          padding-right: 17px;
          padding-top: 20px;
          padding-bottom: 20px;
          border-bottom-left-radius: 2px;
          border-bottom-right-radius: 2px; }
        section.fullWidth .bodyBlock ul.raiseList li {
          justify-content: space-between;
          background-color: #fff;
          border-bottom-left-radius: 2px;
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          border-bottom-right-radius: 2px;
        }
          section.fullWidth .bodyBlock ul.raiseList li a .itemContent .itemContentBody {
            display: flex; }
            section.fullWidth .bodyBlock ul.raiseList li a .itemContent .itemContentBody .avatarCicrle {
              margin-right: 12px; }
          section.fullWidth .bodyBlock ul.raiseList li a .itemContent img {
            margin-right: 12px;
            border-radius: 50%; }
          section.fullWidth .bodyBlock ul.raiseList li a .itemContent p {
            font-size: 12px; }
            section.fullWidth .bodyBlock ul.raiseList li a .itemContent p.itemTitle {
              font-weight: bold; }
              section.fullWidth .bodyBlock ul.raiseList li a .itemContent p.itemTitle span {
                font-weight: 500;
                color: #666666;
                margin-left: 7px; }
            section.fullWidth .bodyBlock ul.raiseList li a .itemContent p.itemDesciption {
              font-weight: 500;
              line-height: 1.5;
              letter-spacing: 0.2px;
              width: 176px; }
          section.fullWidth .bodyBlock ul.raiseList li a .itemContent .itemComment {
            display: flex;
            align-items: center;
            margin-top: 10px;
            width: 100%; }
            section.fullWidth .bodyBlock ul.raiseList li a .itemContent .itemComment i.double_comment {
              background-size: 100%;
              width: 12px;
              height: 12px; }
            section.fullWidth .bodyBlock ul.raiseList li a .itemContent .itemComment span {
              font-size: 12px;
              color: #666666;
              margin-left: 6px; }
        section.fullWidth .bodyBlock ul.raiseList li:hover .itemHeader img {
          transform: scale(1.1); }

.glowingComment {
  position: relative;
  margin-top: 0px;
  clear: both;
  float: left;
  width: 100%; }
  .glowingComment p.title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 19px; }
    .glowingComment p.title span {
      font-size: 14px;
      font-weight: 500;
      color: #666666;
      margin-left: 37px; }
  .glowingComment ul.listGlowingComment {
    margin-top: 30px;
    display: flex; }
    .glowingComment ul.listGlowingComment li {
      margin-left: 20px;
      width: 240px; }
      .glowingComment ul.listGlowingComment li:first-child {
        margin-left: 0; }
      .glowingComment ul.listGlowingComment li .commentItem {
        width: 100%;
        padding: 12px;
        border: 1px solid #dddddd;
        height: 271px;
        position: relative; }
        .glowingComment ul.listGlowingComment li .commentItem:before {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          z-index: 1;
          border-style: solid;
          border-width: 12px 12px 0 0;
          border-color: #dddddd transparent transparent transparent;
          bottom: -12px;
          left: -1px; }
        .glowingComment ul.listGlowingComment li .commentItem:after {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          z-index: 1;
          border-style: solid;
          border-width: 10px 10px 0 0;
          border-color: #ffffff transparent transparent transparent;
          bottom: -10px;
          left: 0px; }
        .glowingComment ul.listGlowingComment li .commentItem .commentHead {
          display: flex; }
          .glowingComment ul.listGlowingComment li .commentItem .commentHead .avatarCicrle{
            margin-right: 12px;
          }
          .glowingComment ul.listGlowingComment li .commentItem .commentHead img {
            width: 32px;
            height: 32px;
            border-radius: 50%; }
          .glowingComment ul.listGlowingComment li .commentItem .commentHead p.CommentTitle {
            font-size: 12px;
            font-weight: bold; }
          .glowingComment ul.listGlowingComment li .commentItem .commentHead p.CommentSubTitle {
            font-size: 12px;
            font-weight: 500;
            color: #666666; }
        .glowingComment ul.listGlowingComment li .commentItem p.commentDesciption {
          font-size: 15px;
          font-weight: 500;
          line-height: 1.67; }
        .glowingComment ul.listGlowingComment li .commentItem .commentBottom {
          display: flex;
          align-items: center;
          margin-top: 10px; }
          .glowingComment ul.listGlowingComment li .commentItem .commentBottom p.date {
            font-size: 12px;
            font-weight: 500;
            color: #666666;
            margin-right: 18px; }
          .glowingComment ul.listGlowingComment li .commentItem .commentBottom img {
            width: 14px;
            height: 12px;
            margin-right: 4px; }
          .glowingComment ul.listGlowingComment li .commentItem .commentBottom span {
            font-size: 12px;
            font-weight: 500;
            color: #666666; }
    .glowingComment ul.listGlowingComment a {
      display: flex;
      margin-top: 13px;
      padding-bottom: 12px;
      margin-bottom: 14px; }
      .glowingComment ul.listGlowingComment a span {
        font-size: 12px;
        font-weight: bold;
        display: block; }
        .glowingComment ul.listGlowingComment a span.raise {
          width: 50px;
          line-height: 14px;
          border: 1px solid #E6001E;
          color: #E6001E;
          text-align: center;
          margin-right: 8px;
          font-size: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .glowingComment ul.listGlowingComment a span.seminar {
          width: 50px;
          line-height: 14px;
          border: 1px solid #367a82;
          color: #367a82;
          text-align: center;
          margin-right: 8px;
          font-size: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
        .glowingComment ul.listGlowingComment a span:hover {
          color: #E6001E; }
          .glowingComment ul.listGlowingComment a span.seminar:hover {
            color: #367a82; }
    .glowingComment ul.listGlowingComment a:last-child {
      border-bottom: 1px solid #dddddd; }

section.magazine {
  position: relative;
  margin-top: 0px;
  clear: both;
  float: left;
  width: 100%; }
  section.magazine p.title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 19px; }
    section.magazine p.title span {
      font-size: 14px;
      font-weight: 500;
      color: #666666;
      margin-left: 37px; }
  section.magazine ul.magazineList {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap; }
    section.magazine ul.magazineList li {
      width: 240px;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-right: 20px; }
      section.magazine ul.magazineList li:nth-child(3n) {
        margin-right: 0; }
      section.magazine ul.magazineList li a {
        width: 100%;
        display: block;
        text-align: center;
        justify-content: center; }
        section.magazine ul.magazineList li a.btnSeemore {
          width: 216px;
          border-radius: 4px;
          border: 1px solid #EAEAEA;
          margin-left: auto;
          margin-right: auto;
          line-height: 41px;
          margin-top: 32px;
          display: flex; }
          section.magazine ul.magazineList li a.btnSeemore i.icon.viewerIcon {
            background-size: 100%;
            width: 18px;
            height: 17px;
            margin-right: 7px;
            margin-top: 13px; }
        section.magazine ul.magazineList li a:hover p.title {
          color: #E6001E; }
      section.magazine ul.magazineList li p.title {
        font-size: 14px;
        font-weight: bold;
        margin-top: 5px; }

section.recommendesInfomation {
  position: relative;
  margin-top: 0px;
  clear: both;
  float: left;
  width: 100%; }
  section.recommendesInfomation p.title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 19px; }
    section.recommendesInfomation p.title span {
      font-size: 14px;
      font-weight: 500;
      color: #666666;
      margin-left: 37px; }

section.recommendesInfomation.cbCxense {float: none;}
section.recommendesInfomation.cbCxense h2.titleBox { margin-left: 20px;}
  section.recommendesInfomation ul.recommendesInfomationList {
  width: 720px;
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto 20px;}
    section.recommendesInfomation ul.recommendesInfomationList li {
      width: 165px;
      margin-right: 20px;
      margin-bottom: 15px; }
      section.recommendesInfomation ul.recommendesInfomationList li a:hover p.itemtile {
        color: #E6001E; }
      section.recommendesInfomation ul.recommendesInfomationList li:nth-child(4n) { margin-right: 0;}
      section.recommendesInfomation ul.recommendesInfomationList li a { display: block;}
      section.recommendesInfomation ul.recommendesInfomationList li .image {
        width: 165px;
        height: 123px;
        margin-bottom: 5px;
        overflow: hidden;}
      section.recommendesInfomation ul.recommendesInfomationList li img {
        width: 165px;
        height: auto;
        transform: translateX(-50%);
        left: 50%;
        position: relative;}
        section.recommendesInfomation ul.recommendesInfomationList li a:hover img {
          transform: translateX(-50%) scale(1.2);
          transition: 0.6s ease; }
        section.recommendesInfomation ul.recommendesInfomationList li p.category {
          font-size: 12px;
          line-height: 1.4;
          color: #666666; }
        section.recommendesInfomation ul.recommendesInfomationList li p.itemtile {
          font-size: 14px;
          font-weight: bold;
          line-height: 1.4;
          margin-top: 4px; }

  section.recommendesInfomation .adbox {
    width: 760px;
    height: 250px;
    border: 2px solid #E6001E;
    position: relative; }
    section.recommendesInfomation .adbox:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 12px;
      height: 12px;
      background: #E6001E; }
    section.recommendesInfomation .adbox:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 12px;
      height: 12px;
      background: #E6001E; }
    section.recommendesInfomation .adbox p.adTitle {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      margin-top: 27px;
      text-align: center; }
    section.recommendesInfomation .adbox img {
      margin-top: 33px;
      float: left;
      width: 271px;
      margin-left: 53px; }
    section.recommendesInfomation .adbox a.btnApplication {
      float: left;
      width: 343px;
      margin-left: 31px;
      margin-top: 45px;
      color: #FFFFFF;
      border-radius: 4px;
      background-color: #5bb7a6;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5bb7a6), to(#169b82));
      background-image: -webkit-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -moz-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -ms-linear-gradient(top, #5bb7a6, #169b82);
      background-image: -o-linear-gradient(top, #5bb7a6, #169b82);
      background-image: linear-gradient(to right, #5bb7a6, #169b82), linear-gradient(276deg, rgba(255, 255, 255, 0), #FFFFFF);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5bb7a6, endColorstr=#169b82);
      text-align: center;
      line-height: 56px;
      font-size: 17px;
      font-weight: bold; }
      section.recommendesInfomation .adbox a.btnApplication:hover {
        box-sizing: border-box;
        background: #fff;
        box-shadow: inset 0 0 0 2px #1b9b82;
        color: #1b9b82; }
  section.recommendesInfomation .prBox {
    margin-top: 33px;
    margin-bottom: 80px; }
    section.recommendesInfomation .prBox p.prHeadTitle {
      font-size: 17px;
      font-weight: bold;
      color: #666666; }
    section.recommendesInfomation .prBox ul.prListArticle {
      margin-top: 16px;
      display: flex;
      flex-wrap: wrap; }
      section.recommendesInfomation .prBox ul.prListArticle li {
        width: 370px;
        margin-right: 19px;
        margin-bottom: 15px; }
        section.recommendesInfomation .prBox ul.prListArticle li:nth-child(2n) {
          margin-right: 0; }
        section.recommendesInfomation .prBox ul.prListArticle li a:hover p.itemTitle {
          color: #E6001E; }
        section.recommendesInfomation .prBox ul.prListArticle li p.category {
          font-weight: 500;
          color: #666666; }
        section.recommendesInfomation .prBox ul.prListArticle li p.itemTitle {
          font-size: 17px;
          line-height: 1.41;
          font-weight: bold;
          margin-top: 4px;
          height: 48px;
          border-bottom: 1px solid #EEEEEE;
          padding-bottom: 17px; }

header.myPageHeader {
  width: 100%;
  display: inline-block; }
  header.myPageHeader .myPageHeaderLeft {
    float: left;
    display: flex; }
    header.myPageHeader .myPageHeaderLeft .myPageHeadLeftImg {
      height: 72px; }
    header.myPageHeader .myPageHeaderLeft .myPageHeadLeftImg .avatarCicrle {
      margin-right: 18px; }
      header.myPageHeader .myPageHeaderLeft .myPageHeadLeftImg img {
        float: left;
        width: 72px;
        height: 72px; }
    header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent {
      height: 72px; }
      header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent p {
        line-height: 1em;
        margin-top: 0;
        margin-bottom: 0; }
        header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent p.textAuthortitle {
          color: #666666; }
      header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent h5 {
        font-size: 24px;
        line-height: 1.5em;
        margin-top: 0;
        margin-bottom: 0; }
        header.myPageHeader .myPageHeaderLeft .myPageHeadLeftContent h5 span {
          font-size: 17px;
          font-weight: normal;
          margin-left: 5px; }
  header.myPageHeader .myPageHeaderRight {
    float: right;
    margin-top: 15px; }
    header.myPageHeader .myPageHeaderRight a.btn {
      width: 68px;
      height: 30px;
      border-radius: 2px;
      border: 1px solid;
      border-color: #dddddd;
      font-size: 15px;
      display: block;
      text-align: center;
      line-height: 30px;
      color: #E6001E; }
    header.myPageHeader .myPageHeaderRight a.btn:hover {
      text-decoration: underline; }
    header.myPageHeader .myPageHeaderRight a img {
      width: 12px;
      height: 12px;
      margin-left: 5px; }

section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft a.itemCreate, section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft a.itemEdit, section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft a.itemDelete, section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote button {
  font-size: 15px;
  font-weight: 500;
  color: #666666;
  line-height: 1.4em; }

section.myPage {
  margin-top: 38px; }
  section.myPage .tabWrapper {
    border-bottom: 1px solid #EEEEEE; }
    section.myPage .tabWrapper ul.tabHeaderMyPage {
      border-bottom: 1px solid #E6001E;
      display: flex;
      padding-left: 0; }
      section.myPage .tabWrapper ul.tabHeaderMyPage li {
        width: 260px;
        display: inline-block;
        text-align: center;
        padding-bottom: 10px;
        color: #666666;
        font-size: 15px;
        font-weight: 500;
        border-bottom: 2px solid transparent;
        transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -moz-transition: all linear 0.2s; }
      section.myPage .tabWrapper ul.tabHeaderMyPage li.active {
        font-weight: bold;
        color: #242424;
        border-bottom: 2px solid #E6001E;
        transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -moz-transition: all linear 0.2s; }
    section.myPage .tabWrapper .tabContent ul.tabItem li {
      width: 100%;
      /*height: 103px;*/
      border-bottom: 1px solid;
      border-color: #EEEEEE;
      position: relative;
      transition: all linear 0.2s;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s; }
    section.myPage .tabWrapper .tabContent ul.tabItem#tabTagNewArrival li {
      padding:0 0 15px 0;  }
      section.myPage .tabWrapper .tabContent ul.tabItem li:hover {
        background: #fffcf8;
        transition: all linear 0.2s;
        -webkit-transition: all linear 0.2s;
        -moz-transition: all linear 0.2s; }
      section.myPage .tabWrapper .tabContent ul.tabItem li .item {
        margin-left: 30px;
        margin-right: 30px;
        display: block; }
        section.myPage .tabWrapper .tabContent ul.tabItem li .item p {
          line-height: 1.3em; }
          section.myPage .tabWrapper .tabContent ul.tabItem li .item p.tag {
            padding-top: 14px;
            color: #E6001E;
            font-weight: bold; }
          section.myPage .tabWrapper .tabContent ul.tabItem li .item p.parentTitle {
            margin-top: 9px;
            color: #666666;
            font-size: 15px;
            font-weight: 500; }
          section.myPage .tabWrapper .tabContent ul.tabItem li .item p.description {
            font-size: 17px;
            font-weight: bold;
            margin-top: 5px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li .item p.date {
            float: right;
            color: #666666;
            font-weight: 500;
            position: absolute;
            right: 30px;
            bottom: 17px; }
      section.myPage .tabWrapper .tabContent ul.tabItem li.clip {
        width: 100%;
        height: auto;
        border-bottom: none;
        margin-top: 16px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
        display: flex; }
        section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft {
          float: left;
          margin-left: 30px;
          margin-top: 12px;
          margin-bottom: 18px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p {
            font-weight: 500; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.date {
              font-size: 14px;
              color: #242424; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.parentTitle {
              color: #666666;
              line-height: 1.5em;
              margin-top: 6px; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.title {
              font-size: 17px;
              font-weight: bold;
              line-height: 1.3em;
              width: 528px;
              transition: transform .4s;
              margin-top: 3px; }
              section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.title:hover {
                color: #E6001E; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.description {
              font-size: 15px;
              line-height: 1.67em;
              margin-top: 10px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft a.itemDelete {
            margin-left: 17px;
            line-height: 1.4em; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote {
            display: none; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote textarea {
              width: 517px;
              line-height: 1.4em;
              border-radius: 2px;
              margin-right: 20px;
              margin-top: 10px;
              min-height: 85px;
              padding-left: 14px;
              padding-top: 10px;
              padding-right: 10px;
              resize: vertical !important;
              border: 1px solid #E6001E; }
              section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote textarea:focus {
                outline: none;
                border: 1px solid #E6001E; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote button {
              border: none;
              background: none;
              padding: 0; }
              section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmItemEditNote button.itemCancel {
                margin-left: 23px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmComment textarea.frmInput {
            margin-top: 21px;
            padding: 5px 10px 10px 14px;
            border-radius: 2px;
            border: solid 1px #e6001e;
            width: 100%;
            overflow: hidden;
            overflow-wrap: break-word;
            resize: vertical !important; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmComment textarea.frmInput:focus {
              outline: none; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmComment .optionBtn {
            margin-top: 5px;
            font-size: 15px;
            color: #666666;
            letter-spacing: 0.2px; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft form.frmComment .optionBtn .btnDecision {
              margin-right: 23px; }
        section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight {
          float: right;
          margin-right: 30px;
          margin-top: 15px;
          margin-bottom: 18px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.itemClose {
            display: flex;
            align-items: flex-start;
            float: right; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a:hover {
            opacity: 1; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink {
            width: 120px;
            height: 90px;
            margin-top: 5px;
            margin-left: 20px;
            overflow: hidden;
            float: right;
            display: block; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink img {
              width: 120px;
              height: 90px;
              transition: transform .4s; }
              section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemRight a.imgLink img:hover {
                transform: scale(1.2); }
      section.myPage .tabWrapper .tabContent ul.tabItem li.noitice {
        height: auto; }
        section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice {
          display: flex;
          padding-top: 15px;
          padding-bottom: 17px;
          margin-left: 30px;
          margin-right: 30px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemAvata img {
            width: 40px;
            height: 40px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemContent {
            margin-left: 20px;
            width: 508px; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemContent h5.title {
              margin-top: 5px;
              font-size: 17px;
              font-weight: bold;
              line-height: 1.41; }
              section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemContent h5.title span {
                font-weight: 500; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemContent p.desciption {
              font-weight: 500;
              color: #666666;
              margin-top: 5px; }
          section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemDate {
            margin-left: 22px;
            align-self: flex-end; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.noitice .itemNotice .itemDate p span {
              font-size: 10px;
              color: #E6001E;
              margin-left: 8px; }
  section.myPage .paginate {
    margin-top: 40px;
    text-align: center; }
    section.myPage .paginate .btnPaginate {
      width: 160px;
      height: 32px;
      border: 1px solid;
      border-color: #E6001E;
      color: #E6001E;
      font-size: 15px;
      font-weight: 500;
      background: transparent;
      border-radius: 4px;
      position: relative;
      display: flex;
      margin: 0 auto;
      justify-content: center;
      align-items: center;
      box-sizing: border-box; }
    section.myPage .paginate .btnPaginate:hover {
      border: 2px solid; }
    section.myPage .paginate .btnPaginate:hover img{
        right: 9px;
        top: 7px; }
      section.myPage .paginate .btnPaginate:focus {
        outline: transparent; }
      section.myPage .paginate .btnPaginate img {
        position: absolute;
        right: 10px;
        top: 8px; }

.articleBody .bpbox_centerSecond {
  width: 520px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .articleBody .bpbox_centerSecond p.imgCap {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0; }
  .articleBody .bpbox_centerSecond .overlayWhite {
    width: 100%;
    height: 120px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF);
    bottom: 120px;
    position: absolute; }
  .articleBody .bpbox_centerSecond .overlayReadMore {
    width: 100%;
    height: 120px;
    background: #FFFFFF;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; }
    .articleBody .bpbox_centerSecond .overlayReadMore a {
      position: relative; }
      .articleBody .bpbox_centerSecond .overlayReadMore a i.iconReplyDown {
        position: absolute;
        top: 14px;
        right: 13px;
        background-size: 100%;
        width: 10px; }
  .articleBody .bpbox_centerSecond .bpimage_caption {
    font-size: 14px;
    font-weight: 500;
    color: #666666; }

.articleBody .boxSocial ul.socialSecond,.articleBottom .boxSocial ul.socialSecond {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-bottom: 15px; }
  .articleBody .boxSocial ul.socialSecond li,.articleBottom .boxSocial ul.socialSecond li {
    width: 14%;
    text-align: center;
    font-size: 12px; }
    .articleBody .boxSocial ul.socialSecond li .btnLabel,.articleBottom .boxSocial ul.socialSecond li .btnLabel {
      height: 30px;
      text-align: center;
      position: relative;
      background-repeat: no-repeat;
      background-position: center bottom;
      margin-bottom: 8px; }
    .articleBody .boxSocial ul.socialSecond li a.facebookLink .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.facebookLink .btnLabel {
      background-image: url("/images/onb/2019/fbIcon.png"); }
    .articleBody .boxSocial ul.socialSecond li a.twitterLink .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.twitterLink .btnLabel {
      background-image: url("/images/onb/2019/twwtIcon.png"); }
    .articleBody .boxSocial ul.socialSecond li a.giftLink.isClose .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.giftLink.isClose .btnLabel {
      background-image: url("/images/onb/2019/giftIconBlack.png"); }
    .articleBody .boxSocial ul.socialSecond li a.giftLink.isClose .titleLabelGt,.articleBottom .boxSocial ul.socialSecond li a.giftLink.isClose .titleLabelGt {
      color: #242424; }
    .articleBody .boxSocial ul.socialSecond li a.giftLink.isOpen .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.giftLink.isOpen .btnLabel {
      background-image: url("/images/onb/2019/giftIcon.png"); }
    .articleBody .boxSocial ul.socialSecond li a.giftLink.isOpen .titleLabelGt,.articleBottom .boxSocial ul.socialSecond li a.giftLink.isOpen .titleLabelGt {
      color: #ff64a4; }
    .articleBody .boxSocial ul.socialSecond li a.urlLink .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.urlLink .btnLabel {
      background-image: url("/images/onb/2019/URLcopyIcon.png"); }
    .articleBody .boxSocial ul.socialSecond li a.fileLink.isOpen .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.fileLink.isOpen .btnLabel {
      background-image: url("/images/onb/2019/fileIcon.png"); }
    .articleBody .boxSocial ul.socialSecond li a.fileLink.isOpen .titleLabelFe,.articleBottom .boxSocial ul.socialSecond li a.fileLink.isOpen .titleLabelFe {
      color: #E6001E; }
    .articleBody .boxSocial ul.socialSecond li a.fileLink.isClose .btnLabel,.articleBottom .boxSocial ul.socialSecond li a.fileLink.isClose .btnLabel {
      background-image: url("/images/onb/2019/fileIconBlack.png"); }
    .articleBody .boxSocial ul.socialSecond li a.fileLink.isClose .titleLabelFe,.articleBottom .boxSocial ul.socialSecond li a.fileLink.isClose .titleLabelFe {
      color: #242424; }
    .articleBody .boxSocial ul.socialSecond li .titleLabelFb,.articleBottom .boxSocial ul.socialSecond li .titleLabelFb {
      color: #4065b4; }
    .articleBody .boxSocial ul.socialSecond li .titleLabelTw,.articleBottom .boxSocial ul.socialSecond li .titleLabelTw {
      color: #059ff5; }
    .articleBody .boxSocial ul.socialSecond li .titleLabelU,.articleBottom .boxSocial ul.socialSecond li .titleLabelU {
      color: #242424; }
    .articleBody .boxSocial ul.socialSecond li:first-child,.articleBottom .boxSocial ul.socialSecond li:first-child {
      width: 11%; }
    .articleBody .boxSocial ul.socialSecond li:hover,.articleBottom .boxSocial ul.socialSecond li:hover {
      opacity: 0.7; }

/* グローバルダイジェスト（親記事） */
.leafGlobalDigestHeader span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #242424;
  margin-bottom: 14px; }
.leafGlobalDigestHeader .leafGlobalDigest {
  display: flex; }
  .leafGlobalDigestHeader .leafGlobalDigest .globalDigestAvatar {
    padding-right: 12px; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestAvatar .globalDigestCicrle img {
      border-radius: 50%; }
  .leafGlobalDigestHeader .leafGlobalDigest .globalDigestInfo {
    flex-grow: 1; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestInfo h5 {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.42;
      letter-spacing: 0.2px;
      color: #242424;
      margin: 0; }
  .leafGlobalDigestHeader .leafGlobalDigest .globalDigestFollow a {
    position: relative;
    border-radius: 4px;
    border: 1px solid #E6001E;
    color: #E6001E;
    padding: 5px 12px 5px 32px; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestFollow a img {
      position: absolute;
      left: 12px;
      top: 7px; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestFollow a:before {
      content: '';
      background: url(/images/onb/2019/plusIconGlobal.svg) no-repeat;
      background-size: cover;
      position: absolute;
      width: 13px;
      height: 13px;
      left: 12px;
      top: 7px;
      z-index: 1; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestFollow a:hover {
      box-shadow: inset 0 0 0 1px #e6001e; }
  .leafGlobalDigestHeader .leafGlobalDigest .globalDigestUnFollow a {
    position: relative;
    border-radius: 4px;
    border: 1px solid #E6001E;
    color: #FFFFFF;
    background-color: #E6001E;
    padding: 5px 12px 5px 32px; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestUnFollow a img {
      position: absolute;
      left: 12px;
      top: 7px; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestUnFollow a:before {
      content: '';
      background: url(/images/onb/2019/checkIconGlobal.svg) no-repeat;
      background-size: cover;
      position: absolute;
      width: 13px;
      height: 13px;
      left: 12px;
      top: 7px;
      z-index: 1; }
    .leafGlobalDigestHeader .leafGlobalDigest .globalDigestUnFollow a:hover {
      opacity: 0.7; }
.leafGlobalDigestList {
  position: relative;
  margin: 60px 0; }
  .leafGlobalDigestList:before {
    content: " ";
    background-color: #242424;
    position: absolute;
    top: -20px;
    left: 0;
    width: 12px;
    height: 4px; }
  .leafGlobalDigestList:after {
    content: " ";
    background-color: #E6001E;
    position: absolute;
    top: -20px;
    left: 12px;
    width: 80px;
    height: 4px; }
  .leafGlobalDigestList ul li {
    padding: 28px 0;
    border-bottom: 1px solid #EEEEEE; }
    .leafGlobalDigestList ul li h3 {
      font-size: 18px;
      font-weight: bold;
      line-height: 1.44;
      letter-spacing: 0.2px;
      color: #000000;
      margin: 0 0 10px; }
    .leafGlobalDigestList ul li p {
      font-size: 18px;
      line-height: 1.44;
      letter-spacing: 0.2px;
      color: #000000;
      margin: 0; }
      .leafGlobalDigestList ul li p span {
        font-size: 15px;
        font-weight: 500;
        color: #e60825;
        margin-left: 30px; }
    .leafGlobalDigestList ul li span {
      font-size: 12px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.2px;
      color: #666666; }
.btnReadMoreContent .btnReadMore {
  display: block;
  width: 240px;
  margin: auto 0;
  line-height: 40px;
  height: 40px;
  border-radius: 2px;
  border: solid 1px #E6001E;
  color: #E6001E;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin: 0 auto;
  position: relative; }
  .btnReadMoreContent .btnReadMore .btnReadMoreIcon {
    position: absolute;
    right: 13px;
    top: 12px; }
.btnReadMoreContent ul {
  display: flex;
  justify-content: center; }
  .btnReadMoreContent ul li {
    color: #E6001E;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    width: 38px;
    height: 38px;
    margin-left: 7px;
    background: #fafafa; }
    .btnReadMoreContent ul li:not(:last-child):hover {
      background: #E6001E;
      color: #FFFFFF; }
    .btnReadMoreContent ul li:last-child:hover {
      background: #E6001E;
      background-image: url("/images/onb/2019/nextReadMoreWhite.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 14px 12px; }
  .btnReadMoreContent ul li:nth-child(1) {
    background: #E6001E;
    color: #FFFFFF; }
  .btnReadMoreContent ul li:last-child {
    background-image: url("/images/onb/2019/arrowAuthorPopup.png");
    background-position: center;
    background-repeat: no-repeat; }
.leafGlobalDigestOtherList ul li {
  border-bottom: 1px solid #EEEEEE; }
  .leafGlobalDigestOtherList ul li a {
    display: flex;
    padding-top: 17px;
    padding-bottom: 12px; }
    .leafGlobalDigestOtherList ul li a .avatarCicrle {
     margin-right: 10px; }
    .leafGlobalDigestOtherList ul li a img {
      width: 32px;
      height: 32px; }
    .leafGlobalDigestOtherList ul li a .globalDigestOtherListContent p {
      margin: 0; }
      .leafGlobalDigestOtherList ul li a .globalDigestOtherListContent h3 {
        font-size:17px;
        margin-bottom: 10px; }
      .leafGlobalDigestOtherList ul li a .globalDigestOtherListContent p.itemTitle {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: 0.2px;
        color: #242424;
        padding-top: 5px;
        padding-bottom: 15px; }
        .leafGlobalDigestOtherList ul li a .globalDigestOtherListContent p.itemTitle .subItemTitle {
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.3px;
          color: #666666;
          margin-left: 6px; }
      .leafGlobalDigestOtherList ul li a .globalDigestOtherListContent p.itemDescription {
        font-size: 17px;
        font-weight: 500;
        line-height: 1.76;
        letter-spacing: 0.2px;
        color: #242424; }
    .leafGlobalDigestOtherList ul li a:hover p.itemTitle {
      color: #E6001E; }
.globalDigestOtherListContent {
  width: 720px;
}

/*********************
 * ウエルカムバナー（201912未使用）
 **********************/
#dag_welcome_content {
    display: none;
    width: 100%;
    height: 120%;
    z-index: 100000000;
    position: fixed;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0;
    left: 50%;
    background-color:#fff;
}
#dag_welcome_content.ad-pc header{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    height: 30px;
}
#dag_welcome_content.ad-pc .siteLogo img{
    position: absolute;
    bottom: 0;
    left: 86px;
    width: 149.8px;
    height: 27.8px;
}
#dag_welcome_content.ad-pc .skip a{
    position: absolute;
    bottom: 0;
    right: 80px;
    font-size: 15px;
    font-weight: 500;
    text-align: right;
    color: #e6001e;
    text-decoration: none;
}
#dag_welcome_content.ad-pc .skip a:hover{
    text-decoration: underline;
}
#dag_welcome_content.ad-pc .quotespace {
    clear: both;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #242424;
}
#dag_welcome_content.ad-pc .quot_title {
    margin: 0px;
    padding: 0px;
}
#dag_welcome_content.ad-pc .quot_main {
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    font-style: normal;
    font-stretch: normal;
    font-weight: bold;
    line-height: 1.38;
    letter-spacing: 0.3px;
    color: #242424;
}
#dag_welcome_content.ad-pc blockquote p.quot_main:before {
    content: url("/images/onb/2019/double_quotation_left.png");
    position: relative;
    top: -9px;
    margin-right: 20px;
}
#dag_welcome_content.ad-pc blockquote p.quot_main:after {
    content: url("/images/onb/2019/double_quotation_right.png");
    position: relative;
    bottom: -4px;
    margin-left: 20px;
}
#dag_welcome_content.ad-pc blockquote div{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.2px;
    color: #242424;
}
#dag_welcome_content.ad-pc blockquote div span{
    font-weight: bold;
    margin-right: 20px;
}
#dag_welcome_content.ad-pc blockquote div p{
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
#dag_welcome_content.ad-pc #div-gpt-ad-welcome {
    margin-top: 53px;
    padding-top: 40px;
    padding-bottom: 66px;
    background-color: #f6f6f6;
    text-align:center;
}
#dag_welcome_content.ad-pc #div-gpt-ad-welcome img{
    width: 640px;
    height: 480px;
    text-align:center;
}

/*********************
 * RhizomeModal
 **********************/
.popupRhizomeSignUp {
  padding-top: 30px;
  padding-bottom: 0px;
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 2px;
  background: #FFFFFF;
  text-align: center; }
.popupRhizomeSignUp .registerForUse {
  width: 100%;
  margin: 0 auto; }
.popupRhizomeSignUp .registerForUse .noticeText {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #242424;
    margin-bottom: 25px; }
  .popupRhizomeSignUp .registerForUse ul.listFunctionForUser {
    width: 344px;
    margin: 0 auto;}
    .popupRhizomeSignUp .registerForUse ul.listFunctionForUser li {
      font-size: 17px !important;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #242424;
      margin-bottom: 15px;
      display: flex !important;
      align-items: center; }
      .popupRhizomeSignUp .registerForUse ul.listFunctionForUser li .functionImg {
        width: 50px;
        display: flex;
        justify-content: start; }
      .popupRhizomeSignUp .registerForUse ul.listFunctionForUser li p {
        line-height: 1;
        display: flex;
        align-items: center; }
.popupRhizomeSignUp .boxActionRegister {
  background-color: #FFFFFF;
  padding-top: 0px;
  margin-bottom: 0px; }

/******************************************
 * リゾームペーウォール_Rhizomeからの通知
 *******************************************/
section.myPage .articleRegisterForUse {
  margin-top: -170px; }
section.myPage .registerForUse {
  width: 100%;
  margin: 0 auto; }
section.myPage .registerForUse .lblNotificationRed {
  width: 450px;
  height: 70px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  top: 0px; }
section.myPage .registerForUse .noticeText {
  width: 515px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.76;
  letter-spacing: 0.2px;
  text-align: center;}
section.myPage .registerForUse ul.listBoxFunctionForUser {
  width: 650px;
  margin: 40px auto;}
section.myPage .registerForUse ul.listBoxFunctionForUser li {
  display: inline-block;
  width: 200px;
  margin-right:6px;
  padding-left:10px;
  border-left:1px solid #EEEEEE;
  text-align: center;}
section.myPage .registerForUse ul.listBoxFunctionForUser li.listFirst {
  border-left:0;
  padding-left:0;}
section.myPage .registerForUse ul.listBoxFunctionForUser .functionImg img{
  height: 40px;
  margin-bottom: 10px;}
section.myPage .registerForUse ul.listBoxFunctionForUser p {
  height: 60px;
  width: 170px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.76;
  margin: 0 auto;}
section.myPage .boxActionRegister {
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;}
section.myPage .boxActionRegister .noticeText{
  font-size: 17px;}


/*----------------------- オンラインゼミナール 201912 ------------------------*/
/* 総合トップ オンラインゼミナール枠 */
.tp-OnlineSeminar {
  position: relative;
  margin-top: 20px;
  clear: both;
  float: left;
  width: 100%; }
  .tp-OnlineSeminar .listKeywords li {
    margin-top: 15px;
    margin-bottom: 30px; }
  /* テキストタイプ（総合トップ） */
  .seminarTextList {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
  .seminarTextList li {
    width: 370px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    position: relative;
    flex-flow: column; }
  .seminarTextList li:nth-child(even) {
    margin-left: 19px; }
  .seminarTextList li a {
    display: block;
    overflow: hidden;
    padding-bottom: 17px; }
    .seminarTextList li a .image {
      width: 120px;
      height: 90px;
      float: right;
      position: relative;
      overflow: hidden; }
    .seminarTextList li a .image img {
      transition: transform .4s;
      width: 100%;
      height: auto; }
    .seminarTextList li a .image span {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 12px;
      background: #000;
      color: #fff;
      padding: 1px 5px;
      line-height: 1em;
      z-index: 1; }
    .seminarTextList li a .data {
      margin-top: auto; }
    .seminarTextList li a h3 {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.3; }
    .seminarTextList li a:hover h3 {
      color: #E6001E !important; }
    .seminarTextList li a p.date {
      font-size: 13px;
      font-weight: 500;
      position: absolute;
      bottom: 10px;
      color: #666666; }
    .seminarTextList li a h3 i.iconMovie,
    .seminarTextList li a h3 i.iconLockClose {
      margin-left: 10px;
      background-position-y: bottom; }

/* 講座告知 */
.onlineBnArea { margin: 30px 0;}
/* オンラインゼミナールトップ */
.seminarTitleArea {
  position: relative; }
  .seminarTitleArea .themeNavi {
    position: absolute;
    right: 0;
    top: 25px;
    display: flex; }
  .seminarTitleArea .themeNavi p {
    font-size: 17px;
    padding-left: 20px;
    background: url(/images/onb/2019/icon_quotation.svg) no-repeat left center; }
  .seminarTitleArea .themeNavi a.menu {
    font-weight: 500;
    line-height: 1.65;
    color: #e6001e;
    padding: 0 35px 0 5px;
    border-radius: 5px;
    position: relative; }
  .seminarTitleArea .themeNavi a.menu::after {
    content: "";
    background: url(/images/onb/2019/btnReadMore.svg) no-repeat right 10px center;
    background-size: 14px auto;
    transition: .1s linear;
    width: 30px;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 5px; }
  .seminarTitleArea .themeNavi a.menu.open::after {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    top: 7px; }
  .seminarTitleArea .themeNavi ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 35px;
    z-index: 1;
    border-radius: 1px;
    background-color: #fff;
    right: 5px;
    padding: 10px 15px 5px;
    box-shadow: 1px 1px 3px #33333375; }
  .seminarTitleArea .themeNavi li {
    margin-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.5;
    padding-bottom: 6px; }
  .seminarTitleArea .themeNavi li:last-child {
    margin-bottom: 0;
    padding-bottom: 5px;
    border:none; }
  .seminarTitleArea .themeNavi li a {
    color: #333333;
    font-weight: 500;
    font-size: 16px; }
  .seminarTitleArea .themeNavi li a:hover {
    color: #e6001e; }

/* オンラインゼミナール パネルリスト （総合トップ／ゼミナールトップ） */
.seminarPanelList {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap; }
  .seminarPanelList li {
    width: 240px;
    margin: 0 20px 20px 0;
    position: relative; }
  .seminarPanelList li:nth-child(3n) {
    margin-right: 0; }
  .seminarPanelList li a {
    height: 100%;
    flex-direction: column;
    display: flex; }
    .seminarPanelList li a img {
      transition: transform .4s;
      width: 100%;
      height: auto; }
    .seminarPanelList li .image {
      height: 180px;
      overflow: hidden;
      position: relative; }
    .seminarPanelList li:hover .image img,
    .seminarTextList li:hover .image img {
      transform: scale(1.1); }
    .seminarPanelList li a i.iconOvalMovie {
      background-size: 100%;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      left: 12px;
      z-index: 1; }
    .seminarPanelList li a span.time {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 40px;
      line-height: 15px;
      text-align: center;
      background: #242424;
      color: #FFFFFF;
      font-size: 12px;
      font-weight: 500;
      z-index: 1; }
    .seminarPanelList li a h3 {
      line-height: 1.3;
      font-size: 18px;
      font-weight: bold;
      margin: 15px 0; }
    .seminarPanelList li a:hover h3 {
      color: #E6001E !important; }
    .seminarPanelList li a p.date {
      font-size: 12px;
      font-weight: 500;
      margin-top: 5px;
      color: #666666; }
    .seminarPanelList li a p.date span,
    .seminarTextList li a p.date span {
      padding-right: 10px; }
    .seminarPanelList li a .authorBox {
      margin-top: auto;
      display: flex; }
      .seminarPanelList li a .authorBox .avatarCicrle {
        margin-right: 8px;
        flex-shrink: 0;
        width: 32px;
        height: 32px; }
      .seminarPanelList li a .authorBox .avatarCicrle img {
        width: 32px;
        height: 32px;
        border-radius: 50%; }
      .seminarPanelList li a .authorBox .author .name {
        font-size: 15px;
        font-weight: bold; }
      .seminarPanelList li a .authorBox .author .job {
        font-size: 12px;
        font-weight: 500;
        color: #666666; }
      .seminarPanelList li a .authorBox .author span {
        font-size: 12px;
        font-weight: 500;
        margin-top: 5px;
        color: #666666;
        margin-right: 10px; }
    .seminarPanelList li a h3 i.iconMovie,
    .seminarPanelList li a h3 i.iconLockClose {
      margin-left: 10px;
      background-position-y: bottom; }
    /* 2カラム用サイズ設定（ゼミナールトップ） */
    .seminarPanelList.-large li { width: 240px; }
    .seminarPanelList.-large li { width: 368px; margin: 0 20px 30px 0;}
    .seminarPanelList.-large li .image { height: 276px; }
    .seminarPanelList.-large li a h3 { font-size: 20px;}
    .seminarPanelList.-large li:nth-child(2n) { margin-right: 0;}
    .seminarPanelList.-large li a p.date { font-size: 13px; }


/* セミナーテーマ検索結果リスト */
.seminarThemeTitle { padding-bottom: 10px; }
  .seminarThemeTitle p {
    font-size: 14px;
    font-weight: bold; }
  .seminarThemeTitle h2 {
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    background: url(/images/onb/2019/icon_quotation.svg) no-repeat left 9px;
    background-size: 16px auto;
    color: #e6001e; }
.seminarThemeList {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap; }
  .seminarThemeList li {
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 0px;
    overflow: hidden;
    position: relative; }
  .seminarThemeList li:last-child { border-bottom: none; }
  .seminarThemeList li a {
    height: 100%;
    overflow: hidden; }
  .seminarThemeList li .image {
    width: 212px;
    height: 159px;
    overflow: hidden;
    float: right;
    position: relative; }
  .seminarThemeList li:hover .image img {
    transform: scale(1.1); }
    .seminarThemeList li a img {
      transition: transform .4s;
      width: 212px;
      height: auto; }
  .seminarThemeList li .listContents {
    width: 520px;
    float: left; }
  .seminarThemeList li .listContents .description {
    color: #666666;
    margin-bottom: 10px;
  }
  .seminarThemeList li a i.iconOvalMovie {
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 12px;
    z-index: 1; }
  .seminarThemeList li a span.time {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    line-height: 15px;
    text-align: center;
    background: #242424;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 500;
    z-index: 1; }
  .seminarThemeList li a h3 {
    line-height: 1.3;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px; }
  .seminarThemeList li a:hover h3 {
    color: #E6001E !important; }
  .seminarThemeList li a p.date {
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
    color: #666666; }
  .seminarThemeList li a p.date span {
    padding-right: 10px; }
  .seminarThemeList li a .authorBox {
    margin-top: auto;
    display: flex; }
    .seminarThemeList li a .authorBox .avatarCicrle {
      margin-right: 8px;
      width: 32px;
      height: 32px; }
    .seminarThemeList li a .authorBox .avatarCicrle img {
      width: 32px;
      height: 32px;
      border-radius: 50%; }
    .seminarThemeList li a .authorBox .author .name {
      font-size: 15px;
      font-weight: bold; }
    .seminarThemeList li a .authorBox .author .job {
      font-size: 12px;
      font-weight: 500;
      color: #666666; }
    .seminarThemeList li a .authorBox .author span {
      font-size: 12px;
      font-weight: 500;
      margin-top: 5px;
      color: #666666;
      margin-right: 10px; }
    .seminarThemeList li a h3 i.iconMovie,
    .seminarThemeList li a h3 i.iconLockClose {
      margin-left: 10px;
      background-position-y: bottom; }

/* ゼミナール親記事 */
.leafPostHeader .leafPostHeaderInfo p.date {
  font-size: 12px;
  font-weight: 500;
  color: #666666; }
.leafPostHeader .leafPostHeaderInfo p.date span {  padding-right: 10px; }
.leafPostDescription .themeNavi { margin-top: 10px;}
.leafPostDescription .themeNavi a.menu:hover { text-decoration: underline; }
.latestChildLink .btnRedGradientPc { margin: 20px auto; }
.latestChildLink .btnRedGradientPc:hover {
  box-sizing: border-box;
  background: #ffffff;
  box-shadow: inset 0 0 0 2px #e6001e;
  color: #E6001E; }
.creationListImg.commingSoon {
  background-color: #f6f6f6;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  text-align: center;
  color: #666666;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

/* ゼミナール子記事 */
.leafHeader.seminar .imageTitle { height: auto;}
.leafHeader.seminar .imageTitle .categoryLabelSecond {  font-size: 14px;}
.leafHeader.seminar .columnAllNumber {
  width: auto;
  line-height: 36px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.85) url(/images/onb/2019/right_r.svg) no-repeat right 10px center;
  font-size: 17px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0 30px 0 15px;
  background-size: 15px auto;
  color: #e6001e;
  font-weight: 500;
}
.leafHeader.seminar .kanban {  width: 760px;  height: 182px;}
.leafHeader.seminar .seminarHead {  position: relative;  margin-top: 15px;}
.leafHeader.seminar .columnNumber {  font-weight: bold; min-height: 20px;}
/* 次記事サマリ */
.articleBody .seminarLead {
  margin: 15px 0 40px;
  border: solid 1px #E6001E;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #242424;
  position: relative;
}
.articleBody .seminarLead::after {
  position: absolute;
  content: '';
  height: 12px;
  width: 12px;
  background-color: #E6001E;
  left: 0px;
  top: 0;
}
.articleBody .seminarLead p {
  margin-bottom: 20px;
  font-size: 15px;
}
.articleBody .seminarLead dt {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  margin: 0 0 5px;
}
.articleBody .seminarLead dd {  margin: 0;}
.articleBody .seminarLead dd a {
  display: block;
  width: auto;
  border-radius: 2px;
  border: solid 1px #eeeeee;
  padding: 15px 20px;
}
.articleBody .seminarLead dd span {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.articleBody .seminarLead dd a:hover {  color: #e6001e;}
/* 前後ナビ */
.neighborsNav {
  margin: 40px 0;
  padding: 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.neighborsNav ul {
  display: flex;
  justify-content: space-between;
}
.neighborsNav li {
  width: 50%;
  font-size: 12px;
  padding: 10px 0;
}
.neighborsNav li + li {  border-left: solid 1px #eee;}
.neighborsNav p {  color: #666;}
.neighborsNav h4 {
  margin: 0;
  font-weight: bold;
}
.neighborsNav li a {
  display: block;
  position: relative;
  height: 100%;
}
.neighborsNav li a:hover {  color: #e6001e;}
.neighborsNav li a::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
  transition: .3s linear;
}
.neighborsNav li.prev {
  padding-right: 14px;
  margin-left: 20px;
}
.neighborsNav li.prev a {  padding-left: 26px;}
.neighborsNav li.prev a::after {
  left: 0;
  border-bottom: 1px solid #e6001e;
  border-left: 1px solid #e6001e;
}
.neighborsNav li.next {
  margin-left: auto;
  padding-left: 14px;
  margin-right: 20px;
}
.neighborsNav li.next a {  padding-right: 26px;}
.neighborsNav li.next a::after {
  right: 0;
  border-top: 1px solid #e6001e;
  border-right: 1px solid #e6001e;
}
/* セミナーバックナンバー */
.articleFeatureBox.seminar .featureBox {  margin: 0 auto 5px;  width: 760px;}
.articleFeatureBox.seminar .featureBox .featureBoxContent {  width: 620px;  padding: 30px 70px 30px;}
.articleFeatureBox.seminar .featureBox .featureBoxContent .featureBoxTitle h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 5px;
}
.articleFeatureBox.seminar .featureBox .featureBoxContent .featureBoxTitle {  color: #fff;}
.articleFeatureBox.seminar .featureBox .featureBoxContent .followBox {
  float: right;
  clear: both;
  margin: -23px 0 0 !important;
}
.articleFeatureBox.seminar .featureList {  margin: 10px 0 0;}
.articleFeatureBox.seminar .featureList li {
  border-bottom: dashed 1px #dddddd;
  padding: 20px 0 10px;
  color: #ffffff;
}
.articleFeatureBox.seminar .featureList li.extra { display: none;}
.articleFeatureBox.seminar .featureList li a {  display: flex;}
.articleFeatureBox.seminar .featureList li p {
  flex-basis: 60px;
  padding-top: 2px;
  flex-shrink: 1;
}
.articleFeatureBox.seminar .featureList li a h3 { font-size: 17px;  flex-shrink: 10;}
.articleFeatureBox.seminar .featureList li a:hover h3 {  color: #e6001e;}
.articleFeatureBox.seminar .featureBoxMore {
  display: flex;
  width: 240px;
  border-radius: 4px;
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin: 30px auto 0;
  position: relative;
  height: 34px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
.articleFeatureBox.seminar .featureBoxMore:hover {  border: solid 2px #fff;}
.articleFeatureBox.seminar .featureBoxMore::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 36px;
  width: 6px;
  height: 6px;
  margin: auto 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: '';
  bottom: 0;
}
.articleFeatureBox.seminar .featureBoxMore:hover::after { right: 35px; }
/* // オンラインゼミナール 1912 */

/*------------------------------- common -------------------------------*/

.specialNumDate span { padding-right: 1em; color: #666; font-size: 14px;}

/* 紙面で読む　クリップ　のサイズ変更 */
.leafHeader .mainHeader .boxSocial ul.social.smallIcon { margin-top: 20px;}
.leafHeader .mainHeader .boxSocial ul.social.smallIcon li .btnLabel { height: 22px; position: relative;}
.leafHeader .mainHeader .boxSocial ul.social.smallIcon li a.fileLink.isClose .btnLabel { background-size: 40%;}

/* 関連タグ */
.tagField { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 25px 0 30px 0; margin-bottom: 80px;}
.tagField.noLine { border: none; padding: 25px 0 30px 0; margin-bottom: 0;}
.tagField .tagFieldTitle { font-size: 18px; letter-spacing: .2px; color: #000; font-weight: bold; margin: 20px 0;}
.tagField .leftTag ul { padding: 0; display: flex; justify-content: left; flex-wrap: wrap;}
.tagField .leftTag ul a { display: block; text-align: center; border-radius: 4px; border: 1px solid  #EEEEEE; margin: 0 10px 10px 0; font-size: 14px; padding: 0 3px; font-weight: 500; color: #E6001E;line-height: 30px; min-width: 105px;}
.tagField .leftTag ul a:hover { text-decoration: underline;}

/* 折り返し禁止解除 */
.creationList .creationListItem .creationListContent .creationListDescription.wrap { white-space: normal;}

/* 検索画面日付 */
.creationList .creationListItem .creationListContent .date {font-size: 12px; color: #666666;}

/* LIVE告知 画像タイトル */
.onlineBn760_82 { width: 760px; height: 82px; position: relative; overflow: hidden;}
.onlineBn760_82 img { position: absolute; top: 50%; left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); filter: blur(3px);}
.onlineBn760_82 span.eyecatch { background: #145584; color: #fff; padding: 1px 5px; position: absolute; top: 0; left: 0; font-size: 12px; font-weight: bold; z-index: 1;}
.onlineBn760_82 .onlineBnTitle { position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0 10px 10px 10px; font-size: 15px;}
.onlineBn760_82 .onlineBnTitle span { display: block; background: none; text-align: center; padding:0; font-size: 12px; color: #fff; font-weight: normal;}
.onlineBn760_82 .onlineBnTitle div { font-size: 32px; color: #fff; letter-spacing: .3px; font-weight: bold; line-height: 30px; margin-top: 10px;}
.onlineBn760_82 .onlineBnTitle { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 15px; font-weight: bold; text-align: center;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); z-index: 2;}

/* 本誌目次記事 画像タイトル */
.imgTitleArea { width: 760px; height: 160px; position: relative; overflow: hidden;}
.imgTitleArea img { position: absolute; top: 50%; left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);filter: blur(3px);}
.imgTitleArea .titleSet { position: absolute; bottom: 0; left: 0; z-index: 1; padding: 0 10px 10px 10px;}
.imgTitleArea .titleSet span { background: #fff; text-align: center; padding: 2px 8px; font-weight: 12px; color: #242424;}
.imgTitleArea .titleSet div { font-size: 32px; color: #fff; letter-spacing: .3px; font-weight: bold; line-height: 30px; margin-top: 10px;}

/* グレー赤の見出しラインを消す */
.creationList.nonLine { margin: 0 0 20px 0;}
.creationList.nonLine:before, .creationList.nonLine:after { content: " ";  background-color: #fff; position: static;}

/* 赤ポイント見出し */
.relatedForumHeader { position: relative; font-weight: bold; color: #666666; background-color: #f6f6f6; padding: 4px 14px; margin-bottom: 10px; }
.relatedForumHeader:after { position: absolute; left: 0; top: 0; content: ''; height: 6px; width: 6px; background-color: #E6001E;}
.relatedForumHeader .titleText { margin: 0;font-size: 14px;}

.icon.iconRaiseGray { background: url("/images/onb/2019/comment_raise.png") no-repeat; width: 20px; height: 20px; }

.icon.iconRankingComment { background: url("/images/onb/2019/iconComment.png") no-repeat; width: 20px; height: 20px; vertical-align: middle;}

.creationList .creationListItem .creationListTag span { margin-right: 15px;}

/* ボーダーを追加*/
.borderTop { border-top: 1px solid #eee !important;}
.borderBottom { border-bottom: 1px solid #eee !important;}

/* ボーダーを削除*/
.borderNonT { border-top: none !important;}
.borderNonB { border-bottom: none !important;}
.borderNon { border: none !important;}

/* 文字ナビゲーション */
nav.syllabaryNav ul { display: block; text-align: center; margin: 40px 0;}
nav.syllabaryNav ul li { display: inline; background: #fafafa; color: #e6001e; font-weight: bold; margin-right: 5px; padding: 8px 0;}
nav.syllabaryNav ul li a { padding: 8px 10px;}
nav.syllabaryNav ul li a:hover { background: #e6001e; color: #fff;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;}
nav.syllabaryNav ul li.active { background: #e6001e; color: #fff;}

/* タイトル */
h2.normal { font-size: 24px; font-weight: bold; color: #242424; margin-bottom: 5px;}
h2.large { font-size: 32px; font-weight: bold; color: #242424; margin-bottom: 30px;}
h2.normal span,h2.large span { display: block; font-weight: normal; font-size: 14px; color: #7a7a7a;}
.redBorder { font-size: 20px; font-weight: bold; position: relative; padding: 20px 0;}
.redBorder:before { content: " "; background-color: #e6001e; position: absolute; top: 0; left: 0; width: 40px; height: 4px;}

/* 新着ボタン */
.btnNewComponent { padding: 40px 0px; border-bottom: solid 1px #eee;}
.btnNewComponent a { display: flex; width: 240px; height: 34px; border-radius: 4px; border: solid 1px #e6001e; color: #e6001e; justify-content: center; font-size: 15px; font-weight: 500; margin: 0 auto; position: relative; box-sizing: border-box; align-items: center;}
.btnNewComponent a:hover { border: solid 2px #e6001e;}

/* slick */
.slick-list.draggable { overflow: hidden; position: relative;}
.slick_container { width: 760px; margin: 0 auto; position: relative; padding-bottom: 30px; overflow: hidden;}
.slick-next {top:215px;right:0;}
.slick-prev {top:215px;left:0;}
button.slick-prev{z-index: 10;}
.slick-dots li.slick-active button:before, .slick-dots li button:before {color: #e60825;}
.slick-dots li.slick-active button:before {opacity:1;}
.slick-dots li button:before{opacity:1;color:#fff;}
.slick-dots li button:before{ font-size:8px;text-shadow: #dddddd 1px 1px 1px, #dddddd -1px 1px 1px,#dddddd 1px -1px 1px, #dddddd -1px -1px 1px;}
.slick-prev, .slick-next {width:36px;height:440px}
.slick-prev:before, .slick-next:before {content:"";}
.slick-list { padding: 20px 0}
.slick-dots { position: absolute; bottom: -20px;}
.draggable { height: 440px;}


.slick-prev {top:215px;left:0;}
button.slick-prev{z-index: 10;}
/* 2カラム　1.2ボックス　ライン消す　&　ラインTOP　*/
ul.recommendArticle li .recommendArticleItem.lineCycle { border-bottom: none !important; border-top: 1px solid #eee; padding-top: 13px; padding-bottom: 0;}
ul.recommendArticle li:nth-child(1) .recommendArticleItem.lineCycle,
ul.recommendArticle li:nth-child(2) .recommendArticleItem.lineCycle
{ border-top: none; padding-top: 0;}

/* iconSearchRed*/
.icon.iconSearchRed {background: url("/images/onb/2019/iconSearchRed.svg") no-repeat; width: 20px; height: 20px;}

/* 画像に黒グラデーション */
.gradient { width: 100%; height: 100%;}
.gradient:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 70%);}

/* 画像に透過黒 */
.coverBlack { width: 100%; height: 100%;}
.coverBlack:after { width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}

/*------------------------------- 404 -------------------------------*/
.creationList .specialCreationListItem { border-bottom: 1px solid #EEEEEE;
  padding: 15px 0px; overflow: hidden;}
.creationList .specialCreationListItem .creationListImg { width: 212px; float: right; display: flex; overflow: hidden;}
.creationList .specialCreationListItem .creationListContent { float: left;
  width: 505px;}
.creationList .specialCreationListItem .creationListContent h3 { font-size: 17px; font-weight: bold; line-height: 30px; letter-spacing: 0.2px; color: #242424; margin: 4px 0;}
.creationList .specialCreationListItem:hover h3 { color: #E6001E !important;}
.creationList .specialCreationListItem .creationListImg img { width: 100%;
  transition: transform .4s;}
.creationList .specialCreationListItem:hover .creationListImg img { /*width: 100%; transform: scale(1.2);*/}
.creationListTitle .limit, .tobiraArticleList .limit { padding: 1px 8px 0 8px; color: #000 !important; margin-left: 10px; font-size: 12px !important; background: linear-gradient(to right, #ceb954, #e8dc9f 50%, #ceb954);}

.otherSpecial { position: relative; padding: 20px 0;}
.otherSpecial:before { content: " "; background-color: #E6001E; position: absolute; top: 0; left: 0; width: 40px; height: 4px;}
.otherSpecial.noLine:before { content: " "; background-color: #fff; position: static; width: 0; height: 0;}
.otherSpecial .column_2 > div { margin-bottom: 50px;}
.otherSpecialTitle { font-size: 20px; font-weight: bold; color: #242424; margin-bottom: 20px;}

.otherSpecial .date { color: #666;}
.otherSpecial .titleArea { box-sizing: border-box; width: 368px; height: 272px; position: relative; overflow: hidden; margin-bottom: 10px;}
.otherSpecial .titleArea img { position: absolute; top: 0; left: 0; width: 100%;}

.otherSpecial .titleArea .titleSet { box-sizing: border-box; position: absolute; bottom: 10px; left: 10px; z-index: 1; padding: 0 10px 0 0;}

.otherSpecial .titleArea .titleSet span { background: #fff; text-align: center; padding: 2px 8px; font-size: 12px; color: #242424;}
.otherSpecial .titleArea .titleSet div { box-sizing: border-box; font-size: 24px; color: #fff; letter-spacing: .2px; font-weight: bold; line-height: 30px; margin-top: 10px; margin-bottom: 2px;}


.otherSpecial a:hover .titleArea { width: 100%; background: #000;}
.otherSpecial a:hover .titleArea .titleSet div { border-bottom: 2px solid #e6001e;  color: #fff; margin-bottom: 0;}
.otherSpecial a:hover .titleArea img { opacity: .7;
  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;}

.textLinkArea { text-align: right;}
.textLinkArea a { color: #E6001E;}
.textLinkArea a:hover { text-decoration: underline;}



/*------------------------------- 405 -------------------------------*/
.mokujiTitle { position: relative; margin-bottom: 30px; }
.mokujiTitle h3 { font-size: 24px; font-weight: bold; color: #242424;}
.mokujiTitle .boxSocial { position: absolute; top: 15px; right: 0;}
.mokujiTitle .boxSocial a:hover { opacity: .7;
-webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;}
.mokujiTitle .boxSocial img { margin-bottom: -5px;}
.leafPostHeaderInfo.mokuji strong {  padding-bottom: 20px;}
.leafPostHeaderInfo.mokuji { font-size: 17px; line-height: 30px;}
.relatedForumHeader + .recommendArticle { margin-bottom: 50px;}

/*------------------------------- 407 -------------------------------*/
section.ranking .tabWrapper ul.tabHeaderRanking {display: flex; padding-left: 0; padding-bottom: 8px; margin-bottom: 20px;}
section.ranking .tabWrapper ul.tabHeaderRanking li { text-align: center;　color: #666666; font-weight: 500; border-bottom: 1px solid #E6001E; line-height: 30px; padding: 0 27px;
}
section.ranking .tabWrapper ul.tabHeaderRanking li a { display: inline-block; height: 100%; line-height: 28px;transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
 -moz-transition: all linear 0.2s; }
section.ranking .tabWrapper ul.tabHeaderRanking li.active a { box-sizing: border-box; font-weight: bold ;color: #242424; border-bottom: 3px solid #E6001E;}
section.ranking .tabWrapper ul.tabHeaderRanking li a:hover { box-sizing: border-box; font-weight: bold ;color: #242424; }

section.ranking .tabContent h2 { font-size: 24px; font-weight: bold; color: #242424; margin-bottom: 5px;}
section.ranking .tabContent .itemDate { margin-bottom: 20px;}
section.ranking .noitice { display: flex; border-bottom: 1px solid #eee;}
section.ranking .creationList .creationListItem .creationListContent .creationListTitle h3 { font-size: 16px !important;}
section.ranking .noitice .creationListContent { box-sizing: border-box; width: 560px; padding: 0 10px 0 10px;}
section.ranking .noitice .itemAvata { box-sizing: border-box; width: 60px; height: 60px; padding: 10px;}
section.ranking .noitice .itemAvata .rankNuber { width: 40px; height: 40px; position: relative; border: none; padding-top: 0;}
section.ranking .noitice .itemAvata.crown .rankNuber { width: 40px; height: 40px; position: relative; border: none; padding-top: 0;}
section.ranking .noitice .itemAvata.crown .rankNuber span { position: absolute; bottom: 0; left: 40%; color: #fff; font-size: 20px; z-index: 1; font-weight: bold;}
section.ranking .noitice .itemAvata .rankNuber { box-sizing: border-box; width: 36px; height: 36px; text-align: center; border: 1px solid #666; padding-top: 5px;}
section.ranking .noitice .itemAvata .rankNuber span { font-size: 16px; font-weight: bold; color: #666;}

/*------------------------------- 408 -------------------------------*/
.newsTitle { position: relative; margin-bottom: 30px;}
.newsTitle h2 { font-size: 24px; font-weight: bold; color: #242424;}
.newsTitle .boxSocial { position: absolute; top: 15px; right: 0;}
.newsTitle .boxSocial img { margin-bottom: -5px;}
.newsTitle .boxSocial a:hover { opacity: .7;
-webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;}
.creationListTitle .category { font-size: 10px !important; text-align: center; padding: 0 5px; margin-right: 1em;}
.creationListTitle .category.seminar  { color: #367a82 !important; border: 1px solid #367a82;}
.creationList .creationListItem .creationListContent .creationListTitle.seminar h3 span { font-size: 17px; font-weight: bold; line-height: 1.29;letter-spacing: 0.2px; color: #242424; margin: 4px 0; background: url(../../images/onb/2019/iconMovie_2020.png) 100% 0 no-repeat; padding-right: 25px;}
.creationList .creationListItem a:hover .creationListContent .creationListTitle.seminar h3 span { color: #e6001e;}
.creationListTitle .category.raiser { color: #e6001e !important; border: 1px solid #e6001e;}
.creationList .noArticle { text-align: center; vertical-align: middle; font-size: 15px; font-weight: bold; color: #666 !important; border: 1px solid #eee; padding: 53px 0 49px 0; margin: 20px 0 40px 0;}
.creationListTag { color: #666; padding-top: 5px;}
.creationListImg { position: relative;}
.creationListImg span { position: absolute; bottom: 0; right: 0; font-size: 12px;  background: #000; color: #fff; padding: 1px 5px; line-height: 1em; z-index: 1;}


.weekArea { border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 40px 0; margin-bottom: 80px; color: #666;}
.weekArea img { margin-bottom: -1px;}
.weekArea .preWeek { text-align: left;}
.weekArea .preWeek img { margin-right: .5em;}
.weekArea .nextWeek { text-align: right;}
.weekArea .nextWeek img { margin-left: .5em;}
.weekArea span { border: 1px solid #ddd; border-radius: 2px; padding: 5px 15px;}
.weekArea span a { color: #e6001e !important;}
.weekArea span a:hover { text-decoration: underline;}

/*------------------------------- 411 -------------------------------*/
.leafPostHeader .leafPostHeaderImg .seminar { background-color: #367a82; opacity: 0.9;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow div {box-sizing: border-box;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow .bt_follow a { position: relative; border-radius: 4px; border: 1px solid #E6001E; color: #E6001E;padding: 5px 12px 5px 32px;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow .bt_follow a img { position: absolute; left: 10px; top: 7px;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow .bt_follow a:hover { border: 2px solid #E6001E; padding: 4px 11px 4px 31px;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow .bt_follow a:hover img { position: absolute; left: 9px; top: 6px;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow
.bt_follow a.act,
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow
.bt_follow a:hover.act{ position: relative; border-radius: 4px; border: 1px solid #E6001E; background: #E6001E; color: #fff; padding: 5px 12px 5px 32px;}
.leafPostHeader .leafPostHeaderInfo .leafProfileHeader .leafProfile .profileFollow
.bt_follow a.act:hover img { position: absolute; left: 10px; top: 7px;}

/* 404 の classを流用 */
.creationList .specialCreationListItem .creationListTitle span { color: #666;}
.creationList .specialCreationListItem .creationListContent h3.moveIcon { font-size: 20px; font-weight: bold; line-height: 1.29; letter-spacing: 0.2px; color: #242424; margin: 4px 0;}
.creationList .specialCreationListItem:hover .creationListContent h3.noLink { color: #242424 !important;; }
.creationList .specialCreationListItem .creationListContent h3.moveIcon img { margin-bottom: -2px; margin-left: .3em;}
.creationList .specialCreationListItem .creationListIcon { margin-top: 15px;}
.creationList .specialCreationListItem .creationListIcon span { margin-right: 15px;}
.creationList .specialCreationListItem .creationListIcon span img { margin-right: 2px;}
.creationList .specialCreationListItem .creationListImg { width: 212px; height: 159px; position: relative;}
.creationList .specialCreationListItem .creationListImg img { position: absolute; top: 0; left: 0;}
.creationList .specialCreationListItem .creationListImg span { font-size: 10px; color: #fff; position: absolute; bottom: 0; right: 0; background: #000; padding: 2px 5px;}
.creationListIcon { color: #666;}
.creationList .specialCreationListItem .creationListSummary { color: #666;}
.creationList .specialCreationListItem .creationListImg.comingSoon { border: 1px solid #e6001e; text-align: center;}
.creationList .specialCreationListItem .creationListImg.comingSoon span { height: 50px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%); font-size: 15px; font-weight: bold; color: #e6001e; }
.leafProfileReference .leafProfileHeader .leafProfile .profilePostList a:hover { text-decoration: underline;}


/*------------------------------- search -------------------------------*/
.leafPostDescription section.searchBox { margin-bottom: 30px;}
.leafPostDescription section.searchBox form { margin-bottom: 15px;}
.leafPostDescription section.searchBox form input[type='text'] { width: 480px; height: 40px; padding: 0;border: 0; outline: none; color: #666666; border-bottom: solid 1px #E6001E;}
.leafPostDescription section.searchBox form .inputWithIcon { position: relative; }
.leafPostDescription section.searchBox form .inputWithIcon input[type='text'] { padding-left: 36px; font-weight: bold; color: #242424; font-size: 14px;}
.leafPostDescription section.searchBox form .inputWithIcon i { position: absolute; left: 10px; top: 11px; width: 18px; height: 18px; background-size: 100%;}
.searchTitle h2 { display: block; width: 100%; font-size: 24px; font-weight: bold; letter-spacing: .2px; color: #242424;}
.searchResultsNum { width: 100%; display: block; margin: 10px 0 20px 0; color: #666;}
.NoSearchResultsAnnounce { margin-bottom: 20px;}
.articleBody .addNote { font-size: 14px;}
.tagField h3 { font-weight: bold; font-size: 12px; margin-bottom: 10px;}

/*------------------------------- 414 -------------------------------*/
.tagSearchTitle { position: relative;}
.tagSearchTitle h2 { box-sizing: border-box; display: block; width: 100%; font-size: 24px; font-weight: bold; letter-spacing: .2px; color: #242424; padding-right: 200px;}
.tagSearchTitle div.tagFollow { width: 200px; position: absolute; top: 10px; right: 0; text-align: right;}
.tagSearchTitle div.tagFollow a { box-sizing: border-box; position: relative; border-radius: 4px; border: 1px solid #E6001E; color: #E6001E; padding: 4px 12px 4px 32px;}
.tagSearchTitle div.tagFollow a:hover { box-sizing: border-box; border: 2px solid #E6001E; padding: 3px 11px 3px 31px;}
.tagSearchTitle div.tagFollow a img { position: absolute; left: 12px; top: 7px;}
.tagSearchTitle div.tagFollow a:hover img { position: absolute; left: 11px; top: 6px;}

.tagSearchTitle div.tagFollowActive { width: 200px; position: absolute; top: 50px; right: 0; text-align: right;}
.tagSearchTitle div.tagFollowActive a { box-sizing: border-box; position: relative; border-radius: 4px; background: #E6001E; color: #fff; padding: 5px 13px 5px 33px;}
.tagSearchTitle div.tagFollowActive a img { position: absolute; left: 12px; top: 7px;}

/*------------------------------- authorInfo -------------------------------*/
div.authorInfo { width: 240px;}
div.authorInfo:nth-child(3n) { float: right; margin: 0 0 10px 0;}
div.authorInfo .avatarCicrle img { float: left; border-radius: 30px;}
div.authorInfo dl { display: block; box-sizing: border-box; float: right; padding: 0; margin: 0;}
div.authorInfo dl dt { margin: 0; padding: 0;}
div.authorInfo dl dd { margin: 0;}

/*------------------------------- 501 -------------------------------*/
.authors { margin: 10px 0;}
.authors div.authorInfo { padding: 15px 0; margin: 0 20px 10px 0; border-bottom: 1px solid #eee;}
.authors div.authorInfo img { width: 50px; height: 50px;}
.authors div.authorInfo dl { width: 180px;}
.authors div.authorInfo dl dt { font-size: 17px;}
.authors div.authorInfo dl dd { font-size: 13px; color: #7a7a7a;}
.authors div.authorInfo a:hover img { opacity: .7;}
.authors div.authorInfo a:hover dt { color: #e6001e;}

/*------------------------------- 502 -------------------------------*/
.seriesList { margin: 30px 0 10px 0;}
.seriesList div.row { padding: 0 0 10px; }
.seriesList div.row h3 { margin-bottom: 10px; }
.seriesList .columnImgArea { width: 240px; height: 180px; position: relative; overflow: hidden;}
.seriesList .columnImgArea span { background: #fff; padding: 0 5px; position: absolute; bottom: 10px; left: 10px; z-index: 2; font-size: 12px;}
.seriesList .columnImgArea img { position: absolute; top: 0; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.seriesList div.authorInfo { padding: 0; margin: 0 0 15px 0;}
.seriesList div.authorInfo dl { width: 195px; float: right;}
.seriesList div.authorInfo dl dt { font-size: 14px;}
.seriesList div.authorInfo dl dd { font-size: 12px; color: #7a7a7a;}
.columnTitle { font-size: 15px; font-weight: bold;}
h3.columnTitle { margin: 10px 0 0 0;}
.seriesList div.authorInfo .authorPhoto { width: 35px; height: 35px; float: left; border-radius: 30px; overflow: hidden; position: relative;}
.seriesList div.authorInfo .authorPhoto > img { width: 100%; position: absolute;}
a:hover .columnTitle { color: #e6001e;}
a:hover .columnImgArea img  { width: 100%; transform: scale(1.2);
-webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;}

.sortSerect { margin: 20px 0;}
.sortSerect a { font-size: 12px; color: #666;}
.sortSerect a:hover { opacity: .7;
-webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 -o-transition: all .4s ease;
 transition: all .4s ease;}
.sortSerect img { margin: 0 10px -5px 0;}

/*------------------------------- 504 -------------------------------*/
.magazineList { margin: 30px 0 0 0;}
.column_3.magazineList > div { text-align: center; margin-bottom: 25px;}
.magazineList > div + img { display: block;}
.magazineList span { display: block; margin: 5px 0;}
.magazineList .magazineTitle { font-size: 14px; font-weight: bold;}
.magazineList > div a:hover h3 { color: #e6001e;}
.viewerBtn { display: block; width: 90%; border: 1px solid #eaeaea; text-align: center; padding: 8px 0 7px 0; border-radius: 4px; margin: 20px auto;}
.viewerBtn img { margin: 0 5px -7px 0;}
.viewerBtn:hover { text-decoration: underline;}

/*------------------------------- 506 -------------------------------*/
.raiseLogoArea { display: flex;}
.raiseLogoArea .raiseTitle { padding-top: 5px;}
.raiseLogoArea .raiseTitle h2 { display: block; font-size: 32px; font-weight: bold; padding-left: 20px;}
.raiseLogoArea .raiseTitle h2 span { display: block; font-weight: normal; font-size: 14px; color: #7a7a7a; margin-top: -5px;}

.raiseListArea { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.raiseList { }
.raiseList div.categoryTitle { box-sizing: border-box; width: 264px; height: 164px;float: left; position: relative; overflow: hidden;}
.raiseList div.categoryTitle .raiseImg264_164 { width: 264px; height: 164px; overflow: hidden;}
.raiseList .raiseImg264_164 .hoverImg {
  transform: scale(1);
  position: relative;
  width: 264px;
  height: 164px;
}
.raiseList div.categoryTitle .raiseImg264_164 img {
  position: absolute;
  top: 0px;
  left: 0;
}
a:hover .raiseList .raiseImg264_164 .hoverImg
{ transform: scale(1.2);
webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}

.raiseList div.categoryTitle .categoryBand { width: 264px; height: 32px; box-sizing: border-box; padding: 5px 10px; color: #fff; font-size: 12px; font-weight: bold; position: absolute; bottom: 0; left: 0; z-index: 1;}
.bGreen { background: rgba(97, 200, 124, 0.85);}
.bBrown { background: rgba(202, 176, 84, 0.85);}
.bPink { background: rgba(214, 17, 160, 0.85);}
.raiseList div.themeContens { box-sizing: border-box; width: 490px; float: right; padding: 15px 10px;}
.raiseList .raiseCommentArea div.themeContens { width: 620px; float: left;padding: 0;}
.raiseList h3 { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px;}
.themeContens img.icon { width: 35px; height: 35px; float: left; border-radius: 20px; }
.themeContens dl { margin: 0 0 15px 0; padding: 0 0 0 40px;}
.themeContens dl dt .fullname { font-size: 12px; font-weight: bold; margin-right: 10px;}
.themeContens dl dt .college { font-size: 12px; font-weight: normal; color: #666;}
.themeContens dl dd { margin: 0; font-size: 12px;}
.themeContens dl dd span { display: inline;}
.themeContens .creationListIcon { font-size: 12px; height: 12px;}
.themeContens .creationListIcon i { margin-bottom: -10px;}

.raiseImg { width: 120px; height:90px; overflow: hidden; float: right;}
.raiseCommentArea { width: 570px; float: left;}
a:hover .raiseList h3 { color: #e6001e;}


.raiseListIn { border-bottom: 1px solid #eee; margin: 10px 0; padding: 10px 0}

/*------------------------------- 508 -------------------------------*/
.raiseSlaiderCard { box-sizing: border-box; width: 368px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); border-radius: 4px; padding: 0 0 10px 0; z-index: 0;}
.raiseSlaiderCard .titleArea { box-sizing: border-box; width: 368px; height: 216px; position: relative; overflow: hidden;}

.raiseSlaiderCard .titleArea img { width:368px; height: auto; position: absolute; top: 0px; left: 0; z-index: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}
.raiseSlaiderCard .titleArea .categoryBand { width: 368px; height: 45px; box-sizing: border-box; padding: 10px 20px; color: #fff; font-size: 18px; font-weight: bold; position: absolute; bottom: 0; left: 0; z-index: 1;}
.raiseSlaiderCard h3 { font-size: 18px; font-weight: bold; color: #000; padding: 0 0 15px 0; margin-bottom: 5px; border-bottom: 1px solid #eee;}
.raiseSlaiderCard div.themeContens { box-sizing: border-box; width: 368px; padding: 20px;}
.raiseSlaiderCard a:hover .titleArea img
{ width: 100%; transform: scale(1.2);
webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; z-index: -10;}
.raiseSlaiderCard a:hover h3 { color: #e6001e;}

/*------------------------------- 601 -------------------------------*/
.creationList.infoTop .creationListItem:last-child,
.creationList.infoTop .creationListItem
{ border-bottom: 1px solid #eee;}
.infoTop h3 { font-size: 16px; font-weight: bold; margin-bottom: 3px;}
.infoTop p { font-size: 15px; font-weight: normal; color: #666;}
.infoTop a:hover h3 { color: #e6001e;}

/*------------------------------- 602 -------------------------------*/
.leafHeader.pB30 .mainHeader .Information { background: #f6f6f6; padding: 5px 15px; position: absolute; top: 0; left: 0; margin-top: 0; font-size: 17px; color: #242424;}
.leafHeader.pB30 .mainHeader { margin: 15px 0 0 0;}
.leafHeader.pB30 .mainHeader h1 { margin-bottom: 58px;}
.leafHeader.pB30 .boxSocial { margin-top: -40px;}

.infoBody { box-sizing: border-box; width: 760px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); font-size: 17px; line-height: 30px; margin-bottom: 50px;}
.leafHeader.pB30 { box-sizing: border-box; padding: 50px 70px 30px 70px; border-bottom: 1px solid #eee; position: relative;}
.leafHeader.pB30 h2 { font-size: 32px; font-weight: bold; letter-spacing: .3px; margin: 20px 0;}
.leafHeader.pB30 .date { font-size: 12px; color: #666;}
.leafHeader.pB30 .boxSocial { width: 30px; float: right; font-size: 9px; text-align: center; line-height: 1.4em;}
.infoContents { box-sizing: border-box; padding: 40px 70px;}

/*------------------------------- column -------------------------------*/
.raiseList:after, .recommendArticle:after, .row:after, .column_2:after, .column_3:after, .column_4:after {  content: "";  display: table; clear: both;}

/*--- 2 column ---*/
.column_2 > div { width: 368px; float: left; margin: 0; padding: 0;}
.column_2 > div:nth-child(2n) { float: right;}
.column_2 > div:nth-child(2n+1) { clear: both;}

/*--- 3 column ---*/
.column_3 > div { display: block; width: 240px; float: left; margin: 0 20px 0 0; padding: 0;}
.column_3 > div:nth-child(3n) { float: right; margin: 0;}
.column_3 > div:nth-child(3n+1) { clear: both;}

/*--- 4 column ---*/
.column_4 > div { width: 22%; float: left; margin: 0 4% 0 0; padding: 0;}
.column_4 > div:nth-child(4n) { float: right; margin: 0;}
.column_4 > div:nth-child(4n+1) { clear: both;}

/* 調整用 */
.mT0 { margin-top: 0 !important;}
.mT10 { margin-top: 10px !important;}
.mT20 { margin-top: 20px !important;}
.mT30 { margin-top: 30px !important;}
.mT40 { margin-top: 40px !important;}
.mT50 { margin-top: 50px !important;}
.mB10 { margin-bottom: 0;}
.mB10 { margin-bottom: 10px;}
.mB15 { margin-bottom: 15px;}
.mB50 { margin-bottom: 50px;}
.pT3 { padding-top: 3px}
.pT20 { padding-top: 20px}
.pR10 { padding-right: 10px;}
.pL10 { padding-left: 10px;}
.pB10 { padding-bottom: 10px;}
.pB20 { padding-bottom: 20px;}
.pB30 { padding-bottom: 30px;}
.pB50 { padding-bottom: 50px;}
.pB80 { padding-bottom: 80px;}
.tx666 { color: #666;}

/* print */
html body.print{ min-width:100%; }
html .headerPrint .headerBlock{ width:100%; }