@charset "UTF-8";
/*
 * "Barlow" licensed under the SIL Open Font License
 * https://fonts.google.com/specimen/Barlow
 */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('/font/barlow-v1-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Barlow Medium'), local('Barlow-Medium'),
       url('/font/barlow-v1-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/barlow-v1-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/barlow-v1-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/font/barlow-v1-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/barlow-v1-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}
/*
 * "Roboto" is lisenced under the Apache License, version 2.0
 * https://fonts.google.com/specimen/Roboto
 * http://www.apache.org/licenses/LICENSE-2.0
 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/font/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/font/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/font/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
.iconSvg {
  display: inline-block;
  font-style: normal; }
  .iconSvg.iconFbFooter {
    background: url("/images/doors/2019/iconFbFooter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconTwFooter {
    background: url("/images/doors/2019/iconTwFooter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconInFooter {
    background: url("/images/doors/2019/iconInFooter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconFb {
    background: url("/images/doors/2019/iconFb.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconTw {
    background: url("/images/doors/2019/iconTw.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconIn {
    background: url("/images/doors/2019/iconIn.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconReport {
    background: url("/images/doors/2019/iconReport.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconNewsFix {
    background: url("/images/doors/2019/iconNewsFix.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconArrowDown {
    background: url("/images/doors/2019/iconArrowDown.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconArrowUp {
    background: url("/images/doors/2019/iconArrowUp.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconClose {
    background: url("/images/doors/2019/iconClose.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconI {
    background: url("/images/doors/2019/iconI.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.icon2 {
    background: url("/images/doors/2019/icon2.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.icon4 {
    background: url("/images/doors/2019/icon4.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconSerializationSvg {
    background: url("/images/doors/2019/iconSerializationSvg.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconCategory {
    background: url("/images/doors/2019/iconCategory.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconFeature {
    background: url("/images/doors/2019/iconFeature.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconSerialization {
    background: url("/images/doors/2019/iconSerialization.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconLounges {
    background: url("/images/doors/2019/iconLounges.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconVideo {
    background: url("/images/doors/2019/iconVideo.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconVoice {
    background: url("/images/doors/2019/iconVoice.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconLoungePink {
    background: url("/images/doors/2019/iconLoungePink.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconLinked {
    background: url("/images/doors/2019/iconLinked.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconFollowWhite {
    background: url("/images/doors/2019/iconFollowWhite.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconLoungeBlue {
    background: url("/images/doors/2019/iconLoungeBlue.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconPeopleWhite {
    background: url("/images/doors/2019/iconPeopleWhite.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconFollow {
    background: url("/images/doors/2019/iconFollow.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconNewWindow {
    background: url("/images/doors/2019/iconNewWindow.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconPenOrange {
    background: url("/images/doors/2019/iconPenOrange.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconOrangeComment {
    background: url("/images/doors/2019/iconOrangeComment.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconHomeTree {
    background: url("/images/doors/2019/iconHomeTree.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconPeople {
    background: url("/images/doors/2019/iconPeople.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconFollowSmall {
    background: url("/images/doors/2019/iconFollowSmall.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconAcademy {
    background: url("/images/doors/2019/iconAcademy.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .iconSvg.iconVideo {
    background-size: 100%;
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px; }
  ul.articleBoxListSecond li a .articlePostLeft h3.articlePostTitle .iconSvg.iconVideo,
  ul.articleBoxListSecond li a .articlePostLeft h3.articlePostTitle .iconSvg.iconVoice,
  ul.articleBoxList.SeminarThird li a .articlePostLeft .articlePostTitle .iconSvg.iconVideo,
  ul.articleBoxList.SeminarThird li a .articlePostLeft .articlePostTitle .iconSvg.iconVoice   {
	position: unset;
	top: unset;
	right: unset;
	display: inline-block;
	vertical-align: middle; }
  .iconSvg.iconVoice {
    background-size: 100%;
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px; }
  .iconSvg.iconLoungePink {
    height: 10px;
    width: 10px; }
  .iconSvg.iconPeopleWhite {
    height: 10px;
    width: 10px; }
  .iconSvg.iconLoungeBlue {
    height: 10px;
    width: 10px; }
  .iconSvg.iconFollowWhite {
    height: 12px;
    width: 12px; }
  .iconSvg.iconFollowSmall {
    height: 12px;
    width: 12px; }

.icon {
  display: inline-block; }
  .icon.iconLounge {
    background: url("/images/doors/2019/iconLounge.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconLifeStyle {
    background: url("/images/doors/2019/iconLifeStyle.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconLike {
    background: url("/images/doors/2019/iconLike.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconReply {
    background: url("/images/doors/2019/iconReply.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconStarRed {
    background: url("/images/doors/2019/iconStarRed.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconFill {
    background: url("/images/doors/2019/iconFill.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconDisLike {
    background: url("/images/doors/2019/iconDisLike.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconClose {
    background: url("/images/doors/2019/iconClose.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.incon_close_20x20 {
    background: url("/images/doors/2019/incon_close_20x20.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconMediumClock {
    background: url("/images/doors/2019/iconMediumClock.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconMediumLockClose {
    background: url("/images/doors/2019/iconMediumLockClose.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconMailLetter {
    background: url("/images/doors/2019/iconMailLetter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconSeminar {
    background: url("/images/doors/2019/iconSeminar.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconWhitePen {
    background: url("/images/doors/2019/iconWhitePen.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconLounges {
    background: url("/images/doors/2019/iconLounges.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconSmallLockClose {
    background: url("/images/doors/2019/iconSmallLockClose.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconSmallLockOpen {
    background: url("/images/doors/2019/iconSmallLockOpen.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconFollow {
    background: url("/images/doors/2019/iconFollow.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconLinked {
    background: url("/images/doors/2019/iconLinked.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconArrowDown {
    background: url("/images/doors/2019/iconArrowDown.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconYellowLetter {
    background: url("/images/doors/2019/iconYellowLetter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconRightArrow02 {
    background: url("/images/doors/2019/iconRightArrow02.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconTopGrayArrow {
    background: url("/images/doors/2019/iconTopGrayArrow.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconPen {
//    background: url("/images/doors/2019/iconPen.svg") no-repeat;
    background: url("/images/doors/2019/iconPen.png") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconLounge2 {
    background: url("/images/doors/2019/iconLounge2.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconSearchBlack {
    background: url("/images/doors/2019/iconSearchBlack.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 5px;
    border: none;
    text-indent: -9999px;
    cursor: pointer; }
  .icon.iconCommentCollapse {
    background: url("/images/doors/2019/iconCommentCollapse.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconPeopleViolet {
    background: url("/images/doors/2019/iconPeopleViolet.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconOrangeLetter {
    background: url("/images/doors/2019/iconOrangeLetter.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconBlackComment {
    background: url("/images/doors/2019/iconBlackComment.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconPeopleMenu {
    background: url("/images/doors/2019/iconPeopleMenu.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconFindPerson {
    background: url("/images/doors/2019/iconFindPerson.png") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconHeart {
    background: url("/images/doors/2019/iconHeart.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconBlackVideo {
    background: url("/images/doors/2019/iconBlackVideo.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconBlackVoice {
    background: url("/images/doors/2019/iconBlackVoice.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.notiLogoDoor {
    background: url("/images/doors/2019/notiLogoDoor.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.notiLogoOnenb {
    background: url("/images/doors/2019/notiLogoOnenb.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.notiLogoTerrace {
    background: url("/images/doors/2019/notiLogoTerrace.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.notiLogoAria {
    background: url("/images/doors/2019/notiLogoAria.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconHeart {
    height: 9px;
    width: 9px; }
  .icon.iconPeople {
    background: url("/images/doors/2019/iconPeople.svg") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 20px; }
  .icon.iconSearch {
    background: url("/images/doors/2019/iconSearch.svg?20190208") no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    right: 5px;
    border: none;
    text-indent: -9999px;
    cursor: pointer; }
  .icon.iconOpen {
    background: url("/images/doors/2019/iconOpen.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 100%; }
  .icon.iconSmallLockOpen {
    background: url("/images/doors/2019/smallLockOpen.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px; }
  .icon.iconBlackComment {
    background: url("/images/doors/2019/iconBlackComment.svg") no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100%; }
  .icon.iconTerrace {
    background: url("/images/doors/2019/iconTerrace.svg") no-repeat;
    background-size: 100%;
    width: 21px;
    height: 17px; }
  .icon.iconGoldComment {
    background: url("/images/doors/2019/iconGoldComment.png") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px; }
  .icon.iconRightArrow {
    background: url("/images/doors/2019/iconRightArrow.svg") no-repeat;
    background-size: 100%;
    width: 7px;
    height: 14px; }
  .icon.iconPen {
//    background: url("/images/doors/2019/iconPen.svg") no-repeat;
    background: url("/images/doors/2019/iconPen.png") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 9px; }
  .icon.iconLeftArrow {
    background: url("/images/doors/2019/iconRightArrow.svg") no-repeat;
    background-size: 100%;
    width: 7px;
    height: 14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    top: -2px; }
  .icon.iconPlayRightArrow {
    background: url("/images/doors/2019/iconPlayRightArrow.svg") no-repeat;
    background-size: 100%;
    width: 5px;
    height: 8px; }
  .icon.iconMediumLockClose {
    background: url("/images/doors/2019/iconMediumLockClose.png") no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px; }
  .icon.iconMediumClock {
    background: url("/images/doors/2019/clock.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }
  .icon.iconMailLetter {
    background: url("/images/doors/2019/iconMailLetter.svg") no-repeat;
    background-size: 100%;
    width: 30.5px;
    height: 33px; }
  .icon.iconSeminar {
    background: url("/images/doors/2019/seminarIcon.svg") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 4px; }
  .icon.iconWhitePen {
    background: url("/images/doors/2019/iconWhitePen.svg") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 5px; }
  .icon.iconLounges {
    background: url("/images/doors/2019/iconLounges.svg") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 4px;
    top: 4px; }
  .icon.iconCommentCollapse {
    background: url("/images/doors/2019/iconCommentCollapse.png") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 0; }
  .icon.iconPeopleViolet {
    background: url("/images/doors/2019/iconPeopleViolet.svg") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px; }
  .icon.iconPeopleMenu {
    background: url("/images/doors/2019/iconPeopleMenu.png") no-repeat;
    background-size: 100%; }
  .icon.iconBlackVoice {
    background: url("/images/doors/2019/iconVideo.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px; }
  .icon.iconBlackVideo {
    background: url("/images/doors/2019/iconVoice.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 24px;
    height: 24px; }
  .icon.notiLogoDoor {
    width: 14px;
    height: 16px;
    display: inline-block;
    margin-left: 2px; }
  .icon.notiLogoOnenb {
    width: 14px;
    height: 14px;
    margin-left: 5px; }
  .icon.notiLogoTerrace {
    width: 14.93px;
    height: 14px;
    margin-left: 5px; }
  .icon.notiLogoAria {
    width: 14px;
    height: 9.62px;
    margin-left: 5px; }
  .icon.iconBlueComment {
    background: url("/images/doors/2019/iconBlueComment.svg") no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px; }

.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; }

.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; }

.btnRedBorderPc {
  display: block;
  width: 284px;
  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; }

.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 */ }

.btnVioletGradientPc {
  color: #FFFFFF;
  transition: 0.3s;
  border-radius: 16px;
  background: -webkit-gradient(linear, left top, right bottom, from(#6475bb), to(#1835a4));
  background: -webkit-linear-gradient(to right, #6475bb, #1835a4);
  background: -moz-linear-gradient(to right, #6475bb, #1835a4);
  background: -ms-linear-gradient(to right, #6475bb, #1835a4);
  background: -o-linear-gradient(to right, #6475bb, #1835a4);
  background: linear-gradient(to right, #6475bb, #1835a4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6475bb, endColorstr=#1835a4); }
  .btnVioletGradientPc:hover {
    color: #331a7a;
    background: #fff;
    border: solid 1px #1835a4; }

.btnBrownGradientPc {
  background-image: -webkit-linear-gradient(left, #ff9c5a, #ff6600);
  background-image: -o-linear-gradient(left, #ff9c5a, #ff6600);
  background-image: linear-gradient(to right, #ff9c5a, #ff6600);
  transition: 0.3s; }
  .btnBrownGradientPc:hover {
    color: #ff6600;
    background: #fff;
    border: solid 1px #ff6600; }

.btnShowMore, .bannerParent .bannerParentPostTitle a.suggestionFollowButton, .author .authorPersonContent .right a, .authorProfileSecond a.btnFollow, .articleHeaderSecond a.btnFollowKeyword {
  border: solid 1px #ff6600;
  color: #ff6600;
  font-weight: bold;
  text-align: center; }

.bannerParent .bannerParentPostTitle a.suggestionFollowButton, .author .authorPersonContent .right a, .authorProfileSecond a.btnFollow, .articleHeaderSecond a.btnFollowKeyword {
  display: inline-block;
  border-radius: 12px;
  font-size: 15px;
  width: 182px;
  line-height: 22px;
  height: 22px; }
  .bannerParent .bannerParentPostTitle a.suggestionFollowButton i.iconFollow, .author .authorPersonContent .right a i.iconFollow, .authorProfileSecond a.btnFollow i.iconFollow, .articleHeaderSecond a.btnFollowKeyword i.iconFollow {
    margin-right: 5px;
    width: 12px;
    height: 12px; }

.btnShowMore {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  border-radius: 25px;
  font-size: 15px;
  font-weight: bold; }

.paidPresentBox .paidPresentBoxContent .paidPresentBoxButton {
  color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid  #100e65;
  background: #5b70be;
  background: -webkit-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  background: -o-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  background: linear-gradient(to right, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b70be', endColorstr='#1835a4',GradientType=1 );
  transition: 0.3s; }
  .paidPresentBox .paidPresentBoxContent .paidPresentBoxButton:hover {
    border: 1px solid #100e65;
    background-color: #ffffff;
    background-image: none;
    color: #100e65;
    transition: 0.3s; }

#wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo3 {
  color: #FFFFFF;
  border-radius: 16px;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#f5a874), to(#ff6600));
  background-image: -webkit-linear-gradient(to right, #f5a874, #ff6600);
  background-image: -moz-linear-gradient(to right, #f5a874, #ff6600);
  background-image: -ms-linear-gradient(to right, #f5a874, #ff6600);
  background-image: -o-linear-gradient(to right, #f5a874, #ff6600);
  background-image: linear-gradient(to right, #f5a874, #ff6600);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5a874, endColorstr=#ff6600); }

#wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo4 {
  color: #FFFFFF;
  border-radius: 16px;
  background: -webkit-gradient(linear, left top, right bottom, from(#6475bb), to(#1835a4));
  background: -webkit-linear-gradient(to right, #6475bb, #1835a4);
  background: -moz-linear-gradient(to right, #6475bb, #1835a4);
  background: -ms-linear-gradient(to right, #6475bb, #1835a4);
  background: -o-linear-gradient(to right, #6475bb, #1835a4);
  background: linear-gradient(to right, #6475bb, #1835a4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#6475bb, endColorstr=#1835a4); }

.bannerParent .bannerParentPostTitle span {
  display: inline-block;
  width: 55px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #7a7a7a;
  color: #7a7a7a;
  font-size: 12px; }

.articleTopic .goldBrickTag, .articleLineUpPart .articleheader .articleTopic .goldBrickTag {
  display: inline-block;
  width: 104px;
  height: 30px;
  border-radius: 4px;
  background-color: #ff6600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center; }

.articleLineStyleSection ul.articleLineStyleList li a span.brickTag, ul.articleBoxListSecond li a .artclePostRight span.lesson, ul.catList li .itemImg span.lesson, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.lesson {
  padding-right: 4px;
  color: #FFFFFF;
  font-size: 12px;
  background: #660e56;
  display: inline-block;
  font-weight: bold; }

section.hotColumn ul.hotColumnList li a .bpCarouselContent .bpCarouselTag {
  width: 55px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #ff6600;
  border-radius: 4px;
  display: inline-block; }

ul.articleBoxListSecond li a .artclePostRight span.seminar, ul.catList li .itemImg span.seminar, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.seminar {
  padding-right: 4px;
  color: #FFFFFF;
  font-size: 12px;
  background: #1390a1;
  display: inline-block;
  font-weight: bold; }

ul.articleBoxListSecond li a .artclePostRight span.lounge, ul.catList li .itemImg span.lounge, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.lounge {
  padding-right: 4px;
  color: #FFFFFF;
  font-size: 12px;
  background: #ff3c5f;
  display: inline-block;
  font-weight: bold; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

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; }
  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; }
    html body h1, html body h2, html body h3, html body h4, html body h5 {
      font-size: 0;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0;
      margin-inline-end: 0; }
  html #wrapper, html .wrapperSecond, html .wrapperThird {
    min-width: 1140px;
    overflow: hidden; }
    html #wrapper div.content, html .wrapperSecond div.content, html .wrapperThird div.content {
      width: 100%;
      clear: both;
      width: 1120px;
      margin-left: auto;
      margin-right: auto; }
    html #wrapper header.headerFix .headerContainer, html .wrapperSecond header.headerFix .headerContainer, html .wrapperThird header.headerFix .headerContainer {
      padding-bottom: 0; }
  html .wrapperSecond aside.asideRight,
  html .wrapperThird aside.asideRight {
    margin-top: 60px; }
  html .bodyBlock {
    width: 1120px;
    margin-left: auto;
    margin-right: auto; }
    html .bodyBlock .loginBox {
      text-align: inherit;
      padding: 0;
      background-color: inherit;
      margin: 0; }
  html header.headerFix {
    min-width: 1140px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
    html header.headerFix .headerBlock {
      overflow: hidden; }
  html article {
    width: 760px;
    float: left;
    display: inline-block; }
  html .asideRight {
    width: 300px;
    float: right; }
  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 {
    top: -55px;
    right: -5px; }
    html .simple-popup-content .close:before {
      color: #FFFFFF;
      font-size: 55px; }

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

.rightShowMore {
  font-size: 15px;
  font-weight: 500;
  text-align: right;
  color: #121212;
  display: block; }
  .rightShowMore img {
    margin-left: 10px;
    position: relative;
    top: -1.5px; }
  .rightShowMore:hover {
    text-decoration: underline; }

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

.overlayGradient {
/*
  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%);
*/
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.overlayGradientFull {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0; }

_:-ms-lang(x)::-ms-backdrop, .overlayGradientFull {
  background-color: rgba(0, 0, 0, 0.4); }

.prHeaderBoxTag {
  margin: 20px 0 10px 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #242424;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px; }
  .prHeaderBoxTag span {
    border: 1px solid #121212;
    color: #121212;
    font-size: 12px;
    padding: 0 5px;
    letter-spacing: 0.3px;
    margin-right: 10px; }

.iconLockSmall {
  width: 12px;
  height: 12px;
  background: url("/images/doors/2019/keyClose.svg") no-repeat;
  background-size: 100%;
  margin-left: 3px; }

.iconLockMSmallTwo {
  width: 18px;
  height: 18px;
  background: url("/images/doors/2019/keyClose.svg") no-repeat;
  background-size: 100%;
  margin-left: 3px; }

.iconLockMSmallThree {
  width: 15px;
  height: 15px;
  background: url("/images/doors/2019/keyClose.svg") no-repeat;
  background-size: 100%;
  margin-left: 3px; }

.iconLockMedium {
  width: 20px;
  height: 20px;
  background: url("/images/doors/2019/keyClose.svg") no-repeat;
  background-size: 100%; }

.iconLockLarge {
  width: 28px;
  height: 28px;
  background: url("/images/doors/2019/keyClose.svg") no-repeat;
  background-size: 100%;
  margin-left: 10px; }

body.login .iconLockLarge {
  background: url("/images/doors/2019/keyOpen.svg") no-repeat;
  background-size: 100%; }

body.login .iconLockSmall {
  background: url("/images/doors/2019/keyOpen.svg") no-repeat;
  background-size: 100%; }

body.login .iconLockMedium {
  background: url("/images/doors/2019/keyOpen.svg") no-repeat;
  background-size: 100%; }

body.login .iconLockMSmallTwo {
  background: url("/images/doors/2019/keyOpen.svg") no-repeat;
  background-size: 100%; }

body.login .iconLockMSmallThree {
  background: url("/images/doors/2019/keyOpen.svg") no-repeat;
  background-size: 100%; }

_:-ms-lang(x)::-ms-backdrop, .myAriaTwo .overlayGradientFull {
  opacity: 0.2; }

.globalNavi {
  height: 32px;
  border-bottom: 1px solid #EAEAEA; }
  .globalNavi .globalNaviLeft {
  	display: flex;
    float: left; }
    .globalNavi .globalNaviLeft li {
//      display: inline;
      font-weight: 500; }
      .globalNavi .globalNaviLeft li a.linkBottomArrow:hover {
        text-decoration: underline; }
      .globalNavi .globalNaviLeft li a.linkBottomArrow i.bottomArrow {
        margin-left: 6px;
        display: inline-block;
        background: url("/images/doors/2019/bottomArrow.png") no-repeat;
        background-size: 100% 100%;
        width: 9px;
        height: 9px; }
      .globalNavi .globalNaviLeft li a:hover {
        text-decoration: underline; }
    .globalNavi .globalNaviLeft li:nth-child(2) {
      margin-left: 19px; }
  .globalNavi .globalNaviRight {
    display: flex;
    height: 100%;
    align-items: center; }
    .globalNavi .globalNaviRight li {
      display: inline;
      font-weight: 500; }
      .globalNavi .globalNaviRight li:last-child .linkNormal {
        margin-right: 0;
        margin-left: 1px; }
    .globalNavi .globalNaviRight li:nth-child(2) {
      font-weight: bold; }
    .globalNavi .globalNaviRight .btnBrownGradientPc {
      margin-right: 4px; }
  .globalNavi a.globalNaviConfig {
    color: #100e65;
    margin-left: 10px;
    float: right;
    font-weight: 500; }

.globalNaviContainer {
  width: 1120px;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto; }

.globalNavi .globalNaviLeft .bpSiteNavi li:nth-child(2) {
  margin-left:0;
}
.globalNavi .globalNaviLeft li a.linkBottomArrow i.bottomArrow{
  width: 9px;
  height: 9px;
}

/* BPプルダウン */
.bpSiteNavi{
  position:relative;
}
.bpSiteNavi .bpSiteList{
  display:none;
  position: absolute;
  background: #fff;
  width:200px;
  padding: 8px 16px;
  border: 1px solid #ccc;
  z-index: 9999;
  left: 0;
  top: 23px;
  font-size:12px;
  line-height:1;
}
.bpSiteNavi .bpSiteList li{
  padding:6px 0;
}
.bpSiteNavi .bpSiteList li a:hover{
  text-decoration:underline;
}
#globalNaviStatus {
  display: none;
}
#globalNaviStatus:checked ~ label.mask,
#globalNaviStatus:checked ~ label.mask ~ ul.bpSiteList{
  display: block !important;
}
.bpSiteNavi .bottomArrow {
  margin-left: 6px;
  display: inline-block;
  background: url("/images/doors/2019/bottomArrow.png") no-repeat;
  background-size: 100% 100%;
  width: 9px;
  height: 9px;
}
.bpSiteNavi label {
  cursor: pointer;
}
.bpSiteNavi label.mask{
  display: none;
}
.bpSiteNavi label.mask div{
  position: fixed;
  background: rgba(0,0,0,0.2);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.bpSiteNavi ul.bpSiteList li.close{
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 4px;
  border: solid 1px #888888;
  border-radius: 2px;
  margin: 0;
  padding: 0;
}
.bpSiteNavi ul.bpSiteList li.close::before,
.bpSiteNavi ul.bpSiteList li.close::after{
  display: block;
  content: "";
  position: absolute;
  top: -9px;
  border-bottom: solid 1px #888888;
  width: 17px;
  height: 17px;
}
.bpSiteNavi ul.bpSiteList li.close::before{
  transform: rotate(45deg);
  left: 3px;
}
.bpSiteNavi ul.bpSiteList li.close::after{
  transform: rotate(-45deg);
  left: -8px;
}
.bpSiteNavi ul.bpSiteList li.close label{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
}

.btnRadius {
  min-width: 110px;
  height: 26px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box; }
  .btnRadius.violetColor {
    border: solid 1px #29157b;
    background-image: linear-gradient(to bottom, #29157b, #29157b), linear-gradient(286deg, rgba(255, 255, 255, 0), #ffffff); }
    .btnRadius.violetColor:hover {
      background-image: none;
      background-color: transparent;
      color: #29157b; }
  .btnRadius.brownColor {
    border: solid 1px #ff6600;
    background-image: linear-gradient(to bottom, #ff6600, #ff6600), linear-gradient(286deg, rgba(255, 255, 255, 0), #ffffff); }
    .btnRadius.brownColor:hover {
      background-image: none;
      background-color: transparent;
      color: #29157b; }

.linkNormal {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #242424;
  margin-right: 10px;
  margin-left: 0; }
  .linkNormal.boldLink {
    font-weight: bold; }
  .linkNormal.violetLink {
    color: #100e65; }
    .linkNormal.violetLink:hover {
      text-decoration: underline; }
  .linkNormal.brownLink {
    color: #ff6600; }
    .linkNormal.brownLink:hover {
      text-decoration: underline; }
  .linkNormal.spaceSmall {
    margin-right: 12px; }
  .linkNormal.spaceNormal {
    margin-right: 14px; }
  .linkNormal.specialSpace {
    margin-right: 20px; }

#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;
    margin-top: 20px;
    margin-left: 20px; }
    #wrapper > header nav.localNavi .burgerMenu a.close i.iconSvg.iconClose, .headerFix > header nav.localNavi .burgerMenu a.close i.iconSvg.iconClose {
      background-size: 100%;
      width: 42px;
      height: 42px; }
  #wrapper > header nav.localNavi .burgerMenu a.home, .headerFix > header nav.localNavi .burgerMenu a.home {
    float: right;
    margin-top: 14px;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    display: flex;
    margin-right: 15px; }
    #wrapper > header nav.localNavi .burgerMenu a.home i.iconSvg.iconHome, .headerFix > header nav.localNavi .burgerMenu a.home i.iconSvg.iconHome {
      background-size: 100%;
      width: 18px;
      height: 18px;
      margin-right: 8px; }
  #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead {
    margin-top: 14px;
    margin-left: 16px;
    margin-right: 16px;
    float: left;
    width: 90%; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft {
      float: left;
      display: flex; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg {
        width: 56px;
        height: 56px;
        border-radius: 100%;
        margin-right: 11px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg img, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadLeft .burgerMenuHeadLeftImg img {
          float: left;
          border-radius: 100%;
          width: 56px;
          height: 56px; }
      #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;
          font-weight: 500;
          text-align: left;
          color: #242424; }
          #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: bold;
            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: 500;
              text-align: left;
              display: inline;
              margin-top: 0;
              margin-left: 5px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp {
        margin-left: auto;
        margin-right: auto;
        display: flex; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnApplication {
          margin-left: 20px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnApplication, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnApplication, #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnLogin, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadContent .btnWarp a.btnLogin {
          width: 128px;
          margin-top: 0;
          display: block; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight {
      float: right;
      display: flex;
      border-radius: 15px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead .burgerMenuHeadRight a.btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 30px;
        border: solid 1px #dddddd;
        border-radius: 15px;
        font-size: 15px;
        font-weight: 500;
        display: block;
        text-align: center;
        line-height: 30px;
        color: #ff6600; }
      #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;
      width: 100%;
      height: 30px;
      line-height: 30px;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box;
      display: block;
      margin-top: 22px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnApplication:hover {
        display: flex !important;
        justify-content: center;
        align-items: center;
        background-image: none;
        background-color: #FFFFFF;
        color: #1835a4;
        border: 1px solid #1835a4;
        box-sizing: border-box; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin {
      clear: both;
      width: 80px;
      height: 30px;
      line-height: 30px;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin:hover, .headerFix > header nav.localNavi .burgerMenu .burgerMenuHead a.btnLogin:hover {
        display: flex !important;
        justify-content: center;
        align-items: center;
        background-image: none;
        background-color: #FFFFFF;
        color: #ff6600;
        border: 1px solid #ff6600;
        box-sizing: border-box; }
  #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent {
    clear: both;
    width: 100%;
    float: left;
    margin-top: 22px;
	padding-bottom: 30px;
    height: calc(100% - 150px); }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent a.btnLogout, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent a.btnLogout {
      margin-bottom: 20px;
      font-size: 15px;
      font-weight: 500;
      line-height: 28px;
      color: #ff6600;
      display: flex;
      height: 30px;
      width: 95px;
      margin-left: 16px;
      align-items: center;
      justify-content: center;
      border: solid 1px #dddddd;
      box-sizing: border-box;
      border-radius: 16px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst {
      display: flex;
      flex-direction: column;
      border-top: solid 1px #EEEEEE;
      border-bottom: solid 1px #EEEEEE; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li {
        width: 100%;
        text-align: left; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a {
          display: block;
          height: 43px;
          line-height: 43px;
          font-size: 14px;
          font-weight: bold;
          position: relative;
          padding-left: 16px;
          color: #242424; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a i.iconSvg.iconArrowUp, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a i.iconSvg.iconArrowUp, #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a i.iconSvg.iconArrowDown, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li > a i.iconSvg.iconArrowDown {
            position: absolute;
            right: 16px;
            top: 18px;
            width: 10px;
            height: 10px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li.last, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li.last {
          border-bottom: none; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList {
          flex-wrap: wrap;
          background-color: #fafafa;
          padding-left: 16px;
          padding-right: 16px;
          display: none;
          -webkit-transition: all 1s;
          -moz-transition: all 1s;
          -o-transition: all 1s;
          transition: all 1s; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList.on, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList.on {
            display: flex;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            transition: all 1s; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li {
            width: 154px;
            border-bottom: 1px solid #EEEEEE;
            height: 46px;
            line-height: 46px; }
            #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li:nth-child(odd), .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li:nth-child(odd) {
              margin-right: 20px; }
            #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li.last, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li.last {
              border-bottom: none; }
            #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst > li ul.childList li a {
              font-size: 15px;
              color: #242424;
              font-weight: 500;
              display: block; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst:first-child, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listFirst:first-child {
        border-bottom: none; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond {
      display: flex;
      flex-direction: column;
      padding-left: 16px;
      padding-right: 16px;
      margin-top: 7px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li {
        width: 295px;
        border-bottom: 1px solid #EEEEEE;
        height: 42px;
        line-height: 42px;
        text-align: left; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li.last, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li.last {
          border-bottom: none; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a {
          font-size: 14px;
          color: #242424;
          font-weight: bold;
          display: block;
          letter-spacing: 0.2px; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a i.iconSvg, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a i.iconSvg, #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a i.icon, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listSecond li a i.icon {
            vertical-align: middle;
            width: 18px;
            height: 18px;
            margin-right: 8px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird {
      display: flex;
      flex-direction: column;
      padding-left: 16px;
      padding-right: 16px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li {
        width: 295px;
        border-bottom: 1px solid #EEEEEE;
        height: 42px;
        line-height: 42px;
        text-align: left; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listThird li a {
          font-size: 14px;
          color: #242424;
          font-weight: bold;
          display: block;
          letter-spacing: 0.2px; }
    #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 30px;
      margin-top: 15px; }
      #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li {
        text-align: center;
        margin-top: 20px;
        width: 50%; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(3n), .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(3n) {
          margin-top: 15px; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(4n), .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(4n) {
          margin-top: 15px; }
          #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(4n) img, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li:nth-child(4n) img {
            width: 50%; }
        #wrapper > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li a, .headerFix > header nav.localNavi .burgerMenu .burgerMenuContent ul.listLast li a {
          font-size: 20px;
          font-weight: bold;
          color: #242424; }

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

#wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub {
  display: none;
  position: fixed;
  margin-left: -60px;
  height: auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #eeeeee;
  border-top: #ff6600 2px solid;
  background-color: #ffffff;
  z-index: 9999;
  width: 400px;
  border-radius: 0;
  margin-left: -322px;
  margin-top: 0px;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub:before, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub:before, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub:before, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub:before {
    content: "";
    margin-left: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #ff6600;
    width: 0;
    height: 0;
    position: absolute;
    left: 361px;
    top: -18px; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li {
    display: block;
    float: none;
    width: calc(100% - 40px);
    font-size: 14px;
    height: auto;
    letter-spacing: 0.2px;
    color: #121212;
    line-height: 2.4;
    margin: 0 0 0 20px;
    position: relative;
    margin: 0;
    padding: 20px 0 5px 0;
    line-height: 1.4;
    width: 100%;
    text-align: left; }
    #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a {
      color: #000;
      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;
      display: block;
      font-weight: bold; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a img, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a img, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a img, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a img {
        width: 24px;
        position: absolute;
        top: 20px;
        left: 20px; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox {
        margin-left: 55px;
        width: 330px; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .contview, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .contview, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .contview, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .contview {
          display: block;
          margin: 3px 0 5px;
          font-size: 12px;
          letter-spacing: 0.1px; }
        #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .textAlignRight, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .textAlignRight, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .textAlignRight, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .textAlignRight {
          display: flex;
          line-height: 2;
          font-size: 12px;
          align-items: center;
          justify-content: flex-end; }
          #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .textAlignRight span, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a .contbox .textAlignRight span, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .textAlignRight span, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .textAlignRight span {
            line-height: 1;
            color: #898989; }
      #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a span, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub li a span, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a span, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a span {
        font-weight: normal; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub a.notificationSeeMore, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub a.notificationSeeMore, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub a.notificationSeeMore, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub 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 .modalNoticemenuSub a.notificationSeeMore:hover, .headerFix > header .loginBox ul.menuLogin li.avatarUser .modalNoticemenuSub a.notificationSeeMore:hover, #wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub a.notificationSeeMore:hover, .headerFix > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub a.notificationSeeMore:hover {
      text-decoration: underline; }

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

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

#wrapper > header .headerContainer, .headerFix > header .headerContainer {
  /*margin: 0 -16px;*/
  height: 67px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05); }

#wrapper > header .loginBox ul.menuLogin li, .headerFix > header .loginBox ul.menuLogin li {
  display: inline;
  float: left;
  width: 80px;
  font-size: 10px;
  transition: 0.3s;
  color: #ff6600;
  font-weight: bold;
  height: 100%; }
  #wrapper > header .loginBox ul.menuLogin li:hover, .headerFix > header .loginBox ul.menuLogin li:hover {
    background-color: rgba(255, 102, 0, 0.1); }
  #wrapper > header .loginBox ul.menuLogin li a, .headerFix > header .loginBox ul.menuLogin li a {
    transition: 0.3s;
    color: #121212;
    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 .navButtonContent i, .headerFix > header .loginBox ul.menuLogin li a .navButtonContent i {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  #wrapper > header .loginBox ul.menuLogin li.avatarUser, .headerFix > header .loginBox ul.menuLogin li.avatarUser {
    width: auto;
    position: relative;
    margin-left: 14px;
    margin-right: 10px;
    height: auto; }

#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: 23px;
  top: 13px; }

#wrapper > header .loginBox ul.menuLogin .notificationAlert.hiddenAvatar, .headerFix > header .loginBox ul.menuLogin .notificationAlert.hiddenAvatar {
  display: none; }

#wrapper > header .siteLogo, .headerFix > header .siteLogo {
  margin-left: 132px;
  margin-right: auto; }

#wrapper > header .siteLogo img {
  display: block;
  width: 136px;
  height: 50px;
}

#wrapper > header section.searchBox, .headerFix > header section.searchBox {
  width: 280px;
  height: 40px;
  margin-left: 25px;
  border-bottom: solid 1px #ff6600; }
  #wrapper > header section.searchBox form input[type='text'], .headerFix > header section.searchBox form input[type='text'] {
    width: 235px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    color: #666666; }
  #wrapper > header section.searchBox form .inputWithIcon, .headerFix > header section.searchBox form .inputWithIcon {
    position: relative; }
    #wrapper > header section.searchBox form .inputWithIcon input, .headerFix > header section.searchBox form .inputWithIcon input {
      outline: none; }
    #wrapper > header section.searchBox form .inputWithIcon i, .headerFix > header section.searchBox form .inputWithIcon i {
      position: absolute;
      left: 10px;
      top: 11px;
      width: 18px;
      height: 18px;
      background-size: 100%; }
  #wrapper > header section.searchBox form .headerSearchList, .headerFix > header section.searchBox form .headerSearchList {
    display: none;
    z-index: 999;
    position: fixed;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF; }
    #wrapper > header section.searchBox form .headerSearchList p, .headerFix > header section.searchBox form .headerSearchList p {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: 0.2px;
      font-weight: bold;
      text-align: left;
      color: #898989;
      margin: 15px 30px 12px; }
    #wrapper > header section.searchBox form .headerSearchList ul, .headerFix > header section.searchBox form .headerSearchList ul {
      display: flex;
      flex-wrap: wrap;
      margin: 0 30px 15px; }
      #wrapper > header section.searchBox form .headerSearchList ul li, .headerFix > header section.searchBox form .headerSearchList ul li {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #242424;
        margin: 0 27px; }
        #wrapper > header section.searchBox form .headerSearchList ul li:first-child, .headerFix > header section.searchBox form .headerSearchList ul li:first-child {
          margin-left: 0px; }
        #wrapper > header section.searchBox form .headerSearchList ul li:last-child, .headerFix > header section.searchBox form .headerSearchList ul li:last-child {
          margin-right: 0; }
        #wrapper > header section.searchBox form .headerSearchList ul li a:hover, .headerFix > header section.searchBox form .headerSearchList ul li a:hover {
          color: #ff6600; }

#wrapper > header nav.localNavi, .headerFix > header nav.localNavi {
  display: block;
  text-align: center;
  color: #ff6600;
  margin-left: 9px; }
  #wrapper > header nav.localNavi span, .headerFix > header nav.localNavi span {
    color: #121212; }
  #wrapper > header nav.localNavi a, .headerFix > header nav.localNavi a {
    font-size: 12px;
    font-weight: bold; }
    #wrapper > header nav.localNavi a span, .headerFix > header nav.localNavi a span {
      display: flex;
      line-height: 1;
      padding-top: 20px; }
    #wrapper > header nav.localNavi a i.icon.iconBarYellow, .headerFix > header nav.localNavi a i.icon.iconBarYellow {
      position: relative;
      display: block;
      margin-left: auto;
      margin-right: auto; }
      #wrapper > header nav.localNavi a i.icon.iconBarYellow:after, .headerFix > header nav.localNavi a i.icon.iconBarYellow:after {
        top: 5px; }
    #wrapper > header nav.localNavi a.on i.icon.iconBarYellow, .headerFix > header nav.localNavi a.on i.icon.iconBarYellow {
      background-color: transparent; }
      #wrapper > header nav.localNavi a.on i.icon.iconBarYellow:before, .headerFix > header nav.localNavi a.on i.icon.iconBarYellow: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.iconBarYellow:after, .headerFix > header nav.localNavi a.on i.icon.iconBarYellow:after {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        -ms-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg); }

.headerFix {
  position: fixed;
  width: 100%;
  background: white;
  z-index: 9999;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.headerFix + .content {
  padding-top: 67px; }

.headerLogoOnly {
  /*min-width: 1120px;*/
  display: flex;
  height: 59px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #eeeeee; }
  .headerLogoOnly a {
    display: flex; }
  .headerLogoOnly .siteLogo {
    margin: 0 auto !important; }

.headerBlock {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  display: flex;
  align-items: center; }
  .headerBlock .loginBox {
    text-align: inherit;
    padding: 0;
    background-color: inherit;
    margin: 0;
    height: 100%; }

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

footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo1, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo2, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo3, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo4, footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo5 {
  width: 160px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: #FFFFFF;
  transition: 0.3s; }

footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft ul li, footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft ul li {
  font-weight: bold;
  font-size: 14px;
  color: #ff6600; }

footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .localFooterLeftTitle, footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .localFooterLeftTitle {
  color: #121212;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px; }

.marginLRFooter {
  margin: 0 16px; }

footer.mainFooter {
  margin-top: 80px;
  background: #F6F6F6;
  display: grid;
  clear: both; }
  footer.mainFooter .corpLogo {
    background: #fafafa;
    border-bottom: solid 1px #eee; }
    footer.mainFooter .corpLogo .corpLogoContainer {
      display: flex;
      padding: 30px 0;
      margin: 0 auto; }
/*
    footer.mainFooter .corpLogo ul {
      display: flex;
      width: 50%;
      justify-content: flex-end;
      height: 30px; }
      footer.mainFooter .corpLogo ul li {
        align-self: center;
        margin: 0; }
        footer.mainFooter .corpLogo ul li a {
          display: flex; }
          footer.mainFooter .corpLogo ul li a i.iconFbFooter {
            width: 15.6px;
            height: 30px;
            background-position: center bottom; }
            footer.mainFooter .corpLogo ul li a i.iconFbFooter:hover {
              opacity: 0.7; }
          footer.mainFooter .corpLogo ul li a i.iconTwFooter {
            width: 33.8px;
            height: 30px;
            margin-left: 34.9px;
            margin-right: 32.4px;
            background-position: center bottom; }
            footer.mainFooter .corpLogo ul li a i.iconTwFooter:hover {
              opacity: 0.7; }
          footer.mainFooter .corpLogo ul li a i.iconInFooter {
            width: 29.6px;
            height: 30px;
            background-position: center bottom; }
            footer.mainFooter .corpLogo ul li a i.iconInFooter:hover {
              opacity: 0.7; }
*/
    footer.mainFooter .corpLogo .corpLogoButton {
      width: 50%;
      display: flex;
      justify-content: flex-start; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo1 {
        margin-right: 12px;
        color: #121212; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo1:hover {
          color: #ff6600; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo2 {
        color: #f60;
        background: #fff;
		border: solid 1px #ddd; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo2:hover {
          color: #f60;
          background: #fff;
          border: solid 1px #ddd; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo3 {
        color: #f60;
        background: #fff;
		border: solid 1px #ddd; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo3:hover {
          color: #f60;
          background: #fff;
          border: solid 1px #ddd; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo4 {
        margin-left: 12px; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo4:hover {
          display: flex;
          align-items: center;
          justify-content: center;
          color: #100e65;
          background: #fff;
          border: solid 1px #100e65; }
      footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo5 {
        color: #f60;
        background: #fff;
		border: solid 1px #ddd; }
        footer.mainFooter .corpLogo .corpLogoButton .btncorpLogo5:hover {
          color: #f60;
          background: #fff;
          border: solid 1px #ddd; }
  footer.mainFooter nav.localFooter {
    background-color: #fafafa; }
    footer.mainFooter nav.localFooter .localFooterSub {
      padding-top: 30px;
      border-bottom: 1px solid #eee;
      display: flex; }
      footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft {
        width: 100%; }
        footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft ul {
          display: flex;
          margin-bottom: 15px; }
          footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft ul li {
            width: 160px; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft ul li:hover a {
              text-decoration: underline !important; }
        footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithIcon {
          flex-wrap: wrap; }
          footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithIcon li {
            width: 165.6px;
            padding-bottom: 18px;
            position: relative;
            padding-left: 11px; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithIcon li a {
              color: #121212; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithIcon li:after {
              content: '';
              height: 5px;
              width: 5px;
              background-color: #ff6600;
              position: absolute;
              top: 8px;
              left: 0; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithIcon li:last-child {
              width: 225.6px; }
        footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo {
          margin: 10px 0 62px;
          justify-content: center;
          display: flex;
          align-items: center;
          justify-content: space-around; }
          footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo li {
            display: flex;
            width: auto;
            line-height: 1; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo li a {
              display: block;
              font-size: 20px;
              color: #898989; }
			footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo li.footerLogoXwoman a img
              width:190px;
			  height:auto;
			  vertical-align:bottom; }
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo li:hover {
              text-decoration: none; }
			  /*
            footer.mainFooter nav.localFooter .localFooterSub .localFooterLeft .menuWithLogo li:last-child img {
              height: 40px; }
			  */
    footer.mainFooter nav.localFooter .localFooterSubTwo {
      padding-top: 30px;
      border-bottom: 1px solid #D3CAA7;
      display: flex; }
      footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft {
        width: 100%; }
        footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft ul {
          display: flex;
          margin-bottom: 15px;
          justify-content: space-between; }
        footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft ul.menuWithNoIcon {
          display: flex;
          margin-bottom: 15px;
          flex-wrap: wrap;
		  justify-content: inherit; }

          footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft ul li:hover a {
            text-decoration: underline !important; }
        footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .menuWithIcon li {
          padding-bottom: 18px;
          position: relative;
          margin-right: 38px;
          padding-left: 11px; }
          footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .menuWithIcon li a {
            color: #121212; }
          footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .menuWithIcon li:after {
            content: '';
            height: 5px;
            width: 5px;
            background-color: #ff6600;
            position: absolute;
            top: 8px;
            left: 0; }
        footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .menuWithNoIcon li {
          font-size: 14px;
          padding-right:38px;
          padding-bottom: 18px;
		  width: 242px; }
          footer.mainFooter nav.localFooter .localFooterSubTwo .localFooterLeft .menuWithNoIcon li a {
            color: #242424; }
    footer.mainFooter nav.localFooter .noBorderBottom {
      border-bottom: none; }

.footer2 {
  background: #ededed; }
  .footer2 nav.globalFooter {
    padding-top: 30px;
    display: flex; }
    .footer2 nav.globalFooter > a {
      display: flex; }
      .footer2 nav.globalFooter > a img {
        width: 76px;
        height: 20px; }
    .footer2 nav.globalFooter ul {
      padding-left: 0;
      display: flex;
      align-self: center;
      margin-left: 46px; }
      .footer2 nav.globalFooter ul li {
        color: #242424;
        font-size: 12px;
        font-weight: 500;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #444444; }
        .footer2 nav.globalFooter ul li:first-child {
          border-left: none; }
        .footer2 nav.globalFooter ul li:last-child {
          padding-right: 0; }
        .footer2 nav.globalFooter ul li:hover a {
          text-decoration: underline; }
      .footer2 nav.globalFooter ul.single {
        margin-left: 190px; }
        .footer2 nav.globalFooter ul.single li {
          border-left: none;
          padding-left: 0;
          padding-r: 0; }
  .footer2 section.copyright {
    margin-top: 22px;
    padding-bottom: 20px; }
    .footer2 section.copyright p {
      color: #666666;
      font-size: 12px; }

ol.crumbs {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 50px;
  padding-left: 0; }
  ol.crumbs li {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    color: #ff6600; }
    ol.crumbs li:after {
      content: url("/images/doors/2019/iconBreadComb.svg");
      margin-left: 10px;
      margin-right: 7px; }
    ol.crumbs li a:hover {
      text-decoration: underline; }
  ol.crumbs li:last-child {
    color: #7a7a7a; }
    ol.crumbs li:last-child:after {
      content: ""; }

.grayTag {
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  height: 20px;
  padding: 0 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #121212;
  background-color: rgba(255, 255, 255, 0.8); }

.browTag {
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  height: 20px;
  padding: 0 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ff6600; }

.yellowTag {
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  height: 20px;
  padding: 0 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  opacity: 0.7;
  padding: 0 4px;
  background-color: #ff6600; }

.terracePlainTextTag {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000;
  display: inline-block; }
  .terracePlainTextTag .icon {
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px; }

.terracePlainTextGoldTag {
  font-size: 12px;
  font-weight: 500;
  color: #ff6600;
  display: inline-block; }
  .terracePlainTextGoldTag .icon {
    vertical-align: middle;
    margin-right: 6px; }

.facebookLikeTag {
  background: url("/images/doors/2019/tagFacebookLike.png") no-repeat;
  background-size: 100%;
  width: 75px;
  height: 22px;
  display: inline-block;
  margin-top: -3px; }

.graySlimTag {
  display: inline-block;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
  padding: 0 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #7a7a7a;
  border: 1px solid #7a7a7a; }

.lessonTag {
  border-radius: 3px;
  background-color: #660e56;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 6px 2px 16px;
  position: relative; }

.seminarTag {
  border-radius: 3px;
  background-color: #1390a1;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 4px 2px 16px;
  position: relative; }

.loungeTag {
  border-radius: 4px;
  background-color: #ff3c5f;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 4px 2px 16px;
  position: relative; }

.loungePinkTag {
  border-radius: 4px;
  background-color: #ff3c5f;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 8px 0 20px;
  position: relative; }
  .loungePinkTag .iconLounges {
    left: 7px; }

.leftArrowTag {
  display: inline-block;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #ff6600;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-align: center;
  color: #121212;
  padding: 0;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
  margin-left: 9px;
  height: 18px; }
  .leftArrowTag:after, .leftArrowTag:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .leftArrowTag:after {
    border-right-color: #FFFFFF;
    border-width: 9px;
    margin-top: -9px; }
  .leftArrowTag:before {
    border-color: transparent;
    border-right-color: #ff6600;
    border-width: 10px;
    margin-top: -10px; }
  .leftArrowTag.elementMargin {
    margin-left: 0; }
  .leftArrowTag span {
    padding-left: 8px;
    padding-right: 6px; }
    .leftArrowTag span:before {
      content: ' ';
      width: 3px;
      height: 3px;
      background-color: #ff6600;
      border-radius: 50%;
      position: absolute;
      top: 7px;
      left: -3px;
      z-index: 999; }
  .leftArrowTag.colorBlackTag {
    border-color: #121212;
    background-color: #121212;
    color: #FFFFFF; }
    .leftArrowTag.colorBlackTag:before {
      border-right-color: #121212; }
    .leftArrowTag.colorBlackTag:after {
      border-right-color: #121212; }
    .leftArrowTag.colorBlackTag span:before {
      background-color: #FFFFFF; }

.forFunTag, .peopleTag, .loungeTag {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.1px;
  text-align: center;
  color: #ffffff;
  display: inline-block; }

.forFunTag {
  background-color: #abd609;
  padding: 0 7px;
  display: inline-flex;
  align-items: center; }
  .forFunTag .iconHeart {
    margin-right: 3px; }

.peopleTag {
  background-color: #bc0865;
  padding: 0 12px;
  display: inline-flex;
  align-items: center; }
  .peopleTag .iconPeopleViolet {
    margin-right: 3px; }
  .peopleTag .iconPeopleWhite {
    margin-right: 3px; }

.loungeTag {
  background-color: #bc0865;
  border-radius: 0; }
  .loungeTag .iconLoungePink {
    margin-right: 3px; }
  .loungeTag .iconLounges {
    margin-right: 3px; }

nav.pagenation {
  margin-top: 40px;
  margin-bottom: 30px; }
  nav.pagenation .pagenationList {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 0; }
    nav.pagenation .pagenationList li {
      padding-left: 0;
      font-size: 14px; }
      nav.pagenation .pagenationList li:hover a {
        background-color: #ffffff;
        border: 1px solid #ff6600;
        border-radius: 2px;
        box-sizing: border-box;
        width: 38px;
        height: 38px; }
      nav.pagenation .pagenationList li.activity span {
        border: none; }
    nav.pagenation .pagenationList li:not(:first-child) {
      margin-left: 6px; }
    nav.pagenation .pagenationList .activity a, nav.pagenation .pagenationList .activity span {
      background-color: #ff6600;
      color: #FFFFFF; }
    nav.pagenation .pagenationList a, nav.pagenation .pagenationList span {
      width: 38px;
      height: 38px;
      text-align: center;
      line-height: 38px;
      display: block;
      border-radius: 2px;
      background-color: #F6F6F6;
      color: #121212;
      font-weight: bold;
      border: 1px solid #F6F6F6;
      box-sizing: border-box; }
    nav.pagenation .pagenationList span {
      border: 1px solid #ffffff; }
    nav.pagenation .pagenationList span.dot {
      background: #ffffff; }
    nav.pagenation .pagenationList .iconLeftArrow, nav.pagenation .pagenationList .iconRightArrow {
      vertical-align: middle;
      margin-top: -3px; }

.leafArticle {
  float: none; }
  .leafArticle .articleTop {
    padding-top: 20px; }
  .leafArticle header.articleHeader {
    margin: 0 70px; }
  .leafArticle header.articleHeader {
    margin: 0 70px; }
  .leafArticle .articleBody {
    margin: 0 70px; }
    .leafArticle .articleBody .pagenationList li:after {
      content: ''; }
  .leafArticle footer {
    margin: 0 70px; }
  .leafArticle .hightLightPart {
    position: relative;
    margin-left: -70px;
    padding: 0 70px;
    width: 100%; }
    .leafArticle .hightLightPart:before {
      /*content: ' ';
      position: absolute;
      width: 60px;
      height: 4px;
      background-color: #ff6600;*/ }
    .leafArticle .hightLightPart .articleBox {
      margin-bottom: 40px; }
  .leafArticle hr.hrLineFullWidth {
    margin-left: -70px;
    padding: 0 70px;
    width: 100%;
    height: 0;
    border: none;
    border-bottom: 1px solid #eeeeee; }

.articleBody p {
  font-size: 17px;
  line-height: 1.59;
  letter-spacing: 0.2px;
  color: #121212;
  margin-top: 20px;
  margin-bottom: 20px; }
  .articleBody a {
    color: #ff6600;
    font-weight: bold; }
  .articleBody div[class^="bpimage"] a { color:#7a7a7a; font-weight: normal; }
    .articleBody p a[target="_blank"]:after {
      content: url("/images/doors/2019/link.svg");
      top: 0;
      position: relative;
      margin-right: 5px;
      margin-left: 5px; }

.articleBody .bpimage_image {
  margin: 20px auto 0 auto;
  line-height: 0; }
  .articleBody .bpimage_image a {
    display: block;
    line-height: 0;
    position: relative; }
    .articleBody .bpimage_image a:after {
      content: url("/images/doors/2019/iconZoom.svg");
      position: absolute;
      bottom: 0;
      right: -1px;
      background-color: #121212;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
  .articleBody .bpimage_image img {
    border: 1px solid #eeeeee;
    width: 100%; }
  .articleBody .bpimage_image iframe {
    border: none; }

.articleBody .bpimage_image_hide_zoom a:after {
  content: '';
  background: none; }

.articleBody .bpimage_caption {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #7a7a7a;
  margin-top: 5px;
  margin-bottom: 10px;
  display: inline-block; }

.articleBody .bplead {
  font-weight: normal;
  margin-top: 29px;
  padding: 20px 30px;
  font-size: 15px;
  color: #121212;
  line-height: 1.67;
  letter-spacing: 0.4px;
  border: 1px solid #ff6600;
  margin-bottom: 40px;
  position: relative; }
  .articleBody .bplead:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 20px 11px 0 11px;
    border-color: #ff6600 transparent transparent transparent;
    bottom: -21px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .articleBody .bplead:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 19px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    bottom: -19px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .articleBody .bplead b {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 0.5px;
    color: #121212; }

.articleBody .sample {
  margin-top: 28px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px 0;
  color: #121212;
  border-bottom: 1px solid #ff6600;
  margin-bottom: 0; }

.articleBody h3 {
  margin-top: 28px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px 0;
  color: #121212;
  border-bottom: 1px solid #ff6600;
  margin-bottom: 20px;
  clear: both; }

.articleBody h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #121212;
  margin: 20px 0;
  clear: both; }

/* ================================================
■BP標準CSSサンプルコード
================================================  */
.articleBody .bgCol, .articleBody .bgColBlack, .articleBody .bgColGray, .articleBody .bgColSilver, .articleBody .bgColWhite, .articleBody .bgColRed, .articleBody .bgColYellow, .articleBody .bgColLime, .articleBody .bgColAqua, .articleBody .bgColBlue, .articleBody .bgColFuchsia, .articleBody .bgColMaroon, .articleBody .bgColOlive, .articleBody .bgColGreen, .articleBody .bgColTeal, .articleBody .bgColNavy, .articleBody .bgColPurple, .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; }

.articleBody .fontSizeXXL {
  font-size: 32px; }

.articleBody .fontSizeXL {
  font-size: 24px; }

.articleBody .fontSizeL {
  font-size: 21px; }

.articleBody .fontSizeS {
  font-size: 14px; }

.articleBody .fontSizeXS {
  font-size: 12px; }

.articleBody .textCol {
  color: #ff6600; }

.articleBody .textColTintA {
  color: #ff3c5f; }

.articleBody .textColTintB {
  color: #e5ff00; }

.articleBody .textColShade {
  color: #e9e5d4; }

.articleBody .textColShadeA {
  color: #ffd8df; }

.articleBody .textColShadeB {
  color: #e3e8b3; }

.articleBody .bgCol {
  background-color: #ff6600;
  color: #ffffff; }

.articleBody .bgColTintA {
  background-color: #ff3c5f;
  color: #ffffff; }

.articleBody .bgColTintB {
  background-color: #e5ff00; }

.articleBody .bgColShade {
  background-color: #e9e5d4; }

.articleBody .bgColShadeA {
  background-color: #ffd8df; }

.articleBody .bgColShadeB {
  background-color: #faffcc; }

.articleBody .textColBlack {
  color: #121212; }

.articleBody .textColBlackTintA {
  color: #7a7a7a; }

.articleBody .textColBlackTintB {
  color: #999999; }

.articleBody .textColBlackShade {
  color: #dddddd; }

.articleBody .textColBlackShadeA {
  color: #eeeeee; }

.articleBody .textColBlackShadeB {
  color: #f6f6f6; }

.articleBody .bgColBlack {
  background-color: #121212;
  color: #ffffff; }

.articleBody .bgColBlackTintA {
  background-color: #7a7a7a;
  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 .textColBlack { color: black; }
.articleBody .textColGray { color: gray; }
.articleBody .textColSilver { color: silver; }
.articleBody .textColWhite { color: white; }
.articleBody .textColRed { color: red; }
.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: 0.15em;
  border-bottom: solid 1px #121212; }

.articleBody .textUnsolidUndrLine {
  padding-bottom: 0.15em;
  border-bottom: dashed 1px #121212; }

.articleBody s, .articleBody del, .articleBody .textLineThrough {
  text-decoration: line-through; }

.articleBody .textHighlight {
  padding: 1px;
  background: #ff768f; }

.articleBody .textHighlightTintA {
  padding: 1px;
  background: #ecff4c; }

.articleBody .textHighlightTintB {
  padding: 1px;
  background: #76ddff; }

.articleBody .textHighlightShade {
  padding: 1px;
  background: #fff1f3; }

.articleBody .textHighlightShadeA {
  padding: 1px;
  background: #fdffed; }

.articleBody .textHighlightShadeB {
  padding: 1px;
  background: #f1fbff; }

.articleBody .textAlignLeft {
  text-align: left; }

.articleBody .textAlignCenter {
  text-align: center; }

.articleBody span.textAlignCenter {
  text-align: center;
  display: block; }

.articleBody .textAlignRight {
  text-align: right; }

.articleBody span.textAlignRight {
  text-align: right;
  display: block; }

.articleBody hr {
  width: 100%;
  border: none;
  border-top: 1px solid #eeeeee;
  margin-top: 20px;
  margin-bottom: 20px; }
  .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; }

.articleBody .bpimage_title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  margin-bottom: 5px;
  display: inline-block; }
  .articleBody .bpimage_title + .bpimage_image {
    margin-top: 5px; }

.articleBody .bpimage_click {
  line-height: 1.67em;
  color: #7a7a7a;
  font-size: 12px;
  margin-top: 5px; }

.articleBody .bpimage_left {
  float: left;
  margin: 0 30px 30px 0;
  width: 280px; }
  .articleBody .bpimage_left .bpimage_image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px; }
  .articleBody .bpimage_left img {
    width: 100%; }

.articleBody .bpimage_center {
  width: 480px;
  margin: 0 auto; }
  .articleBody .bpimage_center .bpimage_image {
    margin-bottom: 10px; }

.articleBody .bpimage_double {
  margin: 0 auto;
  overflow: hidden; }
  .articleBody .bpimage_double .bpimage_left, .articleBody .bpimage_double .bpimage_right {
    margin: 0;
    width: 300px; }

.articleBody .bpimage_triple {
  margin: 0 auto;
  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_center .bpimage_image {
      width: 100%;
      margin: 0 auto 10px auto; }
  .articleBody .bpimage_triple .bpimage_right {
    margin: 0;
    width: 196px; }

.articleBody .bpbox_left {
  float: left;
  margin: 0 30px 0 0; }

.articleBody .bpbox_right {
  float: right;
  margin: 0 0 0 30px; }

.articleBody .bpimage_set {
  margin: 0;
  /*width: 280px;*/ }
  .articleBody .bpimage_set .bpimage_image {
    width: 100%;
    margin: 0 auto 10px auto; }

.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: 0;
    clear: none;
    display: block; }
  .articleBody .bpimage_caption_right .bpimage_caption {
    clear: none;
    display: initial; }

.articleBody .bptable {
  text-align: center;
  width: 620px;
  margin: 10px auto 30px;
  overflow-x: auto; }
  .articleBody .bptable table {
    width: 600px;
    border-collapse: collapse;
    border: 1px solid #ff6600; }
  .articleBody .bptable th, .articleBody .bptable td {
    border: 1px inset #eeeeee;
    padding: 10px;
    font-size: 12px;
    line-height: 1.3em; }
  .articleBody .bptable th {
    text-align: center;
    font-weight: bold; }
  .articleBody .bptable tr:first-child {
    background: #fff7f2; }

.articleBody .bptable_title {
  font-size: 12px;
  line-height: 1.67;
  font-weight: bold;
  color: #121212;
  text-align: left; }

.articleBody .bptable_caption {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.2px;
  color: #8a8a8a;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px; }

.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 10px; }
  .articleBody .bpprofile_profile img {
    border-radius: 50%; }

.articleBody .bpprofile_persional {
  top: -5px;
  display: inline-block;
  position: relative;
  margin-left: 20px; }
  .articleBody .bpprofile_persional .bpprofile_position {
    margin-top: 0; }

.articleBody .bpprofile_position {
  display: inline-block;
  margin-top: 5px;
  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: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  margin-right: 12px; }

.articleBody .bpprofile_small_name {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #121212; }

.articleBody .bpprofile_text {
  font-size: 17px;
  line-height: 1.59;
  letter-spacing: 0.2px;
  color: #121212; }

.articleBody .bpprofile_photo .bpprofile_text img {
  float: none;
  margin: 0;
  padding: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: absolute;
  top: 23px;
  left: 0; }

.articleBody .bpprofile_photo {
  position: relative; }
  .articleBody .bpprofile_photo .bpprofile_profile {
    margin-left: 92px;
    margin-top: 10px; }
  .articleBody .bpprofile_photo .bpprofile_text {
    padding-top: 15px; }

.articleBody .bpinterview {
  width: auto;
  border: 1px solid #ff6600;
  margin: 0 auto 50px auto;
  padding: 25px 30px; }

.articleBody .bpinterview_profile {
  margin: 0 0 10px; }

.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: #121212;
  margin-right: 12px; }

.articleBody .bpinterview_small_name {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #121212; }

.articleBody .bpinterview_text {
  font-size: 17px;
  line-height: 1.59;
  letter-spacing: 0.2px;
  color: #121212; }

.articleBody .bpimage_right {
  float: right;
  margin: 0 0 30px 30px;
  width: 280px; }
  .articleBody .bpimage_right .bpimage_image {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px; }
  .articleBody .bpimage_right img {
    width: 100%; }

.articleBody ul > li, .articleBody ol > li {
  padding-left: 0;
  font-size: 17px;
  line-height: 1.59;
  letter-spacing: 0.2px;
  color: #121212; }

.articleBody dl > dd {
  line-height: 1.4;
  margin: 0 0 0.5em 2em; }

.articleBody ul, .articleBody ol, .articleBody dl {
  margin-bottom: 1.5em; }

.articleBody ul {
  list-style-type: disc;
  list-style: none;
  margin-top: 20px; }
  .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: #ff6600;
    position: absolute;
    left: -18px;
    top: 10px; }
  .articleBody ul.none {
    padding-left: 0.5em;
    list-style-type: none; }

.articleBody ol {
  margin-top: 20px;
  padding-left: 25px;
  list-style-type: decimal; }
  .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 10px; }
  .articleBody .bpquestion::before {
    content: '—'; }

.articleBody .bpanswer {
  line-height: 2em; }

.articleBody .bpbox, .articleBody .bpbox2, .articleBody .bpbox3, .articleBody .bpbox4, .articleBody .bpbox5, .articleBody .bpframe {
  width: auto;
  clear: both;
  margin: 20px 0 30px 0;
  padding: 30px 30px; }
  .articleBody .bpbox .bpimage_right, .articleBody .bpbox2 .bpimage_right, .articleBody .bpbox3 .bpimage_right, .articleBody .bpbox4 .bpimage_right, .articleBody .bpbox5 .bpimage_right, .articleBody .bpframe .bpimage_right {
    margin: 20px 0 20px 30px; }
  .articleBody .bpbox .bpbox_title, .articleBody .bpbox2 .bpbox_title, .articleBody .bpbox3 .bpbox_title, .articleBody .bpbox4 .bpbox_title, .articleBody .bpbox5 .bpbox_title, .articleBody .bpframe .bpbox_title {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #121212;
    position: relative;
    padding-left: 10px;
    margin: 0 0 15px; }
    .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 .bpframe .bpbox_title:before {
      content: ' ';
      width: 3px;
      height: 15px;
      background-color: #ff6600;
      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 .bpframe .bpbox_text {
    font-size: 17px;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #121212; }
  .articleBody .bpbox p, .articleBody .bpbox2 p, .articleBody .bpbox3 p, .articleBody .bpbox4 p, .articleBody .bpbox5 p, .articleBody .bpframe p {
    margin-bottom: 0; }

.articleBody .bpframe .bpbox_title {
  padding-left: 0; }
  .articleBody .bpframe .bpbox_title:before {
    content: '';
    width: 0;
    height: 0; }

.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 {
    /*font-size: 0.8em;*/
    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-radius: 2px;
  border: 1px solid #ff6600; }
  .articleBody .bpbox .bpbox_text h3 {
    color: #1e64aa; }

.articleBody .bpbox2 {
  border-radius: 2px;
  background-color: #fafafa; }
  .articleBody .bpbox2 .bpbox_title:before {
    background-color: #121212; }
  .articleBody .bpbox2 .bpbox_text h3 {
    color: #3c6478; }

.articleBody .bpbox3 {
  border-radius: 10px;
  background-color: rgba(246, 255, 169, 0.2); }
  .articleBody .bpbox3 .bpbox_text h3 {
    color: #be6400; }

.articleBody .bpbox4 {
  border-radius: 4px;
  border: 1px solid #ff5ea1; }
  .articleBody .bpbox4 .bpbox_title:before {
    background-color: #ff5ea1; }
  .articleBody .bpbox4 .bpbox_text h3 {
    color: #503c8c; }

.articleBody .bpbox5 {
  position: relative;
  border: 1px solid #86aadf; }
  .articleBody .bpbox5 .bpbox_title:before {
    background-color: #86aadf; }
  .articleBody .bpbox5 .bpbox_text h3 {
    color: #503c8c; }
  .articleBody .bpbox5:after {
    content: ' ';
    border: 1px solid #86aadf;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px; }

.articleBody .bpframe {
  border-radius: 2px;
  border: 1px solid #eeeeee; }
  .articleBody .bpframe .bpbox_title:before {
    background-color: #ff6600; }
  .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 0 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; }
  .articleBody blockquote:before {
    content: url("/images/doors/2019/blockquote.svg");
    line-height: 1;
    position: absolute;
    left: 12px;
    top: 12px; }
  .articleBody blockquote:after {
    content: url("/images/doors/2019/blockquote.svg");
    line-height: 1;
    position: absolute;
    right: 12px;
    bottom: 12px;
    transform: scaleX(-1); }
  .articleBody blockquote cite {
    font-style: normal; }
  .articleBody blockquote p {
    margin-top: 8px;
    margin-bottom: 0; }
    .articleBody blockquote p.textAlignRight {
      font-size: 14px;
      color: #666666; }
      .articleBody blockquote p.textAlignRight a {
        color: #666666;
        font-weight: normal; }
        .articleBody blockquote p.textAlignRight a:after {
          content: ''; }

.articleBody .bpquote_caption {
  font-size: 14px;
  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;
  margin: 30px 0; }
  .articleBody div.bpteisei_box .bpteisei {
    font-size: 15px;
    line-height: 2; }
    .articleBody div.bpteisei_box .bpteisei b {
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 0.2px;
      color: #c20000; }

.articleBody div.bpword, .articleBody div.cooperation_box {
  line-height: 1.67;
  padding: 10px 0;
  margin: 30px 0;
  border-top: 1px dotted #d8d8d8;
  color: #121212;
  font-size: 15px; }

.articleBody div.bpannotation {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  margin: 25px 0 30px 0; }

.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: #121212; }

.articleBody .tableOfContent {
  margin-bottom: 0;
  padding-left: 0; }
  .articleBody .tableOfContent li {
    display: flex;
    align-items: center;
    margin-bottom: 20px; }
    .articleBody .tableOfContent li a {
      display: flex; }
  .articleBody .tableOfContent .tableOfContentItemLeft {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background-color: #eeeeee;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #121212; }
  .articleBody .tableOfContent .tableOfContentItem.futureArticle .tableOfContentItemRight {
    color: #898989; }
  .articleBody .tableOfContent .tableOfContentItemRight {
    width: calc(100% - 40px);
    margin-left: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #ff6600; }
  .articleBody .tableOfContent a:hover .tableOfContentItemRight {
    text-decoration: underline;}
  .articleBody .tableOfContent .tocCurrent .tableOfContentItemLeft {
    background-color: #ff6600;
    color: #ffffff; }
  .articleBody .tableOfContent .tocCurrent .tableOfContentItemRight {
    color: #121212;
    font-weight: bold; }
  .articleBody .tableOfContent .tocCurrent span {
    color: #ff3c5f;
    font-weight: 500;
    margin-left: 1em; }
  .articleBody .tableOfContent .tocLast {
    margin-bottom: 10px; }
    .articleBody .tableOfContent .tocLast .tableOfContentItemLeft {
      border: 1px solid #eeeeee;
      background: #ffffff;
      width: 22px;
      height: 22px; }
    .articleBody .tableOfContent .tocLast .tableOfContentItemRight {
      color: #898989; }

.articleBanner {
  margin: 0 -70px;
  justify-content: center;
  display: flex; }
  .articleBanner img {
    vertical-align: bottom;
    max-width: 760px;
    width: 100%; }
.articleBanner.parent{
  margin: 0;
}

.articleBoxShadow {
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 5px; }

.articleTop .articleTopWrapper {
  position: relative;
  height: 465px; }
  .articleTop .articleTopWrapper .articleTopHeader {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 0; }
  .articleTop .articleTopWrapper .overlayGradient {
    background: -webkit-linear-gradient(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.32) 73%, rgba(0, 0, 0, 0.32) 100%);
    background: -o-linear-gradient(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.32) 73%, rgba(0, 0, 0, 0.32) 100%);
    background: linear-gradient(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.32) 73%, rgba(0, 0, 0, 0.32) 100%);
    height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius: 0; }

.articleTop .articleTopBlur {
  position: absolute;
  top: -20px;
  left: -70px;
  z-index: -11;
  width: calc(100% + 140px);
  height: 465px;
  overflow: hidden; }

.articleTop .articleTopBlurImg {
  transform: scale(1.1);
  width: 100%;
  height: 465px; }
  .articleTop .articleTopBlurImg img {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    width: 100%;
    height: 465px; }
_:-ms-lang(x)::-ms-backdrop, .articleTop .articleTopBlur {
  opacity: 0.2; }

.articleTopImage {
  line-height: 0; }
  .articleTopImage img {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    border-radius: 0; }

.articleTopTitle {
  font-size: 27px;
  font-weight: bold;
  color: #FFFFFF;
  margin: 7px 0 20px 0;
  line-height: 1.5; }

.articleHeaderTitle {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: bold;
  color: #121212;
  line-height: 1.38; }
  .articleHeaderTitle .iconOpen {
    width: 28px;
    height: 28px;
    margin-left: 10px; }
  .articleHeaderTitle .iconLockLarge {
    position: relative;
    top: 2px; }

.articleHeaderSubTitle {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #121212; }

.articleHeaderSubTitleBlack {
  margin-top: 13px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  color: #121212;
  letter-spacing: 0.5px; }

.articleHeaderTime {
  margin-top: 25px;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #7a7a7a; }

.articleCategoryList {
  margin-top: 25px;
  float: right;
  display: flex; }
  .articleCategoryList [class*="Tag"]:not(:last-child) {
    margin-right: 12px; }

.articleCommentShape {
  margin-top: 29px; }

.articleCommentShapeBorder {
  padding: 16px;
  font-size: 17px;
  color: #121212;
  line-height: 1.6;
  border: 1px solid rgba(147, 126, 40, 0.3); }

.articleCommentShapeArrow {
  text-align: center; }
  .articleCommentShapeArrow .iconBottomArrow {
    background-position: bottom;
    background-color: #FFFFFF;
    margin-top: -3px;
    height: 20px; }

.articleTopic .goldBrickTag {
  margin-bottom: 12px; }

.articleTopic .articleTopicTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
  letter-spacing: 0.2px;
  color: #121212; }

.articleTopic .articleTopicDescription {
  margin-top: 21px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #7a7a7a; }

.articleFaqList .articleFaqItem {
  margin-top: 28px; }

.articleFaqAnswer {
  font-size: 17px;
  line-height: 1.59;
  letter-spacing: 0.2px;
  color: #121212;
  padding-top: 20px; }
  .articleFaqAnswer .articleFigure {
    margin-top: 28px; }
    .articleFaqAnswer .articleFigure img {
      border: 1px solid #eeeeee; }

.articleRelation {
  margin-top: 20px;
  padding: 30px 30px 22.5px 30px;
  background-color: #fafafa;
  margin-bottom: 40px; }

.articleRelationHeader {
  color: #ff6600;
  font-size: 17px;
  margin-bottom: 5px; }

ul.articleRelationList {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0; }
  ul.articleRelationList li {
    padding: 7.5px 0; }
  ul.articleRelationList span {
    color: #121212;
    line-height: 1.4;
    font-weight: bold;
    position: relative;
    padding-left: 17px;
    display: block; }
  ul.articleRelationList span:before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #ff6600;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px; }

section#terrace{
  margin-top: -70px;
  padding-top: 70px; }
.articleRelationTerrace {
  margin-top: 40px; }

.articleRelationTerraceHeader {
  background-color: #02cc94;
  color: #FFFFFF;
  line-height: 1.8;
  display: inline-block;
  letter-spacing: 0.2px;
  padding: 7px 16px 7px 12px;
  font-weight: bold;
  font-size: 15px; }
  .articleRelationTerraceHeader .icon {
    margin-right: 6px;
    margin-top: -5px;
    vertical-align: middle; }

.articleRelationTerraceBody {
  padding: 10px 32px 30px 32px;
  border: solid 1px #02cc94; }

ul.articleRelationTerraceList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.articleRelationTerraceList .articleBlogItemBlogger {
    display: flex;
    align-items: center; }
  ul.articleRelationTerraceList li {
    padding-left: 0;
    line-height: 1;
    border-bottom: solid 1px #eeeeee;
    margin-top: 15px;
    padding-bottom: 15px; }
  ul.articleRelationTerraceList .articleBloggerName {
    display: inline-block;
    font-size: 13px;
    color: #242424; }
    ul.articleRelationTerraceList .articleBloggerName:hover {
      text-decoration: underline; }
  ul.articleRelationTerraceList .articleBloggerInfo {
    display: inline-block;
    font-size: 11px;
    color: #8a8a8a;
    position: relative;
    top: -1px;
    left: 8px; }
section#terrace .articleRelationTerrace .articleRelationTerraceBody p.terraceNote{
  margin-top: 10px;
  font-size: 13px;
  text-align: right; }

.articleBlogItem.nikkeiDoorItem .articleBloggerName {
  line-height: 32px; }

.articleBlogItem.nikkeiDoorItem .articleBlogPostTitle {
  margin-top: -2px; }

.articleBlogItemBlogger {
  display: flex; }

.articleBlogItemLeft .articleBloggerAvatar {
  width: 32px; }

.articleBlogItemRight {
  padding-left: 12px; }

.articleBlogItemPost {
  padding-left: 40px; }
  .articleBlogItemPost .terracePlainTextGoldTag {
    margin-top: 15px; }

.articleBloggerAvatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.articleBloggerName {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.24;
  letter-spacing: 0.2px;
  color: #121212;
  font-style: normal; }

.articleBloggerInfo {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #7a7a7a; }

.articleBlogPostTitle {
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  margin: 0;
  font-size: 16px;
  margin-top: 5px; }

.articleBody .articleBlogPostTitle {
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  margin-top: 7px;
  padding-top: 0;
  font-size: 15px; }

.articleBody .articleBloggerIntroduce {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  margin-top: 8px;
  margin-bottom: 0; }

.articleBody .articleBlogItemGroup ul {
  margin-top: 0; }

.articleBody .articleBlogItemGroup li {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  padding-left: 30px;
  position: relative; }
  .articleBody .articleBlogItemGroup li:before {
    content: url("/images/doors/2019/people_link.svg");
    position: absolute;
    top: 3px;
    left: 0; }

.articleBloggerIntroduce {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  margin-top: 8px; }
  
.articleBloggerIntroduce a {
  color: #ff6600; }

.articleBloggerIntroduce a:hover {
  text-decoration: underline; }

.articleBlogItemGroup li {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  padding-left: 30px;
  position: relative; }
  .articleBlogItemGroup li:before {
    content: url("/images/doors/2019/people_link.svg");
    position: absolute;
    top: 3px;
    left: 0; }
    .articleBlogItemGroup li a:hover {
      text-decoration: underline; }

.articleBlogIntroduce {
  padding-top: 30px;
  position: relative; }
  .articleBlogIntroduce:before {
    content: ' ';
    position: absolute;
    width: 60px;
    height: 4px;
    top: 0;
    left: 0;
    background-color: #ff6600; }
  .articleBlogIntroduce .articleBlogItem .articleBloggerInfo {
    line-height: 1.67;
    margin-top: 7px; }
  .articleBlogIntroduce .articleBlogItemRight {
    width: 388px;
    padding-left: 20px; }
  .articleBlogIntroduce .articleSeeMoreNav {
    position: absolute;
    top: 70px;
    right: 0; }
  .articleBlogIntroduce .articleBloggerAvatar {
    height: 72px;
    width: 72px; }

.articleSeeMoreNav {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 20px; }

.seeMoreGoldButton {
  color: #121212;
  font-size: 15px; }
  .seeMoreGoldButton:hover {
    text-decoration: underline; }
  .seeMoreGoldButton .iconPlayRightArrow {
    margin-left: 10px;
    margin-top: -3px;
    vertical-align: middle; }

.articleFigure {
  line-height: 1; }
  .articleFigure img {
    max-width: 100%;
    margin: 0 auto;
    display: table; }
  .articleFigure figcaption {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    margin-top: 10px; }

.articleSNS {
  height: 23px;
  margin-top: 20px; }

.articleCategoryNav {
  margin-top: 26px; }

.articleFooter {
  margin-bottom: 40px;}

.articleFooter .hightLightPart {
  margin-top: 40px;
  padding-bottom: 30px;
  margin-bottom: 10px; }

.facebookLike {
  font-size: 12px;
  color: #7a7a7a; }
  .facebookLike .facebookLikeTag {
    vertical-align: middle;
    margin-right: 10px; }
  .facebookLike span {
    vertical-align: middle;
    line-height: 0; }

.articleBox {
  margin-top: 40px;
  border-radius: 2px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  padding: 20px 20px 10px 20px; }
  .articleBox .articleSeeMoreNav {
    margin-top: 18px; }

.articleBoxHeader {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #242424;
  font-weight: bold; }
  .articleBoxHeader .graySlimTag {
    vertical-align: middle;
    margin-left: 7px; }

.articleBoxFollow {
  overflow: hidden;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 30px; }

.suggestionFollowButton {
  position: relative;
  border: 1px solid #ff6600;
  color: #ff6600;
  border-radius: 16px;
  padding: 5px 10px;
  font-weight: bold; }
  .suggestionFollowButton:hover {
    border: 2px solid #ff6600;
    line-height: 20px !important;
    padding-left: 31px !important; }
  .suggestionFollowButton:hover::before {
    top: 4px;
    left: 14px; }
  .suggestionFollowButton i {
    font-style: normal;
    width: 17px;
    height: 17px;
    margin-right: 20px; }

.articleBoxList {
  margin-bottom: 40px;
  margin-top: 20px; }
  .articleBoxList li:not(:first-child) {
    border-top: solid 1px #eeeeee;
    padding-top: 19px;
    margin-top: 16px; }
  .articleBoxList li:last-child {
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 16px; }

.articlePostItem .articlePostImage {
  transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975); }

.articlePostItem:hover h3 {
  text-decoration: underline; }

.articlePostItem:hover .articlePostImage {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .articlePostItem:hover .articlePostImage img {
    transform: scale(1.1); }

.articlePostItemWrapper {
  display: flex;
  justify-content: space-between; }

.articlePostLeft {
  padding-right: 22px; }
  .articlePostLeft .articlePostAlignLeft, .articlePostLeft .articlePostAlignRight {
    margin-top: 5px;
    display: inline-block; }
  .articlePostLeft .articlePostAlignRight {
    float: right; }
  .articlePostLeft time {
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    color: #7a7a7a;
    display: inline-flex;
    float: right;
    margin-top: 10px; }

.articlePostTitle {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.38;
  color: #121212;
  margin: 0; }
  .articlePostTitle .iconSmallLockOpen, .articlePostTitle .iconSmallLockClose {
    width: 14px;
    height: 14px;
    margin-bottom: -1px;
    margin-left: 2px; }

.articlePostSummary {
  font-size: 14px;
  line-height: 1.43;
  color: #7a7a7a;
  margin-top: 5px;
  margin-bottom: 0; }

.articlePostAlignLeft, .articlePostAlignRight {
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #7a7a7a; }

.articlePostImage {
  width: 120px;
  overflow: hidden;
  border-radius: 2px;
  line-height: 0;
  position: relative; }
  .articlePostImage img {
    width: 100%;
	height: auto;
    transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
  .articlePostImage .forFunTag {
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 64px;
    height: 16px;
    justify-content: center;
	border-bottom-left-radius: 2px; }
    .articlePostImage .forFunTag .iconHeart {
      margin-right: 4px; }
    .articlePostImage .forFunTag.violetBg {
      background-color: #da3fe0; }
  .articlePostImage .peopleTag {
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 60px;
    height: 16px;
    justify-content: center;
	border-bottom-left-radius: 2px; }
    .articlePostImage .peopleTag .iconHeart {
      margin-right: 4px; }
    .articlePostImage .peopleTag .iconPeopleWhite {
      margin-right: 4px; }
    .articlePostImage .peopleTag.darkRedBg {
      background-color: #bc0865; }
  .articlePostImage .loungeTag {
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 64px;
    height: 16px;
	border-bottom-left-radius: 2px; }
    .articlePostImage .loungeTag .iconHeart {
      margin-right: 4px; }
    .articlePostImage .loungeTag.pinkBg {
      background-color: #ff3c5f; }
  .articlePostImage .iconVideo, .articlePostImage .iconVoice {
    width: 18px;
    height: 18px; }

.articleFeedback {
  padding: 30px 16px;
  margin-top: 20px;
  border-radius: 4px;
  border: solid 1px #dddddd;
  background-color: #ffffff; }

.articleFeedbackHeader {
  text-align: center; }
  .articleFeedbackHeader .articleFeedbackCaption {
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #121212;
    margin-top: 10px; }

.articleFeedbackBody {
  margin-top: 17px; }

.articleFeedbackBodyWrapper {
  display: flex;
  flex-wrap: wrap; }
  .articleFeedbackBodyWrapper .formInput {
    flex-grow: 1;
    width: 100%; }

.articleFeedbackAlert p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.47;
  color: #121212;
  text-align: center;
  margin-top: 20px; }

.articleFeedbackLink {
  border-radius: 4px;
  background-color: #ffffff;
  padding: 37px 25px; }
  .articleFeedbackLink .articleFeedbackCaption {
    font-size: 14px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 20px; }
  .articleFeedbackLink .articleFeedbackSubmit {
    width: 200px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #ff6600;
    font-size: 15px;
    font-weight: bold;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #ff6600;
    margin: 0 auto; }
    .articleFeedbackLink .articleFeedbackSubmit:hover {
      height: 38px;
      width: 198px;
      border: 2px solid #ff6600;
      line-height: 38px; }

.formInput {
  border-radius: 4px;
  border: solid 1px #eeeeee;
  background-color: #fafafa;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  padding: 9px 14px 14px 14px; }
  .formInput::placeholder, .formInput:-ms-input-placeholder, .formInput::-ms-input-placeholder {
    color: #7a7a7a; }

.goldFormButton {
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  background-color: #ff6600;
  border: 0;
  padding: 5px 26px;
  display: flex;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 22px; }

.loginBox {
  position: relative;
  text-align: center;
  margin: 40px 0; }
  .loginBox .loginBoxContainer {
    background-color: #fafafa;
    padding: 30px 20px;
    border-radius: 4px; }
  .loginBox .loginBoxContainer .paywallCampaignWrapper{
    padding: 15px 0 0; }
    .loginBox .loginBoxContainer .iconMediumLockClose {
      width: 20px; }
  .loginBox .loginBoxMessage {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #424242;
    padding: 5px 0 0 0; }
    .loginBox .loginBoxMessage span {
      font-size: 18px; }
    .loginBox .loginBoxMessage a {
      color: #424242; }
  .loginBox .loginBoxMessage.loginBoxMessageFinish {
    color: #121212; }
  .loginBox p {
    padding-top: 0;
    margin: 10px 0 0 0; }
  .loginBox ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    color: #ffffff;
    list-style: none;
    padding-left: 0;
    margin-top: 0; }
    .loginBox ul li {
      width: 280px;
      margin: 0 auto;
      padding-left: 0; }
      .loginBox ul li:after {
        content: ''; }
  .loginBox li.btnLogin {
    margin-right: 10px; }
    .loginBox li.btnLogin a {
      color: #ff6600;
      height: 54px;
      border-radius: 28px;
      border: 1px solid #ff6600;
      font-size: 17px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 22px 0 0 0;
      padding-left: 0; }
      .loginBox li.btnLogin a:hover {
        color: #ff6600;
        background: transparent;
        height: 52px;
        border: 2px solid #ff6600; }
  .loginBox li.btnRegister, .loginBox li.btnApply {
    margin-left: 10px; }
    .loginBox li.btnRegister a, .loginBox li.btnApply a {
      color: #FFFFFF;
      height: 56px;
      border-radius: 28px;
      background: #5b70be;
      background: -webkit-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
      background: -o-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
      background: linear-gradient(to right, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b70be', endColorstr='#1835a4',GradientType=1 );
      font-size: 17px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 20px 0 0 0; }
      .loginBox li.btnRegister a:hover, .loginBox li.btnApply a:hover {
        color: #100e65;
        background: transparent;
        border: 1px solid #100e65;
        height: 54px; }
  .loginBox li.btnApply {
    margin: 0 auto; }
  .loginBox .loginBoxFaq {
    font-size: 14px;
    font-weight: bold;
    color: #ff6600; }
  .loginBox p a:after {
    content: ' '; }

.insertAd {
  background-color: #f6f6f6;
  padding: 17px 37px; }
  .insertAd img {
    width: 100%; }

.articleBoxHeaderYellow {
  margin-top: 40px;
  position: relative; }
  .articleBoxHeaderYellow img {
    max-width: 100%; }
  .articleBoxHeaderYellow .articleBoxHeaderNotice {
    font-size: 12px;
    font-weight: 500;
    color: #898989;
    margin-top: 10px; }
  .articleBoxHeaderYellow .rankingNote {
    font-size: 15px;
    font-weight: bold;
    color: #121212;
    margin-top: 8px; }
  .articleBoxHeaderYellow .btnMoreList {
    font-size: 14px;
    font-weight: 500;
    color: #121212;
    line-height: 1;
    bottom: 6px;
    right: 0;
    position: absolute; }
    .articleBoxHeaderYellow .btnMoreList img {
      margin-left: 8px; }

.prGrayTag {
  font-weight: bold;
  height: 16px;
  border: solid 1px #121212;
  padding: 0 7px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #121212; }

.prGrayTagRight {
  height: 16px;
  padding: 0px 7px;
  display: flex;
  align-items: center;
  border: solid 1px #121212;
  background-color: #fff;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #121212;
  float: right;
  margin-top: 3px; }

.tabWrapper {
  margin-bottom: 40px; }
  .tabWrapper ul.tabHeader {
    margin-top: 15px;
    border-bottom: 1px solid #ff6600;
    display: flex;
    padding-left: 0; }
    .tabWrapper ul.tabHeader li {
      width: 50%;
      display: inline-block;
      text-align: center;
      padding-bottom: 10px;
      color: #7a7a7a;
      font-size: 15px;
      font-weight: 500; }
    .tabWrapper ul.tabHeader li.active {
      font-weight: bold;
      color: #ff6600;
      border-bottom: 2px solid #ff6600; }
  .tabWrapper .tabContent .tabItem {
    padding-left: 0; }
  .tabWrapper .tabContent .rankItem {
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    padding: 13px 0;
    display: flex; }
    .tabWrapper .tabContent .rankItem:hover h3 {
      text-decoration: underline; }
    .tabWrapper .tabContent .rankItem:hover .rankImg img {
      opacity: 0.7; }
  .tabWrapper .tabContent .rankNumber {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 3px; }
    .tabWrapper .tabContent .rankNumber img {
      width: 18px;
      height: 18px; }
    .tabWrapper .tabContent .rankNumber span {
      font-size: 12px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0px;
      left: 0.3px;
      width: 18px;
      height: 18px;
      color: #FFFFFF; }
  .tabWrapper .tabContent .rankNormal .rankNumber {
    margin-top: -2px; }
    .tabWrapper .tabContent .rankNormal .rankNumber span {
      color: #ff6600; }
  .tabWrapper .tabContent .rankTitle {
    width: calc(100% - 78px);
    display: inline-block; }
    .tabWrapper .tabContent .rankTitle h3 {
      padding: 0 12px;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.43;
      letter-spacing: 0.2px;
      position: relative;
      margin: 0; }
      .tabWrapper .tabContent .rankTitle h3 i {
        margin-left: 3px; }
    .tabWrapper .tabContent .rankTitle .rankAlignLeft {
      padding-left: 12px;
      font-size: 12px;
      color: #7a7a7a;
      letter-spacing: 0.2px;
      margin-top: 7px; }
      .tabWrapper .tabContent .rankTitle .rankAlignLeft span {
        margin-right: 5px; }
  .tabWrapper .tabContent .rankImg {
    width: 60px;
    display: inline-block; }
    .tabWrapper .tabContent .rankImg .rankImgContent {
      display: flex;
      border-radius: 4px;
      overflow: hidden; }
    .tabWrapper .tabContent .rankImg img {
      width: 100%;
      height: auto;
      transition: opacity .05s; }

.articleBannerLesson {
  position: relative;
  height: 243px; }
  .articleBannerLesson .overlayGradientSecond {
    background-color: rgba(0, 0, 0, 0.5);
    height: 71px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 4px; }
  .articleBannerLesson img {
    position: absolute;
    top: 0;
    z-index: -1;
    border-radius: 4px;
    left: 0; }
  .articleBannerLesson .bannerLessonTitle {
    position: absolute;
    left: 70px;
    bottom: 16px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF; }

hr.hrArticleBodyTop {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ff6600;
  padding: 0;
  margin-top: 30px;
  opacity: 0.3; }

/*
.pickupWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 60px; }
  .pickupWrapper a {
    display: block;
    text-align: center; }
    .pickupWrapper a:hover .pickupName {
      text-decoration: underline; }
    .pickupWrapper a:hover .pickupImage {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .pickupWrapper .pickupItem {
    width: 190px;
    margin-bottom: 30px; }
    .pickupWrapper .pickupItem .pickupImage {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      width: 120px;
      margin: 0 auto;
      display: flex;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
      .pickupWrapper .pickupItem .pickupImage img {
        width: 100%; }
    .pickupWrapper .pickupItem .pickupDate {
      font-size: 12px;
      font-weight: 500;
      color: #7a7a7a;
      margin-top: 15px; }
    .pickupWrapper .pickupItem .pickupName {
      font-size: 17px;
      font-weight: bold;
      color: #121212; }
*/
.pickupWrapper {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 60px; }
  .pickupWrapper a {
    display: inline-block;
    text-align: center; }
    .pickupWrapper a:hover .pickupName {
      text-decoration: underline; }
    .pickupWrapper a:hover .pickupImage {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .pickupWrapper .pickupItem {
    width: 190px;
    margin-bottom: 30px;
    float: left;
    text-align: center; }
    .pickupWrapper .pickupItem .pickupImage {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      width: auto;
      height: 160px;
      margin: 0 auto;
      overflow: hidden;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
      display: inline-block;
      border-radius: 4px; }
      .pickupWrapper .pickupItem .pickupImage img {
        width: auto;
        height: 100%;
        display: block;
        border-radius: 4px; }
    .pickupWrapper .pickupItem .pickupDate {
      font-size: 12px;
      font-weight: 500;
      color: #7a7a7a;
      margin-top: 15px; }
    .pickupWrapper .pickupItem .pickupName {
      font-size: 17px;
      font-weight: bold;
      color: #121212; }

.smallScreenMode .pickupWrapper {
  padding-left: 8px; }

.prBox {
  background-color: #fafafa;
  margin-bottom: 40px; }
  .prBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5px 0; }
  .prBox li {
    width: 370px;
    display: block;
    padding: 0;
    border:none;
    border-top: 1px solid #eeeeee; }
  .prBox li:nth-child(1),
  .prBox li:nth-child(2){
    border-top: none; }
  .prBox .prBoxItemNoBoderBottom {
    border-bottom: none; }
  .prBox .prBoxRight {
    width: calc(100% - 30px); }
    .prBox .prBoxRight .prBoxTitle {
      padding-left: 10px;
      font-size: 14px;
      font-weight: 500;
      color: #121212;
      line-height: 1.5;
      margin: 0; }
      .prBox .prBoxRight .prBoxTitle:hover {
        text-decoration: underline; }

.articleBodyExpansion {
  padding: 15px 0;
  text-align: center; }
  .articleBodyExpansion .bodyExpansionTitle {
    font-size: 17px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 8px; }
  .articleBodyExpansion .bodyExpansionSubTitle {
    font-size: 14px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 17px; }
  .articleBodyExpansion .bpimage_caption {
    font-size: 14px;
    font-weight: 500;
    color: #7a7a7a;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.5; }
  .articleBodyExpansion .bodyExpansionClose {
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: #ff6600; }
    .articleBodyExpansion .bodyExpansionClose img {
      margin-right: 6px;
      height: 12px; }
  .articleBodyExpansion .articleFooterExpansion footer {
    display: flex;
    line-height: 10px;
    justify-content: center;
    margin-top: 40px; }
    .articleBodyExpansion .articleFooterExpansion footer img {
      width: 38px;
      height: 10px;
      margin-right: 8px; }
    .articleBodyExpansion .articleFooterExpansion footer .copyright {
      font-size: 9px;
      font-weight: 500;
      color: #7a7a7a; }

.articleTitleTop {
  padding-top: 42px; }
  .articleTitleTop p {
    font-size: 14px;
    font-weight: bold;
    color: #ff6600; }

.articleBannerLounge {
  margin-top: 40px; }

.bpCommentBox {
  margin-top: 20px; }
  .bpCommentBox .bpCommentItem {
    display: flex;
    margin-bottom: 20px;
    align-items: center; }
  .bpCommentBox .bpCommentLeft {
    width: 40px;
    height: 40px; }
    .bpCommentBox .bpCommentLeft img {
      width: 100%;
      border-radius: 50%; }
  .bpCommentBox .bpCommentRight {
    width: calc(100% - 40px); }
    .bpCommentBox .bpCommentRight .bpCommentContent {
      font-size: 14px;
      font-weight: 500;
      color: #121212;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .bpCommentBox .bpCommentRight .bpCommentTime {
      font-size: 12px;
      font-weight: 500;
      color: #7a7a7a;
      margin-top: 5px; }
  .bpCommentBox .bpCommentContentWrapper {
    padding-left: 11px; }

.bpCommentParticipating {
  font-size: 15px;
  color: #ff6600;
  display: flex;
  align-items: center;
  justify-content: center; }
  .bpCommentParticipating img {
    margin-right: 5px;
    width: 14px;
    height: 14px; }

.btnSeeMoreGradient {
  width: 240px;
  height: 41px;
  border-radius: 28px;
  border: 1px solid #ff6600;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  background: #b2a367;
  background: -moz-linear-gradient(left, #eb8c4c 0%, #ff6600 100%);
  background: -webkit-linear-gradient(left, #eb8c4c 0%, #ff6600 100%);
  background: linear-gradient(to right, #eb8c4c 0%, #ff6600 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2a367', endColorstr='#95802c',GradientType=1 );
  font-size: 17px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 22px 0 0 0;
  padding-left: 0;
  color: #ffffff;
  margin: 10px auto 70px auto; }
  .btnSeeMoreGradient img {
    width: 17px;
    height: 17px;
    margin-right: 8px; }
  .btnSeeMoreGradient a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }

.bpCarouselNote {
  font-size: 15px;
  font-weight: bold;
  color: #121212;
  margin: 32px 0 16px 0; }

.bpCarousel {
  padding-left: 16px;
  margin-bottom: 24px; }
  .bpCarousel .bpCarouselItem {
    margin-bottom: 10px;
    width: 319px;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff; }
    .bpCarousel .bpCarouselItem img {
      width: 100%; }
  .bpCarousel .bpCarouselWrapper {
    position: relative; }
  .bpCarousel .bpCarouselContent {
    position: absolute;
    bottom: 10px;
    left: 16px; }
  .bpCarousel .bpCarouselTag {
    font-size: 12px;
    color: #ffffff;
    padding: 4px 10px;
    background-color: #ff6600;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 5px; }
  .bpCarousel .bpCarouselTitle {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.4;
    padding-right: 10px; }
  .bpCarousel .bpCommentBox .bpCommentItem {
    padding: 0 16px; }
  .bpCarousel .bpCommentBox .bpCommentRight .bpCommentContent {
    font-size: 13px; }
  .bpCarousel .slick-slide {
    margin-right: 16px; }
  .bpCarousel .slick-dots {
    top: -35px;
    right: 25px;
    text-align: right;
    max-height: 30px; }
    .bpCarousel .slick-dots li {
      margin: 0;
      width: 10px; }
      .bpCarousel .slick-dots li button:before {
        width: 15px;
        opacity: 1;
        color: #eeeeee; }
    .bpCarousel .slick-dots li.slick-active button:before {
      color: #af8d3a; }

.bpCarousel.slick-dotted.slick-slider {
  margin-bottom: 10px; }

.smallScreenMode .bpCarousel {
  padding-left: 8px; }

.feedbackCommon {
  padding: 30px 70px;
  padding-bottom: 0;
  background-color: #f9f8f4;
  margin-top: 20px; }
  .feedbackCommon:last-child {
    padding-bottom: 80px; }

.seminarShowMore {
  font-size: 15px;
  font-weight: bold;
  color: #ff6600; }
  .seminarShowMore a {
    height: 40px;
    width: 240px;
    display: flex;
    border-radius: 20px;
    border: solid 1px #72640c;
    align-items: center;
    justify-content: center;
    margin: 35px auto;
    margin-bottom: 60px; }
    .seminarShowMore a:hover {
      background-color: rgba(147, 126, 40, 0.2); }
    .seminarShowMore a img {
      margin-left: 5px; }

.articleBoxReportHeader {
  font-size: 15px;
  font-weight: bold;
  color: #121212;
  margin: 35px 0 20px 0; }

.articleSectionBoxReport {
  margin-bottom: 60px;
  margin-top: 30px; }
  .articleSectionBoxReport .rightShowMore {
    margin-top: 28px; }
  .articleSectionBoxReport .articlePostImage {
    display: flex;
    position: relative; }
    .articleSectionBoxReport .articlePostImage span.lesson {
      height: 16px;
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      background: #660e56;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 18px;
      padding-right: 4px; }
    .articleSectionBoxReport .articlePostImage .icon.iconPen {
      position: absolute;
      height: 10px;
      width: 10px;
      left: 4px;
      top: 2px;
      background-size: cover; }
    .articleSectionBoxReport .articlePostImage .iconSvg.iconReport {
      position: absolute;
      height: 12px;
      width: 11px;
      left: 4px;
      top: 2px;
      background-size: cover; }
    .articleSectionBoxReport .articlePostImage span.report {
      height: 16px;
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      background: #666666;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 20px;
      padding-right: 4px;
      border-radius: 2px; }
  .articleSectionBoxReport .articleBoxList {
    margin-top: 20px; }
    .articleSectionBoxReport .articleBoxList li:not(:first-child) {
      border-top: solid 1px #eeeeee;
      padding-top: 19px;
      margin-top: 16px; }

.articleOtherLounges {
  padding: 55px 0; }

.otherLoungesTitle {
  font-size: 17px;
  font-weight: bold;
  color: #121212;
  display: inline; }

.rightShowMore {
  display: inline;
  float: right; }

.otherLoungesItems ul {
  display: table;
  border-spacing: 20px;
  margin-left: -20px; }
  .otherLoungesItems ul li {
    position: relative;
    display: table-cell;
    width: 240px;
    transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden; }
    .otherLoungesItems ul li a:hover .loungesItemImg img {
      transform: scale(1.1); }
    .otherLoungesItems ul li a:hover .loungesTitleContainer p {
      text-decoration: underline; }
    .otherLoungesItems ul li .loungesItem {
      transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
      .otherLoungesItems ul li .loungesItem .loungesItemTitle {
        display: flex;
        position: relative; }
        .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesItemImg {
          display: flex;
          overflow: hidden; }
          .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesItemImg img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform .3s cubic-bezier(.555,.205,.295,.975);
			width: 240px;
			height: auto; }
        .otherLoungesItems ul li .loungesItem .loungesItemTitle .overlayGradientFull {
          left: 0; }
        .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesTitleContainer {
          position: absolute;
          padding: 8px 12px;
          bottom: 0;
          left: 0;
          letter-spacing: 0.2px; }
          .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesTitleContainer .labelLounges {
            height: 20px;
            border-radius: 4px;
            background-color: #ff6600;
            line-height: 20px;
            font-size: 12px;
            font-weight: 500;
            color: #ffffff;
            width: 72px;
            text-align: center; }
          .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesTitleContainer p {
            font-size: 18px;
            font-weight: bold;
            color: #ffffff;
            line-height: 1.44; }
          .otherLoungesItems ul li .loungesItem .loungesItemTitle .loungesTitleContainer .leftArrowTag {
            opacity: 0.9;
            display: inline-flex;
            align-items: center;
            padding: 0;
            height: 20px;
            box-sizing: border-box;
            margin-bottom: 5px; }
      .otherLoungesItems ul li .loungesItem .loungesItemBody {
        padding: 10px 0 33px 12px; }
        .otherLoungesItems ul li .loungesItem .loungesItemBody > p {
          font-size: 13px;
          font-weight: 500;
          color: #424242;
          line-height: 1.5;
          padding-right: 12px;}
        .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemComment {
          display: flex;
          margin-bottom: 10px; }
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemComment .loungesItemCommentAvatar {
            margin-right: 10px;
            padding-top: 4px; }
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemComment .loungesItemCommentAvatar img {
            width: 24px;
            height: 24px;
            display: block;}
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemComment .loungesItemText {
            height: 38px;
            /*display: flex;*/
            align-items: center;
            overflow: hidden; }
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemComment p {
            font-size: 13px;
            font-weight: 500;
            color: #424242;
            line-height: 1.5;
            width: 181px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemCountComment {
          position: absolute;
          left: 12px;
          bottom: 15px; }
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemCountComment p {
            font-size: 12px;
            font-weight: 500;
            color: #ff6600;
            display: inline-block; }
          .otherLoungesItems ul li .loungesItem .loungesItemBody .loungesItemCountComment img {
            height: 12px;
            width: 12px; }
    .otherLoungesItems ul li:hover {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .otherLoungesItems ul li:last-child {
    border-right: none; }
  p var { font-style: normal; }

.articleOtherRecommendedLessons {
  padding: 55px 0; }
  .articleOtherRecommendedLessons .otherRecommendedLessonsTitle {
    font-size: 17px;
    font-weight: bold;
    color: #121212;
    display: inline; }
  .articleOtherRecommendedLessons .rightShowMore {
    display: inline;
    float: right;
    color: #121212;
    font-size: 14px; }
  .articleOtherRecommendedLessons .otherRecommendedLessonsItems {
    margin-top: 20px; }
    .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul {
      display: flex;
	  justify-content: start;}
      .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li {
        display: flex;
        width: 178px;
		margin: 0 17px 0 0; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li a:hover .recommendedLessonsItemImage {
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
          .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li a:hover .recommendedLessonsItemImage img {
            transform: scale(1.1); }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li a:hover .recommendedLessonsTitle {
          text-decoration: underline; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemImage {
		width: 178px;
		height: 133px;
          display: flex;
          transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
          border-radius: 2px;
          overflow: hidden;
          position: relative; }
          .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemImage img {
            transition: transform .3s cubic-bezier(.555,.205,.295,.975);
			width:100%;
			height: auto;
			display: block; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody .recommendedLessonsSubTitle {
          font-size: 14px;
          font-weight: 500;
          color: #7a7a7a;
          margin: 5px 0 5px 0; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody .recommendedLessonsTitle {
          font-size: 17px;
          font-weight: bold;
          color: #121212;
          line-height: 1.24;
          margin-bottom: 5px;
          overflow: hidden; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody time {
          font-size: 14px;
          font-weight: 500;
          color: #7a7a7a; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody .recommendedLessonsStatus {
          height: 18px;
          width: 18px;
          display: inline-block;
          background-repeat: no-repeat; }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody .isOpen {
          background-image: url("/images/doors/2019/unlock_18x18.png"); }
        .articleOtherRecommendedLessons .otherRecommendedLessonsItems ul li .recommendedLessonsItem .recommendedLessonsItemBody .isClose {
          background-image: url("/images/doors/2019/lock_18x18.png"); }

.boderParts {
  padding: 50px 0;
  border: 1px solid #eeeeee;
  margin-bottom: 40px; }

.articlesRecommendedFor {
  margin-bottom: 40px; }
  .articlesRecommendedFor .articleBoxHeaderYellow {
    margin-bottom: 30px;
    display: block; }
    .articlesRecommendedFor .articleBoxHeaderYellow .articleBoxHeaderNotice {
      display: inline-block;
      font-size: 14px;
      margin-top: 0;
      display: inline-flex;
      align-items: flex-end;
      margin-left: 19px;
      position: relative;
      top: -3px; }
  .articlesRecommendedFor .articleBoxList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px; }
    .articlesRecommendedFor .articleBoxList li {
      width: 370px;
      margin-bottom: 12px; }
      .articlesRecommendedFor .articleBoxList li:not(:first-child) {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        border-top: 0; }
    .articlesRecommendedFor .articleBoxList li:last-child {
      border-bottom: none; }
    .articlesRecommendedFor .articleBoxList .articlePostItem {
      padding-bottom: 12px;
      transition: 0.3s; }
      .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostTitle {
        font-size: 17px;
        line-height: 1.24; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostTitle .iconSmallLockOpen, .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostTitle .iconSmallLockClose {
          width: 15px;
          height: 15px;
          margin-bottom: -1px;
          margin-left: 2px; }
      .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage {
        display: flex;
        position: relative;
        border-radius: 2px;
        overflow: hidden; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage img {
          transition: transform .4s; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .seminarTag {
          position: absolute;
          padding: 0 4px 0 18px;
          line-height: 16px;
          border-radius: 0;
          border-top-left-radius: 3px;
          left: 0; }
          .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .seminarTag .icon.iconSeminar {
            left: 4px;
            top: 2px; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .lessonTag {
          position: absolute;
          padding: 0 4px 0 18px;
          line-height: 16px;
          border-radius: 0;
          border-top-left-radius: 3px;
          left: 0; }
          .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .lessonTag .icon.iconWhitePen {
            left: 4px;
            top: 2px;
            width: 10px;
            height: 10px; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .icon.iconVideo,
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .icon.iconVoice,
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .iconSvg.iconVideo,
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostImage .iconSvg.iconVoice {
          height: 18px;
          width: 18px; }
      .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostLeft {
        margin-right: 12px;
        position: relative;
        padding-right: 0;
        width: 237px; }
        .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostLeft .articlePostAlignText {
          position: absolute;
          bottom: 0;
          width: 100%;
          display: flex;
          justify-content: space-between; }
          .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostLeft .articlePostAlignText .articlePostAlignLeft,
          .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostLeft .articlePostAlignText .articlePostAlignRight {
            margin-top: 0;
            font-size: 12px;
            line-height: 1; }
          .articlesRecommendedFor .articleBoxList .articlePostItem .articlePostItemWrapper .articlePostLeft .articlePostAlignText .prGrayTag {
            margin-right: 6px; }
      .articlesRecommendedFor .articleBoxList .articlePostItem:hover .articlePostImage {
        border-radius: 4px; }

.articleBookSeminarTitle {
  font-size: 24px;
  font-weight: bold;
  color: #121212;
  position: relative;
  border-bottom: solid 1px #ff6600; }

.ariaSelectionBox {
  margin-bottom: 40px; }
  .ariaSelectionBox .articleBoxList li:last-child {
    border-bottom: 0; }
  .ariaSelectionBox .articleBoxList li:not(:first-child) {
    border: none;
    padding-top: 0px;
    margin-top: 0px; }
  .ariaSelectionBox .articlePostItemWrapper .articlePostLeft {
    width: 86%;
    padding-right: 0; }
    .ariaSelectionBox .articlePostItemWrapper .articlePostLeft .articlePostTitle {
      font-size: 12px;
      line-height: 1.67; }
    .ariaSelectionBox .articlePostItemWrapper .articlePostLeft .articlePostAlignLeft {
      margin-top: 5px; }
  .ariaSelectionBox .articlePostItemWrapper .artclePostRight .articlePostImage {
    width: 40px;
    display: flex;
    position: relative;
    border-radius: 4px;
    overflow: hidden; }
    .ariaSelectionBox .articlePostItemWrapper .artclePostRight .articlePostImage img {
      transition: transform .4s; }

.ariaSectionListMagazine {
  margin-top: 40px;
  width: 300px; }
  .ariaSectionListMagazine img {
    width: 100%; }

.careerBox {
  margin-top: 40px;
  padding: 30px 16px 1px 16px;
  background: #fafafa; }
  .careerBox .headerCareer {
    color: #1173bb;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5; }
    .careerBox .headerCareer img {
      float: right; }
      .careerBox .headerCareer img.noneFloat {
        float: none; }
    .careerBox .headerCareer img:last-child {
      height: 20px; }
  .careerBox .contentCareer {
    color: #1173bb;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: #1173bb; }
    .careerBox .contentCareer ul {
      list-style-type: none;
      margin-top: 22px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .careerBox .contentCareer ul li {
        display: flex;
        margin-bottom: 14px; }
        .careerBox .contentCareer ul li .btnCareer {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 127px;
          font-size: 11px;
          line-height: 1.27;
          letter-spacing: 0.2px;
          text-align: center;
          background: #eeeeee;
          border-radius: 4px;
          height: 37px; }
        .careerBox .contentCareer ul li:hover .btnCareer {
          background-color: #1173bb;
          color: #ffffff; }
      .careerBox .contentCareer ul li.active .btnCareer {
        background-color: #1173bb;
        color: #ffffff; }

.articleWomanCareer {
  margin-bottom: 45px; }
  .articleWomanCareer .womanCareerContainer {
    background-color: #fafafa; }
  .articleWomanCareer ul li .womanCareerItem {
    padding: 12px;
    display: flex;
    border-bottom: 1px solid #eeeeee; }
    .articleWomanCareer ul li .womanCareerItem .womanCareerRank {
      padding-right: 8px; }
      .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankOne, .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankTwo, .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankThree, .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankNormal {
        border-radius: 50%;
        display: flex;
        justify-content: center;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        width: 18px;
        height: 18px; }
      .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankOne {
        background-image: linear-gradient(to bottom, #ad9626, #ad9626), linear-gradient(135deg, rgba(255, 255, 255, 0), #ffffff 48%, rgba(255, 255, 255, 0)); }
      .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankTwo {
        background-image: linear-gradient(to bottom, #aaaaaa, #aaaaaa), linear-gradient(135deg, rgba(255, 255, 255, 0), #ffffff 48%, rgba(255, 255, 255, 0)); }
      .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankThree {
        background-image: linear-gradient(to bottom, #a5632b, #a5632b), linear-gradient(135deg, rgba(255, 255, 255, 0), #ffffff 48%, rgba(255, 255, 255, 0)); }
      .articleWomanCareer ul li .womanCareerItem .womanCareerRank .rankNormal {
        color: #1173bb; }
    .articleWomanCareer ul li .womanCareerItem .womanCareerBody {
      width: 223px; }
      .articleWomanCareer ul li .womanCareerItem .womanCareerBody .womanCareerSmallTitle {
        font-size: 13px;
        font-weight: 500;
        color: #424242; }
        .articleWomanCareer ul li .womanCareerItem .womanCareerBody .womanCareerSmallTitle span {
          margin-left: 5px; }
      .articleWomanCareer ul li .womanCareerItem .womanCareerBody .womanCSTBold {
        font-weight: bold;
        color: #7a7a7a; }
      .articleWomanCareer ul li .womanCareerItem .womanCareerBody .womanCareerTitle {
        font-size: 17px;
        font-weight: bold;
        color: #121212; }
  .articleWomanCareer .womanCareerMore {
    font-size: 14px;
    color: #1173bb;
    padding: 20px 27px 27px 27px;
    display: block; }
    .articleWomanCareer .womanCareerMore img {
      margin-left: 5px; }

.btnShowMore {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 60px; }
  .btnShowMore:hover {
    width: 198px;
    height: 38px;
    line-height: 38px;
    border: 2px solid #ff6600; }
    .btnShowMore:hover i.iconArrowDown {
      position: absolute;
      top: 14px;
      right: 12px; }
  .btnShowMore i.iconArrowDown {
    position: absolute;
    top: 15px;
    right: 13px;
    width: 10px; }

.bannerParent {
  position: relative; }
  .bannerParent .bannerParentPost {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden; }
    .bannerParent .bannerParentPost img {
      display: block;
      width: 50%;
      height: 283px; }
      .bannerParent .bannerParentPost img.imgBlur {
        filter: blur(15px);
        -webkit-filter: blur(15px);
        transform: scale(1.05);
        z-index: -1; }
_:-ms-lang(x)::-ms-backdrop, .bannerParent .bannerParentPost img.imgBlur {
  opacity: 0.2; }
  .bannerParent .bannerParentPostTitle {
    width: 378px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-right: 2px; }
    .bannerParent .bannerParentPostTitle h1 {
      font-size: 32px;
      font-weight: bold;
      clear: both;
      display: inline-block;
      text-align: justify;
      color: #fff;
      padding: 22px 20px 20px 20px; }
    .bannerParent .bannerParentPostTitle a.suggestionFollowButton {
      border: none;
      position: relative;
      background: #000;
      opacity: 0.8;
      color: #fff;
      padding: 0;
      margin-right: 20px !important;
      float: right; }
      .bannerParent .bannerParentPostTitle a.suggestionFollowButton::before {
        background-image: url("/images/doors/2019/iconFollowWhite.svg"); }
      .bannerParent .bannerParentPostTitle a.suggestionFollowButton:hover {
        line-height: 22px !important;
        padding-left: 32px !important; }
      .bannerParent .bannerParentPostTitle a.suggestionFollowButton:hover::before {
        top: 5px;
        left: 15px; }
      .bannerParent .bannerParentPostTitle a.suggestionFollowButton .iconFollowWhite {
        margin-right: 12px; }
    .bannerParent .bannerParentPostTitle a.suggestionFollowedButton {
      margin-right: 20px !important; }
    .bannerParent .bannerParentPostTitle .articleTopic {
      padding: 20px 16px; }
      .bannerParent .bannerParentPostTitle .articleTopic .blackBrickTag {
        color: #fff;
        font-size: 14px;
        background: #000;
        margin: 0 4px;
        border: none;
        border-radius: 0;
        padding: 5px 20px;
        width: auto;
        display: inline-block; }
      .bannerParent .bannerParentPostTitle .articleTopic .articleTopicTitle {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.42;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin-top: 13px;
        padding: 0 4px;
        text-align: left; }
      .bannerParent .bannerParentPostTitle .articleTopic .articleTopicDescription {
        font-size: 15px;
        font-weight: normal;
        line-height: 1.67;
        letter-spacing: 0.2px;
        color: #ffffff;
        margin: 0;
        margin-top: 20px; }
    .bannerParent .bannerParentPostTitle .overlayGradientFull {
      z-index: -1; }

.articleParentDescription {
  margin-top: 25px;
  padding-bottom: 28px;
  border-bottom: 1px solid #eeeeee; }
  .articleParentDescription p {
    font-size: 17px;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #121212;
    margin: 0; }

ul.parentPostList {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap; }
  ul.parentPostList li {
    width: 370px;
    padding: 16px 0;
    border-bottom: solid 1px #eeeeee; }
    ul.parentPostList li:nth-child(odd) {
      margin-right: 20px; }
    ul.parentPostList li.last {
      width: 100%;
      margin-right: 0; }
    ul.parentPostList li a {
      display: block;
      box-sizing: border-box; }
    ul.parentPostList li .labelPart {
      font-size: 13px;
      font-weight: 500;
      color: #242424;
      margin-bottom: 8px;
      display: block; }
    ul.parentPostList li .itemDescriptionGrey {
      font-size: 20px;
      font-weight: bold;
      line-height: 1.4;
      color: #898989;
      width: 370px; }
    ul.parentPostList li:hover .parentPostItemTitle {
      text-decoration: underline; }
    ul.parentPostList li:hover .parentPostItemImage img {
      transform: scale(1.1); }
  ul.parentPostList .parentPostItemWrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px; }
    ul.parentPostList .parentPostItemWrapper .parentPostItemLeft {
      padding-right: 10px; }
      ul.parentPostList .parentPostItemWrapper .parentPostItemLeft .parentPostItemTitle {
        font-size: 20px;
        min-height: 56px;
        font-weight: bold;
        color: #424242;
        line-height: 1.4; }
    ul.parentPostList .parentPostItemWrapper .parentPostItemRight .parentPostItemImage {
      display: flex;
      overflow: hidden;
      border-radius: 2px; }
    ul.parentPostList .parentPostItemWrapper .parentPostItemRight img {
      border-radius: 4px;
      transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
  ul.parentPostList .parentPostItemBottom .parentPostItemDescription {
    font-size: 15px;
    font-weight: 500;
    color: #242424;
    line-height: 1.6; }
  ul.parentPostList .parentPostItemBottom .rightShowMore {
    margin-top: 12px;
    /*margin-bottom: 16px;*/
    font-size: 14px; }

ul.otherFrature {
  display: flex;
  margin-top: 20px; }
  ul.otherFrature li {
    width: 240px;
    margin-right: 20px; }
    ul.otherFrature li:last-child {
      margin-right: 0; }
    ul.otherFrature li .otherFratureImage {
      display: flex;
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      overflow: hidden;
      border-radius: 2px;
      height: 179px;
      margin-bottom: 10px;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); }
      ul.otherFrature li .otherFratureImage img {
        width: 100%;
		height: auto;
        transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
    ul.otherFrature li a label {
      display: block;
      width: 47px;
      height: 20px;
      border-radius: 4px;
      background-color: #ff6600;
      text-align: center;
      color: #FFFFFF; }
    ul.otherFrature li a h3 {
      margin-top: 7px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: 0.45px;
      color: #121212;
      text-align: justify; }
    ul.otherFrature li a:hover .otherFratureImage {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
      ul.otherFrature li a:hover .otherFratureImage img {
        transform: scale(1.1); }
    ul.otherFrature li a:hover h3 {
      text-decoration: underline; }

p.otherFeaturesTitle {
  margin-top: 60px;
  font-size: 20px;
  font-weight: bold; }
  p.otherFeaturesTitle a.rightShowMore {
    display: inline-block;
    margin-top: 4px;
    float: right; }

.articleLineUp {
  font-size: 32px;
  font-weight: bold;
  color: #121212;
  margin-bottom: 20px;
  display: flex; }
  .articleLineUp.noNavHorizon {
    margin-bottom: 0;
    line-height: 1em; }
  .articleLineUp h1 {
    font-size: 32px; }
    .articleLineUp h1 span {
      font-size: 12px;
      font-weight: bold;
      line-height: 1.5;
      letter-spacing: 0.2px;
      margin-left: 16px;
      color: #242424; }
  .articleLineUp p {
    display: flex;
    align-items: flex-end;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.2px;
    margin-left: 16px;
    color: #242424; }

.articleLineUpPart {
  margin-bottom: 60px; }
  .articleLineUpPart .articleheader {
    display: flex; }
    .articleLineUpPart .articleheader .bannerParentPost {
      margin-right: 20px; }
      .articleLineUpPart .articleheader .bannerParentPost img {
        width: 368px;
        height: 276px;
        border-radius: 4px; }
    .articleLineUpPart .articleheader .articleTopic .goldBrickTag {
      margin-bottom: 12px; }
    .articleLineUpPart .articleheader .articleTopic .articleTopicTitle {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.42;
      letter-spacing: 0.2px;
      color: #121212; }
    .articleLineUpPart .articleheader .articleTopic .articleTopicDescription {
      margin-top: 21px;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.67;
      letter-spacing: 0.2px;
      color: #7a7a7a; }

ul.postMagazineList {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap; }
  ul.postMagazineList li {
    position: relative;
    width: 370px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px; }
    ul.postMagazineList li:nth-child(odd) {
      margin-right: 20px; }
    ul.postMagazineList li.isComingSoon span {
      color: #7a7a7a; }
    ul.postMagazineList li.isComingSoon .postMagazineItemTitle {
      color: #7a7a7a; }
    ul.postMagazineList li.isComingSoon .iconRightArrow02 {
      display: none; }
    ul.postMagazineList li:hover a .postMagazineItemTitle {
      text-decoration: underline; }
    ul.postMagazineList li span {
      display: block;
      font-size: 14px;
      font-weight: 500;
      color: #242424;
      margin-bottom: 5px; }
    ul.postMagazineList li .postMagazineItemTitle {
      width: 93%;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.24;
      letter-spacing: 0.2px;
      color: #121212; }
    ul.postMagazineList li i.iconRightArrow02 {
      width: 9px;
      height: 12px;
      position: absolute;
      top: 40px;
      right: 0; }

.paidPresentBox {
  margin-top: 22px; }
  .paidPresentBox .paidPresentBoxTop {
    text-align: center;
    line-height: 0; }
    .paidPresentBox .paidPresentBoxTop i.iconTopGrayArrow {
      width: 28px;
      height: 22px; }
  .paidPresentBox .paidPresentBoxContent {
    border-radius: 4px;
    background-color: #fafafa;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
    border-radius: 4px; }
    .paidPresentBox .paidPresentBoxContent img {
      width: 266px; }
    .paidPresentBox .paidPresentBoxContent p {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.67;
      letter-spacing: 0.4px;
      color: #121212;
      margin-top: 5px;
      margin-bottom: 20px; }
      .paidPresentBox .paidPresentBoxContent p.title {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.44;
        color: #000000; }
    .paidPresentBox .paidPresentBoxContent .paidPresentBoxButton {
      cursor: pointer;
      display: inline-block;
      font-size: 17px;
      font-weight: bold;
      width: 311px;
      height: 56px;
      line-height: 56px;
      border-radius: 28px; }
    .paidPresentBox .paidPresentBoxContent:before {
      content: '';
      top: -20px;
      left: 48%;
      position: absolute;
      border-bottom: 20px solid #fafafa;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent; }

.memberLetters {
  position: relative;
  border-bottom: 1px solid #eee; }
  .memberLetters:before {
    content: '';
    width: 320px;
    border-top: 1px solid #eeeeee;
    position: absolute;
    top: 0;
    left: 0; }
  .memberLetters:after {
    content: '';
    width: 320px;
    border-top: 1px solid #eeeeee;
    position: absolute;
    top: 0;
    right: 0; }
  .memberLetters .memberLettersHeader {
    text-align: center; }
    .memberLetters .memberLettersHeader i.iconYellowLetter {
      width: 31px;
      height: 32px;
      position: absolute;
      top: -16px;
      left: 48%; }
    .memberLetters .memberLettersHeader i.iconMailLetter {
      width: 31px;
      height: 32px;
      position: absolute;
      top: -16px;
      left: 48%; }
    .memberLetters .memberLettersHeader .memberLetterTitle {
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      color: #121212;
      margin-top: 25px; }
  .memberLetters .memberLettersContent .memberLettersList {
    margin-top: 33px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap; }
    .memberLetters .memberLettersContent .memberLettersList li {
      width: 368px;
      display: inline-flex;
      margin-top: 30px; }
      .memberLetters .memberLettersContent .memberLettersList li:nth-child(odd) {
        margin-right: 24px;
        align-items: flex-start;
        margin-bottom: 30px;
        margin-top: 0; }
      .memberLetters .memberLettersContent .memberLettersList li .memberComment {
        width: 100%; }
      .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentLeft .memberCommentAvatar {
          padding-right: 6px;
          border-radius: 50%;
          width: 32px;
          height: 32px; }
        .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentRight {
          padding-left: 13px;
          width: 100%; }
          .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentRight .memberCommentFrame {
            box-shadow: -4px 2px 15px 0 rgba(0, 0, 0, 0.1);
            min-height: 90px;
            padding: 1px;
            border-radius: 8px;
            position: relative; }
            .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentRight .memberCommentFrame p {
              background-color: #FFFFFF;
              padding: 8px 12px;
              color: #121212;
              border-radius: 8px;
              letter-spacing: 0.4px;
              font-size: 15px; }
            .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentRight .memberCommentFrame:before {
              content: "";
              border-right: 13px solid #fff;
              border-top: 4px solid transparent;
              border-bottom: 4px solid transparent;
              background-size: 100%;
              position: absolute;
              bottom: 13px;
              left: -13px; }
            .memberLetters .memberLettersContent .memberLettersList li .memberCommentWrapper .memberCommentRight .memberCommentFrame:after {
              content: "";
              position: absolute;
              bottom: 13px;
              left: -1px;
              background: white;
              width: 1.5px;
              height: 7px; }

.articleLineStyle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.42;
  letter-spacing: 0.2px;
  color: #121212;
  margin-top: 46px;
  margin-bottom: -10px; }

.articleLineStyleSection {
  margin-top: 40px;
  margin-bottom: 10px; }
  .articleLineStyleSection .articleLineStyleTopic {
    display: inline-flex;
    background: #ff6600;
    font-size: 24px;
    font-weight: bold;
    padding-right: 37px;
    padding-top: 6px;
    letter-spacing: 0.2px;
    color: #ffffff;
    line-height: 1; }
  .articleLineStyleSection .commingSoonBox {
    width: 100%;
    height: 133px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    display: flex;
    align-items: center;
    margin: 20px 0; }
    .articleLineStyleSection .commingSoonBox span {
      font-size: 28px;
      line-height: 0.75;
      letter-spacing: 0.5px;
      color: #898989;
      text-align: center;
      width: 100%; }
  .articleLineStyleSection ul.articleLineStyleList {
    display: flex;
    margin-top: 20px; }
    .articleLineStyleSection ul.articleLineStyleList li {
      width: 178px;
      margin-right: 16px;
      position: relative; }
      .articleLineStyleSection ul.articleLineStyleList li:last-child {
        margin-right: 0; }
      .articleLineStyleSection ul.articleLineStyleList li:hover .lineStyleItemTitle {
        text-decoration: underline; }
      .articleLineStyleSection ul.articleLineStyleList li:hover .articleLineImg {
        -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); }
        .articleLineStyleSection ul.articleLineStyleList li:hover .articleLineImg img {
          transform: scale(1.1); }
      .articleLineStyleSection ul.articleLineStyleList li:hover .lineStyleItemThumb {
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
        .articleLineStyleSection ul.articleLineStyleList li:hover .lineStyleItemThumb img {
          transform: scale(1.1); }
      .articleLineStyleSection ul.articleLineStyleList li a {
        display: block; }
        .articleLineStyleSection ul.articleLineStyleList li a .articleLineImg {
          transition: 0.3s;
          display: flex;
          overflow: hidden;
          border-radius: 2px;
          position: relative; }
          .articleLineStyleSection ul.articleLineStyleList li a .articleLineImg img {
            width: 178px;
            height: 133px;
            transition: transform .4s; }
        .articleLineStyleSection ul.articleLineStyleList li a .lineStyleItemThumb {
          transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);;
          display: flex;
          overflow: hidden;
          border-radius: 2px;
          position: relative; }
          .articleLineStyleSection ul.articleLineStyleList li a .lineStyleItemThumb img {
            width: 178px;
            height: 133px;
            transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
        .articleLineStyleSection ul.articleLineStyleList li a span.brickTag {
          position: absolute;
          top: 0;
          left: 0;
          border-top-left-radius: 2px;
          background: #da3fe0;
          display: flex;
          align-items: center;
          height: 16px;
          z-index: 1; }
          .articleLineStyleSection ul.articleLineStyleList li a span.brickTag i.iconHeart {
            width: 10px;
            height: 11px;
            margin-right: 5px;
            margin-left: 3px; }
          .articleLineStyleSection ul.articleLineStyleList li a span.brickTag i.iconPeopleViolet {
            width: 10px;
            height: 11px;
            margin-right: 5px;
            margin-left: 3px; }
          .articleLineStyleSection ul.articleLineStyleList li a span.brickTag i.iconLounge {
            width: 10px;
            height: 11px;
            margin-right: 5px;
            margin-left: 3px; }
          .articleLineStyleSection ul.articleLineStyleList li a span.brickTag.pinkPurpleBrickTag {
            background: #bc0865; }
          .articleLineStyleSection ul.articleLineStyleList li a span.brickTag.pinkTag {
            background: #ff3c5f; }
        .articleLineStyleSection ul.articleLineStyleList li a i.icon.iconVideo {
          position: absolute;
          top: 100px;
          right: 8px; }
        .articleLineStyleSection ul.articleLineStyleList li a p {
          margin-top: 5px; }
          .articleLineStyleSection ul.articleLineStyleList li a p.lineStyleItemCategory {
            color: #7a7a7a; }
          .articleLineStyleSection ul.articleLineStyleList li a p.lineStyleItemTitle {
            font-size: 17px;
            font-weight: bold;
            color: #121212;
            line-height: 1.24;
            letter-spacing: 0.2px; }
          .articleLineStyleSection ul.articleLineStyleList li a p.time {
            color: #7a7a7a; }
        .articleLineStyleSection ul.articleLineStyleList li a .lineStyleItemCategory {
          color: #7a7a7a;
          margin-top: 5px; }
        .articleLineStyleSection ul.articleLineStyleList li a .lineStyleItemTitle {
          font-size: 17px;
          font-weight: bold;
          color: #121212;
          line-height: 1.24;
          letter-spacing: 0.2px;
          margin-top: 5px; }
        .articleLineStyleSection ul.articleLineStyleList li a time {
          color: #7a7a7a;
          margin-top: 5px; }

ul.articleSeminarList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 16px -10px; }
  ul.articleSeminarList li {
    padding: 0;
    flex-grow: 1;
    margin: 0 10px; }
    ul.articleSeminarList li .articleSeminarItemWrapper {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
      width: 370px;
      border-bottom: 1px solid #EEEEEE; }
      ul.articleSeminarList li .articleSeminarItemWrapper .articleSeminarLeft {
        margin-right: 12px; }
        ul.articleSeminarList li .articleSeminarItemWrapper .articleSeminarLeft h3 {
          font-size: 17px;
          font-weight: bold;
          line-height: 1.24;
          letter-spacing: 0.2px;
          color: #121212;
          height: 63px;
          margin: 0;
          margin-bottom: 16px; }
          ul.articleSeminarList li .articleSeminarItemWrapper .articleSeminarLeft h3 i {
            height: 15px;
            width: 15px;
            margin-left: 2px; }
        ul.articleSeminarList li .articleSeminarItemWrapper .articleSeminarLeft .articleSeminarNote {
          font-size: 12px;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.2px;
          color: #7a7a7a;
          margin-bottom: 8px; }
          ul.articleSeminarList li .articleSeminarItemWrapper .articleSeminarLeft .articleSeminarNote time {
            display: inline-block;
            float: right; }
      ul.articleSeminarList li .articleSeminarItemWrapper .artcleSeminarRight {
        margin-top: 2px;
        width: 120px;
        height: 90px;
        border-radius: 4px;
        position: relative; }
        ul.articleSeminarList li .articleSeminarItemWrapper .artcleSeminarRight .articleSeminarImage {
          transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
          position: relative;
          overflow: hidden;
          display: flex;
          border-radius: 2px; }
          ul.articleSeminarList li .articleSeminarItemWrapper .artcleSeminarRight .articleSeminarImage img {
            transition: transform .3s cubic-bezier(.555,.205,.295,.975);
            background-size: 100%; }
        ul.articleSeminarList li .articleSeminarItemWrapper .artcleSeminarRight .icon, ul.articleSeminarList li .articleSeminarItemWrapper .artcleSeminarRight .iconSvg {
          height: 18px;
          width: 18px; }
    ul.articleSeminarList li:hover .articleSeminarImage {
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }
      ul.articleSeminarList li:hover .articleSeminarImage img {
        transform: scale(1.1); }

ul.articleLoungeList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 10px -10px; }
  ul.articleLoungeList li.loungeItem {
    padding: 0;
    flex-grow: 1;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin: 20px 10px 0; }
    ul.articleLoungeList li.loungeItem .loungelWrapper {
      width: 370px; }
    ul.articleLoungeList li.loungeItem .loungeImage {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      position: relative;
      overflow: hidden;
      display: flex; }
      ul.articleLoungeList li.loungeItem .loungeImage img {
        background-size: 100%;
        width: 370px; }
      ul.articleLoungeList li.loungeItem .loungeImage .loungeTitle {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 20px 17px;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
        ul.articleLoungeList li.loungeItem .loungeImage .loungeTitle p {
          font-size: 20px;
          font-weight: bold;
          line-height: 1.4;
          letter-spacing: 0.2px;
          color: #ffffff;
          margin: 0; }
    ul.articleLoungeList li.loungeItem .loungeComment {
      padding: 15px 20px 22px; }
      ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox {
        margin-bottom: 10px; }
        ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox li {
          display: flex;
          margin-bottom: 5px; }
          ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox li .loungeCommentLeft {
            margin-right: 10px;
            margin-top: 3px; }
            ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox li .loungeCommentLeft img {
              width: 24px;
              height: 24px;
              background-size: 100%;
              border-radius: 50%; }
          ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox li .loungeCommentRight p {
            font-size: 14px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.43;
            letter-spacing: 0.2px;
            color: #424242;
            margin: 0; }
          ul.articleLoungeList li.loungeItem .loungeComment ul.loungeCommentBox li .loungeCommentRight span {
            font-size: 12px;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.2px;
            text-align: right;
            color: #7a7a7a; }
      ul.articleLoungeList li.loungeItem .loungeComment .loungeCommentCollapse {
        font-size: 12px;
        line-height: 1;
        font-weight: 500;
        color: #ff6600;
        position: relative;
        padding-left: 16px; }
    ul.articleLoungeList li.loungeItem:hover .loungeImage img {
      transition: 0.6s ease;
      transform: scale(1.1); }
    ul.articleLoungeList li.loungeItem:hover .loungeTitle {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(53, 52, 52, 0.62)); }

.articleLoungeDropList {
  position: relative;
  display: inline-block;
  width: 173px;
  margin-top: 18px; }
  .articleLoungeDropList a.btnLoungeDropList {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.2px;
    color: #ff6600;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    padding: 7px 20px;
    display: block;
    position: relative; }
    .articleLoungeDropList a.btnLoungeDropList i {
      width: 10px;
      height: 10px;
      position: absolute;
      right: 20px;
      top: 10px; }
  .articleLoungeDropList ul.loungeDropList {
    border-radius: 2px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dddddd;
    background-color: #ffffff;
    position: absolute;
    z-index: 99;
    display: none; }
    .articleLoungeDropList ul.loungeDropList li {
      margin: 16px 20px; }
      .articleLoungeDropList ul.loungeDropList li a {
        font-size: 15px;
        line-height: 1;
        letter-spacing: 0.2px;
        color: #242424; }
      .articleLoungeDropList ul.loungeDropList li a:hover {
        font-weight: bold; }
      .articleLoungeDropList ul.loungeDropList li.active {
        font-weight: bold; }

.titleList {
  margin-top: 60px;
  margin-bottom: 30px; }
  .titleList .titleListContainer {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
    .titleList .titleListContainer .titleListContainerImg {
      display: inline-flex; }
      .titleList .titleListContainer .titleListContainerImg img {
        line-height: 1; }
      .titleList .titleListContainer .titleListContainerImg p {
        margin-bottom: 0;
        color: #898989;
        line-height: 1;
        display: inline-block;
        padding-left: 20px;
        align-self: flex-end; }
      .titleList .titleListContainer .titleListContainerImg.titleListContainerImgPeople {
        margin-top: 30px; }
    .titleList .titleListContainer.titleListContainerForFun .titleListContainerImg img {
      margin-bottom: 0; }
    .titleList .titleListContainer.titleListContainerForFun .btnMoreList {
      top: -2px; }
  .titleList .btnMoreList {
    font-size: 14px;
    font-weight: 500;
    color: #121212;
    line-height: 1;
    top: -8px;
    position: relative; }
    .titleList .btnMoreList img {
      margin-left: 5px; }
    .titleList .btnMoreList:hover {
      text-decoration: underline; }
  .titleList.titleSeminarList {
    color: #1390a1; }
    .titleList.titleSeminarList.titleSeminarListTwo {
      margin-top: 30px; }
    .titleList.titleSeminarList.special{
      margin-top: 30px; }
    .titleList.titleSeminarList.special .titleListContainerImgPeople p {
      line-height: 1.8; }
  .titleList.titleLessonList {
    color: #660e56; }
  .titleList.titlePeopleList {
    color: #660e56;
    margin-bottom: 19px; }
    .titleList.titlePeopleList.titlePeopleListTwo {
      margin-top: 0; }
  .titleList.titleLoungeList {
    color: #ff3c5f;
    margin-bottom: 0; }
    .titleList.titleLoungeList .titleListContainerImg p {
      margin-bottom: -5px;
      align-self: center; }
    .titleList.titleLoungeList.titleLoungeListTwo {
      margin-top: 10px; }
  .titleList.titleThemeList, .titleList.titleNewList {
    color: #ff6600; }
    .titleList.titleThemeList.titleThemeListTwo {
      margin-top: 30px; }
    .titleList.titleNewList.titleThemeListTwo {
      margin-top: 0; }
  .titleList.titleNewList .btnMoreList {
    top: -3px; }

.titleList.titlePeopleList .titleListContainerImg p {
  position: relative;
  top: -5px; }

ul.lessonMore {
  display: flex;
  justify-content: start; }
  ul.lessonMore li {
    display: flex;
    width: 178px;
    margin-right: 16px; }
    ul.lessonMore li a:hover .lessonMoreItemImage {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
      ul.lessonMore li a:hover .lessonMoreItemImage img {
        transform: scale(1.1); }
    ul.lessonMore li a:hover .lessonMoreTitle {
      text-decoration: underline; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemImage {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      /*display: flex;*/
      border-radius: 2px;
      overflow: hidden;
      position: relative; }
      ul.lessonMore li .lessonMoreItem .lessonMoreItemImage img {
        width: 100%;
        height: auto;
        vertical-align: middle;
        transition: transform .3s cubic-bezier(.555,.205,.295,.975);
        display: block;
        border-radius: 2px; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .lessonMoreSubTitle {
      font-size: 14px;
      font-weight: 500;
      color: #7a7a7a;
      margin: 5px 0 5px 0; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .lessonMoreTitle {
      font-size: 17px;
      font-weight: bold;
      color: #121212;
      line-height: 1.24;
      margin-bottom: 5px;
      height: 65px;
      overflow: hidden; }
      ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .lessonMoreTitle i {
        width: 14px;
        height: 14px; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody time {
      font-size: 14px;
      font-weight: 500;
      color: #7a7a7a; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .lessonMoreStatus {
      height: 18px;
      width: 18px;
      display: inline-block;
      background-repeat: no-repeat; }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .isOpen {
      background-image: url("/images/doors/2019/unlock_18x18.png"); }
    ul.lessonMore li .lessonMoreItem .lessonMoreItemBody .isClose {
      background-image: url("/images/doors/2019/lock_18x18.png"); }
    ul.lessonMore li:last-child {
      margin-right: 0; }

ul.loungeMore li a:hover .loungesMoreTitleContainer p {
  text-decoration: underline; }

ul.loungeMore li a:hover .loungesMoreItemImg img {
  transform: scale(1.1); }

ul.loungeMore li .loungesMoreItem .loungesMoreItemImg {
  display: flex;
  overflow: hidden; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemImg img {
    width: 100%;
	height: auto;
    transition: transform .4s; }

ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle {
  display: flex;
  position: relative; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer {
    position: absolute;
    padding: 8px 12px;
    bottom: 0; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer .labelLoungesMore {
      height: 20px;
      border-radius: 4px;
      background-color: #ff6600;
      line-height: 20px;
      font-size: 12px;
      font-weight: 500;
      color: #ffffff;
      width: 72px;
      text-align: center; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer p {
      font-size: 18px;
      font-weight: bold;
      color: #ffffff;
      margin: 0;
      margin-top: 5px; }

ul.loungeMore li .loungesMoreItem .loungesMoreItemBody {
  padding: 10px 13px 13px 12px; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment {
    display: flex;
    margin-bottom: 10px; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment .loungesMoreItemCommentAvatar {
      margin-right: 10px;
      padding-top: 4px; }
      ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment .loungesMoreItemCommentAvatar img {
        width: 24px;
        height: 24px;
        display: block;}
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment .loungesMoreItemText {
      height: 38px;
      display: flex;
      align-items: center;
      overflow: hidden; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment p {
      font-size: 13px;
      font-weight: 500;
      color: #424242;
      line-height: 1.5;
      width: 181px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemCountComment p {
    font-size: 12px;
    font-weight: 500;
    color: #ff6600;
    display: inline-block;
    margin: 0; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemCountComment img {
    height: 12px;
    width: 12px; }

.themeMoreList {
  margin-bottom: 53px; }

ul.themeMoreParent {
  display: flex;
  justify-content: space-between; }
  ul.themeMoreParent li.themeMoreParentItem {
    width: 235px; }
    ul.themeMoreParent li.themeMoreParentItem .themeMoreParentTitle {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.59;
      letter-spacing: 0.2px;
      color: #121212;
      position: relative;
      margin: 22px 0 15px; }
      ul.themeMoreParent li.themeMoreParentItem .themeMoreParentTitle:before {
        content: '';
        height: 2px;
        width: 20px;
        background-color: #ff6600;
        position: absolute;
        left: 0;
        top: -18px; }

ul.themeMoreChild li {
  border-bottom: 1px solid #EEEEEE; }
  ul.themeMoreChild li a:hover .themeMoreChildImg {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
    ul.themeMoreChild li a:hover .themeMoreChildImg img {
      transform: scale(1.1); }
  ul.themeMoreChild li a:hover .themeMoreChildTitle p {
    text-decoration: underline; }
  ul.themeMoreChild li .themeMoreChildTitle {
    display: flex;
    justify-content: space-between;
    margin-top: 10px; }
    ul.themeMoreChild li .themeMoreChildTitle p {
      width: 144px;
      font-size: 15px;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: 0.2px;
      color: #121212;
      margin: 0; }
    ul.themeMoreChild li .themeMoreChildTitle .themeMoreChildImg {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      position: relative;
      overflow: hidden;
      border-radius: 4px;
      width: 80px;
      height: 60px;
      margin-top: 4px; }
      ul.themeMoreChild li .themeMoreChildTitle .themeMoreChildImg img {
        width: 100%;
        height: auto;
        background-size: 100%;
        transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
  ul.themeMoreChild li .themeMoreChildNote {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #7a7a7a; }
    ul.themeMoreChild li .themeMoreChildNote time {
      float: right; }

.loungBlock {
  box-shadow: inset 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 102, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden; }
  .loungBlock .overlayGradientFull {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
    filter: opacity(0.5); }
    .loungBlock .overlayGradientFull img {
      width: 100%;
      filter: blur(15px);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
_:-ms-lang(x)::-ms-backdrop, .loungBlock .overlayGradientFull {
  opacity: 0.2; }
  .loungBlock .loungBlockWrapper {
    width: 1120px;
    margin-bottom: 40px; }
    .loungBlock .loungBlockWrapper .titleListContainerImg p {
      color: #121212;
      font-size: 14px;
      font-weight: bold; }
  .loungBlock .titleList {
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 30px; }
    .loungBlock .titleList .btnMoreList {
      color: #ffffff;
      position: relative;
      padding-right: 18px;
      top: -10px; }
      .loungBlock .titleList .btnMoreList:after {
        position: absolute;
        top: 3px;
        right: 0;
        font-size: 0;
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #ffffff; }
  .loungBlock ul.peopleFullWith {
    display: flex;
    width: 1120px;
    margin: 0 auto;
    justify-content: space-between; }
    .loungBlock ul.peopleFullWith li {
      width: 360px; }
      .loungBlock ul.peopleFullWith li .peopleFullWithTitle {
        overflow: hidden;
        position: relative;
        display: flex; }
        .loungBlock ul.peopleFullWith li .peopleFullWithTitle img {
          transition: transform .3s cubic-bezier(.555,.205,.295,.975);
          border-radius: 2px; }
        .loungBlock ul.peopleFullWith li .peopleFullWithTitle .loungesMoreTitleContainer {
          position: absolute;
          bottom: 20px;
          left: 0;
          width: 100%;
          text-align: center; }
          .loungBlock ul.peopleFullWith li .peopleFullWithTitle .loungesMoreTitleContainer p.title {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.4;
            letter-spacing: 0.2px;
            color: #ffffff;
            margin-bottom: 5px; }
          .loungBlock ul.peopleFullWith li .peopleFullWithTitle .loungesMoreTitleContainer p.subTitle {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.2px;
            color: #ffffff;
            margin-bottom: 5px; }
          .loungBlock ul.peopleFullWith li .peopleFullWithTitle .loungesMoreTitleContainer .introduceTagList {
            display: inline-block;
            height: 30px;
            overflow: hidden;
            text-aglign: center; }
      .loungBlock ul.peopleFullWith li .peopleFullWithBody {
        width: 320px;
        background: #FFFFFF;
        margin: 0 auto;
        padding: 8px 0;
        text-align: center;
        margin-top: -10px;
        z-index: 1;
        position: relative; }
        .loungBlock ul.peopleFullWith li .peopleFullWithBody p.titleBody {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.2px;
          color: #7a7a7a; }
        .loungBlock ul.peopleFullWith li .peopleFullWithBody p.subTitleBody {
          font-size: 15px;
          font-weight: bold;
          line-height: 1.67;
          letter-spacing: 0.2px;
          text-align: center;
          color: #121212; }
        .loungBlock ul.peopleFullWith li:hover .peopleFullWithTitle img {
          transform: scale(1.1); }
        .loungBlock ul.peopleFullWith li:hover .peopleFullWithBody .subTitleBody {
          text-decoration: underline; }

.articleSocialButton {
  padding-bottom: 1px; }

.comicBanner {
  position: relative; }
  .comicBanner .comicBannerTitle {
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    display: flex;
    align-items: center; }
  .comicBanner h2 {
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.2px;
    color: #ffffff;
    width: 100%;
    padding: 0 70px;
    width: calc(100% - 140px); }
  .comicBanner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    bottom: 0; }

.introduce {
  padding-top: 40px; }
  .introduce .introduceImg {
    /*display: flex;*/
    margin-left: -40px; }
    .introduce .introduceImg img {
      width: 240px;
      height: auto; }
  .introduce .introduceInfo {
    position: relative;
    padding-bottom: 25px;
    margin-top: -145px; }
  .introduce .introduceName {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.42;
    letter-spacing: 0.2px;
    color: #121212;
    margin: 0; }
  .introduce .introduceFullName {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.2px;
    color: #242424;
    margin: 0;
    margin-bottom: 6px; }
  .introduce .introduceIndustry {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    margin: 0; }
  .introduce .introduceDescription {
    padding-left: 230px; }
    .introduce .introduceDescription p {
      font-size: 15px;
      font-weight: 500;
      line-height: 1.67;
      letter-spacing: 0.4px;
      color: #121212;
      margin-bottom: 0; }
    .introduce .introduceDescription .introduceLink {
      text-decoration: underline;
      padding-left: 20px;
      position: relative;
      font-weight: 500;
      letter-spacing: 0.4px;
      line-height: 1.67; }
      .introduce .introduceDescription .introduceLink:before {
        content: ' ';
        background: url("/images/doors/2019/people_link.svg") no-repeat;
        background-size: 100%;
        width: 15px;
        height: 12px;
        position: absolute;
        left: 0;
        bottom: 6px; }
      .introduce .introduceDescription .introduceLink a {
        font-weight: normal;
        color: #121212; }
  .introduce .introduceTagList {
    display: flex;
    margin-left: 230px;
    padding-top: 15px;
    flex-wrap: wrap; }
    .introduce .introduceTagList .introduceTag:firs-child {
      margin: 10px 3px 0 11px; }
  .introduce .introduceBlur {
    position: absolute;
    top: 0;
    z-index: -2;
    height: 100%;
    width: calc(100% + 40px);
    overflow: hidden; }
    .introduce .introduceBlur img {
      -webkit-filter: blur(15px);
      /* Safari 6.0 - 9.0 */
      filter: blur(15px);
      width: 100%;
      height: 100%;
      transform: scale(1.1);
      object-fit: cover; }
  .introduce .mirrorWhite {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    width: calc(100% + 40px);
    left: 0;
    background-color: rgba(255, 255, 255, 0.7); }
  .introduce .groupOutBlur {
    position: absolute;
    top: -95px;
    left: 230px; }
_:-ms-lang(x)::-ms-backdrop, .introduce .mirrorWhite {
  background-color: rgba(255, 255, 255, 0.8); }

.peopleMoreList ul.peopleMore {
  /*justify-content: space-between;*/ }
.peopleMoreList ul.peopleMore li {
  display: block;
  /*margin-right: 0;*/ }
ul.peopleMore {
  display: flex;
  justify-content: start; }
  ul.peopleMore li {
    display: flex;
    width: 240px;
    margin-right: 20px; }
      ul.peopleMore li a:hover .peopleMoreItemImage img,
      ul.peopleMore li a:hover .forfunMoreItemImage img {
        transform: scale(1.1); }
    ul.peopleMore li a:hover .peopleMoreItemTitle,
    ul.peopleMore li a:hover .forfunMoreTitle,
    ul.peopleMore li a:hover .peopleMoreTitle {
      text-decoration: underline; }
    ul.peopleMore li a:hover .peopleMoreItem {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
    ul.peopleMore li .peopleMoreItem {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      border-radius: 2px;
      overflow: hidden;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
      height: 100%; }
      ul.peopleMore li .peopleMoreItem .peopleMoreItemImage {
        transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
        line-height: 0;
        overflow: hidden;
        position: relative;
        justify-content: center; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemImage img {
          width: 100%;
          height: auto;
          transition: transform .3s cubic-bezier(.555,.205,.295,.975);
          display: block;
          border-radius: 2px; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .overlayGradient {
          left: 0; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .peopleMoreItemContent {
          transition: 0.3s;
          position: absolute;
          bottom: 0px;
          left: 0px;
          text-align: center;
          padding: 0 12px 12px 12px;
          width: calc(100% - 24px); }
          ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .peopleMoreItemContent .peopleMoreItemTitle {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.4;
            letter-spacing: 0.2px;
            color: #ffffff; }
          ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .peopleMoreItemContent .peopleMoreItemDespi {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.2px;
            color: #ffffff;
            margin-top: 7px; }
          ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .peopleMoreItemContent .introduceTagList {
		  /*
            display: flex;
            align-items: center;
            justify-content: center;
			*/
			display:block;
			overflow:hidden;
			height:30px; }
          ul.peopleMore li .peopleMoreItem .peopleMoreItemImage .peopleMoreItemContent .introduceTagList div:first-of-type{
		   margin-left:11px; }
      ul.peopleMore li .peopleMoreItem .peopleMoreItemBody {
        margin: 0 0 0 12px; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .peopleMoreSubTitle {
          font-size: 14px;
          font-weight: 500;
          color: #7a7a7a;
          margin: 5px 0 5px 0;
          letter-spacing: 0.2px; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .peopleMoreTitle {
          font-size: 17px;
          font-weight: bold;
          color: #121212;
          line-height: 1.24;
          margin-bottom: 20px;
          overflow: hidden; }
          ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .peopleMoreTitle i {
            width: 14px;
            height: 14px; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody time {
          font-size: 14px;
          font-weight: 500;
          color: #7a7a7a; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .peopleMoreStatus {
          height: 18px;
          width: 18px;
          display: inline-block;
          background-repeat: no-repeat; }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .isOpen {
          background-image: url("/images/doors/2019/unlock_18x18.png"); }
        ul.peopleMore li .peopleMoreItem .peopleMoreItemBody .isClose {
          background-image: url("/images/doors/2019/lock_18x18.png"); }
    ul.peopleMore li .forfunMoreItem {
      border-radius: 2px; }
      ul.peopleMore li .forfunMoreItem .forfunMoreItemImage {
        /*display: flex;*/
        transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
        overflow: hidden;
        position: relative;
        /*justify-content: center;*/
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        vertical-align: middle; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemImage img {
          width: 100%;
          height: auto;
          vertical-align: middle;
          transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemImage .forfunMoreItemContent {
          position: absolute;
          bottom: 12px;
          text-align: center; }
          ul.peopleMore li .forfunMoreItem .forfunMoreItemImage .forfunMoreItemContent .forfunMoreItemTitle {
            font-size: 20px;
            font-weight: bold;
            line-height: 1.4;
            letter-spacing: 0.2px;
            color: #ffffff; }
          ul.peopleMore li .forfunMoreItem .forfunMoreItemImage .forfunMoreItemContent .forfunMoreItemDespi {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.5;
            letter-spacing: 0.2px;
            color: #ffffff; }
      ul.peopleMore li .forfunMoreItem .forfunMoreItemBody {
        margin: 0 9px; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody .forfunMoreSubTitle {
          font-size: 14px;
          font-weight: 500;
          color: #121212;
          margin: 5px 0 5px 0;
          letter-spacing: 0.2px; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody .forfunMoreTitle {
          margin-top: 12px;
          font-size: 20px;
          font-weight: bold;
          color: #121212;
          line-height: 1.24;
          margin-bottom: 5px;
          overflow: hidden; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody time {
          font-size: 14px;
          font-weight: 500;
          color: #7a7a7a; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody .forfunMoreStatus {
          height: 18px;
          width: 18px;
          display: inline-block;
          background-repeat: no-repeat; }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody .isOpen {
          background-image: url("/images/doors/2019/unlock_18x18.png"); }
        ul.peopleMore li .forfunMoreItem .forfunMoreItemBody .isClose {
          background-image: url("/images/doors/2019/lock_18x18.png"); }
      ul.peopleMore li .forfunMoreItem .forfunMoreItemTag {
        background-color: #121212;
        font-size: 12px;
        letter-spacing: 0.2px;
        text-align: center;
        padding: 1px 12px;
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #ffffff; }
    ul.peopleMore li:last-child {
      margin-right: 0px; }

.introduceTagList {
  display: inline-flex; }

.introduceTag {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #121212;
  padding-left: 6px;
  padding-right: 10px;
  margin: 10px 3px 0 21px;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block; }
  .introduceTag:before {
    content: '';
    background: url("/images/doors/2019/bg_tagPeople.png") no-repeat;
    height: 20px;
    width: 11px;
    position: absolute;
    left: -11px;
    bottom: 0; }

.dearDoors .themeMoreChild li {
  border-bottom: none;
  margin-bottom: 16px; }

.bookSeminarDoors .articleBookSeminarTitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  padding-bottom: 7px; }

ul.loungeMore li .loungesMoreItem .loungesMoreItemImg {
  display: flex;
  overflow: hidden; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemImg img {
    width: 100%;
	height: auto;
    transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemImg:before {
    z-index: 1;
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background 0.2s ease-in-out; }

ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer {
    position: absolute;
    padding: 8px 12px;
    bottom: 0;
    left: 0; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer .labelLoungesMore {
      height: 20px;
      border-radius: 4px;
      background-color: #937e28;
      line-height: 20px;
      font-size: 12px;
      font-weight: 500;
      color: #ffffff;
      text-align: center;
      display: inline-flex;
      padding: 0 12px;
      margin-bottom: 3px; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemTitle .loungesMoreTitleContainer p {
      font-size: 18px;
      font-weight: bold;
      color: #ffffff;
      margin: 0;
      margin-top: 5px; }

ul.loungeMore li .loungesMoreItem .loungesMoreItemBody {
  padding: 10px 13px 13px 12px; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment {
    display: flex;
    margin-bottom: 10px; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment .loungesMoreItemCommentAvatar {
      margin-right: 10px;
      padding-top: 4px; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment .loungesMoreItemText {
      height: 38px;
      display: flex;
      align-items: center;
      overflow: hidden; }
    ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment p {
      font-size: 13px;
      font-weight: 500;
      color: #424242;
      line-height: 1.5;
      width: 181px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemCountComment p {
    font-size: 12px;
    font-weight: 500;
    color: #ff6600;
    display: inline-block;
    margin: 0; }
  ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemCountComment img {
    height: 12px;
    width: 12px; }

ul.loungeMore li a:hover .loungesMoreTitleContainer {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(53, 52, 52, 0.62));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(53, 52, 52, 0.62));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(53, 52, 52, 0.62)); }
  ul.loungeMore li a:hover .loungesMoreTitleContainer p {
    text-decoration: underline; }

ul.loungeMore li a:hover .loungesMoreItemImg img {
  transform: scale(1.1); }

.loungeMoreWithoutSlider ul {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .loungeMoreWithoutSlider ul li {
    transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
    width: 370px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 20px; }
  .loungeMoreWithoutSlider ul li:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
    }
    .loungeMoreWithoutSlider ul li .loungesMoreTitleContainer {
      z-index: 2; }
    .loungeMoreWithoutSlider ul li .loungesMoreItemText {
      flex-wrap: wrap; }

.loungeMoreWithoutSlider ul.loungeMore li .loungesMoreItem .loungesMoreItemBody {
  padding: 15px 20px 20px; }
  .loungeMoreWithoutSlider ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment {
    margin-top: 0;
    margin-bottom: 7px; }
    .loungeMoreWithoutSlider ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment p {
      width: 100%;
      -webkit-line-clamp: 1;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: 0.2px;
      color: #424242; }
    .loungeMoreWithoutSlider ul.loungeMore li .loungesMoreItem .loungesMoreItemBody .loungesMoreItemComment time {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      text-align: right;
      color: #7a7a7a; }

.withLogoTerraceRight .articleRelationTerraceHeader {
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #121212;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px; }
  .withLogoTerraceRight .articleRelationTerraceHeader .iconBlueComment {
    width: 18px;
    height: 18px;
    margin-right: 8px; }
  .withLogoTerraceRight .articleRelationTerraceHeader .articleRelationTerraceHeaderLeft {
    display: inline-flex;
    align-items: flex-end;
    line-height: 1; }
  .withLogoTerraceRight .articleRelationTerraceHeader .articleRelationTerraceHeaderRight {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    display: inline-flex;
    align-items: flex-end; }
    .withLogoTerraceRight .articleRelationTerraceHeader .articleRelationTerraceHeaderRight img {
      margin-left: 10px; }

.withLogoTerraceRight .articleRelationTerraceBody {
  border: none;
  padding: 5px 0 30px 0; }

.withLogoTerraceRight ul.articleRelationTerraceList li {
  margin-top: 0;
  padding: 14px 0; }
  .withLogoTerraceRight ul.articleRelationTerraceList li a[target="_blank"] .articleBlogItemPost p.articleBlogPostTitle:after {
    content: '';
    display: inline-block;
    background: url("/images/doors/2019/iconBlackNewWindows.svg") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 14px; }

.withLogoTerraceRight ul.articleRelationTerraceList .articleBloggerName {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #121212; }

.withLogoTerraceRight ul.articleRelationTerraceList .articleBloggerInfo {
  display: block;
  position: initial;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #7a7a7a; }

.withLogoTerraceRight ul.articleRelationTerraceList .articleBlogItemPost {
  padding: 0;
  margin-top: 5px; }
  .withLogoTerraceRight ul.articleRelationTerraceList .articleBlogItemPost .articleBlogPostTitle {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.24;
    letter-spacing: 0.2px;
    color: #121212; }

.withLogoTerraceRight ul.articleRelationTerraceList .terracePlainTextGoldTag {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #7a7a7a;
  margin-top: 10px; }
  .withLogoTerraceRight ul.articleRelationTerraceList .terracePlainTextGoldTag span {
    margin-left: 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: 0.2px;
    color: #121212; }
  .withLogoTerraceRight ul.articleRelationTerraceList .terracePlainTextGoldTag .iconBlueComment {
    margin-right: 10px; }

.navHorizontal {
  overflow: hidden;
  width: 100%;
  background-color: #fafafa;
  margin-left: -70px;
  padding: 12px 70px;
  margin-bottom: 40px; }

ul.navHorizontalList {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0; }
  ul.navHorizontalList li {
    margin-right: 30px;
    padding-left: 0; }
  ul.navHorizontalList li:last-child {
    margin-right: 0; }
  ul.navHorizontalList a {
    line-height: 40px;
    letter-spacing: 0.2px;
    color: #ff6600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 15px; }

.navHorizontalListSecond ul {
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-around; }
  .navHorizontalListSecond ul li {
    margin: 0 auto;
    line-height: 1.43;
    color: #121212;
    padding-bottom: 7px;
    /*transition: 0.3s;*/ }
    .navHorizontalListSecond ul li.actived {
      font-weight: bold;
      color: #ff6600;
      border-bottom: 3px solid #ff6600; }
    .navHorizontalListSecond ul li:hover {
      /*transition: 0.3s;*/
      font-weight: bold;
      color: #ff6600;
      border-bottom: 3px solid #ff6600; }

.otherSuggestedLessons {
  padding: 40px 0 50px 0; }
  .otherSuggestedLessons .suggestedLessonsTitle {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 24px; }
  .otherSuggestedLessons ul.suggestedLessonsList {
    display: flex;
    flex-wrap: wrap; }
    .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem {
      width: 48%;
      flex: 0 0 47%;
      margin-bottom: 20px; }
      .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem .lessonsItemThumb {
        position: relative;
        display: flex; }
        .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem .lessonsItemThumb img.lessonsItemIconVideo {
          position: absolute;
          right: 8px;
          bottom: 8px; }
      .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem .lessonsItemCategory {
        font-size: 12px;
        font-weight: 500;
        color: #7a7a7a;
        margin-top: 9px; }
      .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem .lessonsItemTitle {
        font-size: 15px;
        font-weight: bold;
        color: #121212;
        margin-top: 12px;
        line-height: 1.4; }
      .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem time {
        font-size: 12px;
        font-weight: 500;
        color: #7a7a7a;
        margin-top: 12px;
        display: block; }
      .otherSuggestedLessons ul.suggestedLessonsList li.suggestedLessonsItem:nth-child(odd) {
        margin-right: 17px; }

nav.menuFixed {
  height: 48px;
  position: fixed;
  bottom: 0%;
  width: 100%;
  background-color: #393838;
  opacity: 1; }
  nav.menuFixed ul {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    justify-content: space-around; }
    nav.menuFixed ul li {
      font-size: 10px;
      font-weight: bold;
      text-align: center;
      padding-top: 7px; }
      nav.menuFixed ul li .menuFixedTitle {
        line-height: 15px;
        color: #ff6600; }
    nav.menuFixed ul .alertActive {
      position: relative; }
      nav.menuFixed ul .alertActive:after {
        content: '';
        width: 8px;
        height: 8px;
        background-color: #E6001E;
        position: absolute;
        border-radius: 4px;
        top: 5px;
        right: 4px; }

.author .authorPerson .right h1, .author .authorPerson .right p.titleName {
  font-size: 24px;
  font-weight: bold;
  color: #242424; }

.author {
  position: relative;
  margin-top: 92px;
  padding-bottom: 38px;
  border-bottom: 1px solid #eeeeee; }
  .author:before {
    content: '';
    height: 4px;
    width: 60px;
    background-color: #ff6600;
    position: absolute;
    left: 0;
    top: -34px; }
  .author a.rightShowMore {
    position: absolute;
    right: 0;
    top: 56px; }
  .author .headerListTitle {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-left: 24px;
    margin-top: -20px;
    margin-bottom: -10px; }
    .author .headerListTitle:before {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      width: 12px;
      height: 12px;
      background: #ff6600; }
  .author .authorPerson {
    display: flex; }
    .author .authorPerson .left {
      margin-right: 20px; }
      .author .authorPerson .left img {
        width: 72px;
        height: 72px;
        border-radius: 50%; }
    .author .authorPerson .right {
      width: 420px;
      padding: 0 18px 0 0;
    }
    .author .authorPerson .right p {
      font-size: 13px;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 8px; }
      .author .authorPerson .right p.name {
        color: #242424; }
      .author .authorPerson .right p.job {
        line-height: 1.67;
        color: #666666; }
      .author .authorPerson .right p.titleName {
        font-size: 20px;
        padding-top: 10px; }
  .author .authorPersonContent {
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between; }
    .author .authorPersonContent .left p {
      font-size: 12px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.2px;
      color: #121212; }
  .author .authorProfile {
    margin-top: 10px; }
    .author .authorProfile p {
      font-size: 17px;
      line-height: 1.5;
      letter-spacing: 0.2px;
      color: #121212;
      font-weight: 500;
      text-align: justify; }
    .author .authorProfile a {
      line-height: 27px;
      letter-spacing: 0.2px;
      color: #ff6600; }
      .author .authorProfile a i.iconLinked {
        width: 16px;
        height: 13px;
        margin-right: 5px; }
      .author .authorProfile a:hover {
        text-decoration: underline; }
.author .authorProfile ul li {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: 0.4px;
  color: #121212;
  padding-left: 30px;
  position: relative;
}
.author .authorProfile ul li:before {
  content: url("/images/doors/2019/people_link.svg");
  position: absolute;
  top: 3px;
  left: 0;
}

.authorHeader .articleBannerLesson {
  height: 253px; }
  .authorHeader .articleBannerLesson .parentTitle {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    left: 16px;
    bottom: 8px; }
  .authorHeader .articleBannerLesson .overlayGradientSecond {
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .authorHeader .articleBannerLesson img {
    width: 100%; }

.authorProfileSecond {
  margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }
  .authorProfileSecond a.btnFollow {
    float: right; }
    .authorProfileSecond a.btnFollow i.btnFollowTwo {
      margin-right: 15px; }
    .authorProfileSecond a.btnFollow:hover {
      line-height: 20px;
      height: 20px;
      width: 180px;
      border: 2px solid #ff6600; }
  .authorProfileSecond > p {
    clear: both;
    font-size: 17px;
    color: #121212;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0;
    display: inline-block;
    line-height: 1.59;
    letter-spacing: 0.2px;
    text-align: justify; }
  .authorProfileSecond .authorPerson {
    margin-top: 20px;
    display: flex; }
    .authorProfileSecond .authorPerson .left {
      margin-right: 12px; }
      .authorProfileSecond .authorPerson .left img {
        width: 32px;
        height: 32px;
        border-radius: 50%; }
    .authorProfileSecond .authorPerson .right p {
      font-size: 14px;
      font-weight: bold;
      line-height: 1;
      margin: 0; }
      .authorProfileSecond .authorPerson .right p.job {
        color: #7a7a7a;
        font-weight: 500;
        letter-spacing: 0.3px;
        margin-top: 7px;
        margin-bottom: 0; }

section.hotColumn ul.hotColumnList li a .bpCarouselImage .overlayGradient, section.hotColumn ul.hotColumnList li a .bpCarouselImage img {
  bottom: 0;
  left: 0;
  width: 240px;
  height: 180px;
  border-radius: 4px; }

section.hotColumn {
  margin-top: 57px;
  margin-bottom: 30px; }
  section.hotColumn .hotColumnHeader {
    width: 100%;
    display: inline-block;
    margin-bottom: -10px; }
    section.hotColumn .hotColumnHeader .hotColumnFigure {
      font-weight: bold;
      line-height: 1;
      display: inline-flex;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 500;
      margin-left: 20px;
      position: relative;
      top: -3px;
      color: #ff6600; }
    section.hotColumn .hotColumnHeader a.rightShowMore {
      float: right;
      line-height: 1; }
  section.hotColumn ul.hotColumnList {
    margin-top: 29px;
    display: flex;
    clear: both; }
    section.hotColumn ul.hotColumnList li {
      position: relative;
      width: 240px;
      height: 180px;
      margin-right: 20px; }
      section.hotColumn ul.hotColumnList li:last-child {
        margin-right: 0; }
      section.hotColumn ul.hotColumnList li a .bpCarouselImage {
        display: flex;
        overflow: hidden;
        border-radius: 4px; }
        section.hotColumn ul.hotColumnList li a .bpCarouselImage .overlayGradient {
          background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
          z-index: 2;
          height: 60px; }
        section.hotColumn ul.hotColumnList li a .bpCarouselImage img {
          transition: transform .4s; }
      section.hotColumn ul.hotColumnList li a .bpCarouselContent .bpCarouselTag {
        position: absolute;
        bottom: 62px;
        left: 12px;
        z-index: 3; }
      section.hotColumn ul.hotColumnList li a .bpCarouselContent .bpCarouselTitle {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: 0.2px;
        position: absolute;
        bottom: 8px;
        left: 12px;
        z-index: 3; }
      section.hotColumn ul.hotColumnList li a:hover .bpCarouselImage img {
        transform: scale(1.1); }
      section.hotColumn ul.hotColumnList li a:hover .bpCarouselTitle {
        text-decoration: underline; }
  section.hotColumn ul.otherFrature li a h3 {
    margin-top: 10px; }

ul.bpCarouselHotColumn {
  display: flex;
  margin-top: 20px;
  padding-left: 0; }
  ul.bpCarouselHotColumn li {
    width: 240px;
    margin-right: 20px;
    box-shadow: none !important; }
    ul.bpCarouselHotColumn li:nth-child(3) {
      margin-right: 0; }
    ul.bpCarouselHotColumn li:nth-child(n+4) {
      display:none; }
    ul.bpCarouselHotColumn li .bpCarouselImage {
      display: flex;
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      overflow: hidden;
      border-radius: 2px;
      height: 179px;
      margin-bottom: 10px;
      -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); }
      ul.bpCarouselHotColumn li .bpCarouselImage img {
        width: 100%;
        transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
    ul.bpCarouselHotColumn li a .bpCarouselTitle {
      margin-top: 7px;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: 0.45px;
      color: #121212;
      text-align: justify; }
    ul.bpCarouselHotColumn li a:hover .bpCarouselImage {
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
      ul.bpCarouselHotColumn li a:hover .bpCarouselImage img {
        transform: scale(1.1); }
    ul.bpCarouselHotColumn li a:hover .bpCarouselTitle {
      text-decoration: underline; }

ul.articleBoxListSecond li a .artclePostRight span, ul.catList li .itemImg span, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span {
  border-bottom-left-radius: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
  ul.articleBoxListSecond li a .artclePostRight span.lesson, ul.catList li .itemImg span.lesson, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.lesson {
    height: 16px;
    display: flex;
    align-items: center; }
    ul.articleBoxListSecond li a .artclePostRight span.lesson i.iconPen, ul.catList li .itemImg span.lesson i.iconPen, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.lesson i.iconPen {
      width: 10px;
      height: 11px;
      margin-right: 5px;
      margin-left: 3px; }
  ul.articleBoxListSecond li a .artclePostRight span.seminar i.iconSeminar, ul.catList li .itemImg span.seminar i.iconSeminar, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.seminar i.iconSeminar {
    position: static;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 3px; }
  ul.articleBoxListSecond li a .artclePostRight span.lounge i.iconLounge2, ul.catList li .itemImg span.lounge i.iconLounge2, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.lounge i.iconLounge2 {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 3px; }
  ul.articleBoxListSecond li a .artclePostRight span.forFunTag, ul.catList li .itemImg span.forFunTag, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.forFunTag {
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 64px;
    height: 16px; }
    ul.articleBoxListSecond li a .artclePostRight span.forFunTag .iconHeart, ul.catList li .itemImg span.forFunTag .iconHeart, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.forFunTag .iconHeart {
      margin-left: 4px;
      margin-right: 4px; }
    ul.articleBoxListSecond li a .artclePostRight span.forFunTag.violetBg, ul.catList li .itemImg span.forFunTag.violetBg, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.forFunTag.violetBg {
      background-color: #da3fe0; }
  ul.articleBoxListSecond li a .artclePostRight span.peopleTag, ul.catList li .itemImg span.peopleTag, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.peopleTag {
    position: absolute;
	top: unset;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 60px;
    height: 16px;
    display: flex;
    justify-content: center; }
    ul.articleBoxListSecond li a .artclePostRight span.peopleTag .iconHeart, ul.catList li .itemImg span.peopleTag .iconHeart, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.peopleTag .iconHeart {
      margin-right: 4px; }
    ul.articleBoxListSecond li a .artclePostRight span.peopleTag.darkRedBg, ul.catList li .itemImg span.peopleTag.darkRedBg, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.peopleTag.darkRedBg {
      background-color: #bc0865; }
  ul.articleBoxListSecond li a .artclePostRight span.loungeTag, ul.catList li .itemImg span.loungeTag, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.loungeTag {
    position: absolute;
	top: unset;
    bottom: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 64px;
    height: 16px; }
    ul.articleBoxListSecond li a .artclePostRight span.loungeTag .iconHeart, ul.catList li .itemImg span.loungeTag .iconHeart, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.loungeTag .iconHeart {
      margin-right: 4px; }
    ul.articleBoxListSecond li a .artclePostRight span.loungeTag.pinkBg, ul.catList li .itemImg span.loungeTag.pinkBg, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.loungeTag.pinkBg {
      background-color: #ff3c5f; }
  ul.articleBoxListSecond li a .artclePostRight span.loungeBlueTag, ul.catList li .itemImg span.loungeBlueTag, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.loungeBlueTag {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    padding: 0;
    width: 64px;
    color: #100e65;
    font-size: 12px;
    height: 16px; }
    ul.articleBoxListSecond li a .artclePostRight span.loungeBlueTag.whiteBg, ul.catList li .itemImg span.loungeBlueTag.whiteBg, ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage span.loungeBlueTag.whiteBg {
      background-color: rgba(255, 255, 255, 0.36); }

ul.articleBoxListSecond li a .artclePostRight > i, ul.catList li .itemImg > i {
  z-index: 1;
  position: absolute;
  bottom: 8px;
  right: 8px; }

ul.articleBoxListSecond {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  ul.articleBoxListSecond li {
    width: 370px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 12px; }
    ul.articleBoxListSecond li:nth-child(odd) {
      margin-right: 20px; }
    ul.articleBoxListSecond li:hover .articlePostTitle {
      text-decoration: underline; }
    ul.articleBoxListSecond li:hover .artclePostRight {
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }
      ul.articleBoxListSecond li:hover .artclePostRight img {
        transform: scale(1.1); }
    ul.articleBoxListSecond li a {
      display: flex; }
      ul.articleBoxListSecond li a .articlePostLeft {
        width: 238px;
        margin-right: 12px;
        padding-right: 0;
        position: relative; }
        ul.articleBoxListSecond li a .articlePostLeft h3.articlePostTitle {
          font-size: 17px;
          font-weight: bold;
          line-height: 1.24;
          letter-spacing: 0.2px;
          color: #121212; }
          ul.articleBoxListSecond li a .articlePostLeft h3.articlePostTitle i.iconOpen {
            width: 15px;
            height: 15px;
            margin-left: 5px; }
        ul.articleBoxListSecond li a .articlePostLeft p.articlePostAlignLeft {
          position: absolute;
          bottom: -3px;
          left: 0;
          margin: 0; }
          ul.articleBoxListSecond li a .articlePostLeft p.articlePostAlignLeft span.pr {
            display: inline-block;
            width: 30.6px;
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            color: #121212;
            text-align: center;
            margin-right: 5px;
            border: solid 1px #121212; }
        ul.articleBoxListSecond li a .articlePostLeft time {
          position: absolute;
          bottom: -3px;
          right: 0; }
      ul.articleBoxListSecond li a .artclePostRight {
        position: relative;
        width: 120px;
        height: 90px;
        overflow: hidden;
        border-radius: 2px;
        text-align: center;
        transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975); }
        ul.articleBoxListSecond li a .artclePostRight img {
          transition: transform .3s cubic-bezier(.555,.205,.295,.975);
          width: auto;
          height: 100%;
          border-radius: 2px; }
        ul.articleBoxListSecond li a .artclePostRight i.iconVideo, ul.articleBoxListSecond li a .artclePostRight i.iconVoice {
          width: 18px;
          height: 18px; }

ul.catList {
  margin-top: 10px;
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap; }
  ul.catList li {
    width: 178px;
    margin-right: 16px;
    margin-top: 20px; }
    ul.catList li:nth-child(4n) {
      margin-right: 0; }
    ul.catList li:hover .title {
      text-decoration: underline; }
    ul.catList li:hover .itemImg {
      transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }
      ul.catList li:hover .itemImg img {
        transform: scale(1.1); }
    ul.catList li .itemImg {
      position: relative;
      width: 178px;
      height: 133px;
      overflow: hidden;
      border-radius: 2px; }
      ul.catList li .itemImg img {
        transition: transform .3s cubic-bezier(.555,.205,.295,.975);
        width: 100%;
        height: auto;
        display: block; 
        border-radius: 2px; }
    ul.catList li p.cat {
      color: #7a7a7a;
      margin-top: 7px; }
    ul.catList li h3.title {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.24;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 5px;
      margin-bottom: 5px; }
      ul.catList li h3.title i.iconOpen {
        width: 15px;
        height: 15px;
        margin-left: 5px; }
    ul.catList li time {
      color: #7a7a7a; }

.articleHeaderSecond {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  .articleHeaderSecond a.btnFollowKeyword {
    transition: background-color 0.3s;
    width: 226px;
    align-self: center;
    /*margin-left: 338px; */}
    .articleHeaderSecond a.btnFollowKeyword:hover {
      height: 20px;
      line-height: 20px;
      width: 224px;
      border: 2px solid #ff6600; }
   .articleHeaderSecond a.btnFollowKeyword.active {
    background-color: #ff6600;
    color: #fff; }
   .articleHeaderSecond a.btnFollowKeyword.active:hover {
    background-color: rgba(255, 102, 0, 0.7);
    border: 1px solid rgba(255, 102, 0, 0); }
  .articleHeaderSecond .articleSearch {
    width: 344px;
    height: 38px;
    margin: 0 0 10px;
    padding: 1px 0;
    border-bottom: 1px solid #ff6600;
    position: relative; }
    .articleHeaderSecond .articleSearch form.articleSearchWrapper input{
      outline: none; }
    .articleHeaderSecond .articleSearch form.articleSearchWrapper input[type=text] {
      width: 299px;
      height: 38px;
      line-height: 38px;
      border: none;
      padding: 0 10px;
      color: #242424;
      font-weight: bold;
      font-size: 15px; }

.articleHeaderGroupSeach {
  align-items: center;
  margin-bottom: 30px; }

ul.articleBoxList.SeminarThird li:hover .articlePostTitle {
  text-decoration: underline; }

ul.articleBoxList.SeminarThird li:hover .artclePostRight .articlePostImage {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); }
  ul.articleBoxList.SeminarThird li:hover .artclePostRight .articlePostImage img {
    transform: scale(1.1); }

ul.articleBoxList.SeminarThird li:hover .articlePostImage img {
  transition: .3s;
  transform: scale(1.2); }

ul.articleBoxList.SeminarThird li a {
  display: flex; }
  ul.articleBoxList.SeminarThird li a .articlePostLeft {
    width: 618px; }
    ul.articleBoxList.SeminarThird li a .articlePostLeft .articlePostTitle {
      color: #242424; }
    ul.articleBoxList.SeminarThird li a .articlePostLeft .description {
      margin-top: 5px;
      font-size: 12px;
      color: #666666; }
  ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage {
    justify-content: center;
    transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
    position: relative;
    width: 120px;
    height: 90px;
    overflow: hidden; }
    ul.articleBoxList.SeminarThird li a .artclePostRight .articlePostImage img {
      transition: transform .3s cubic-bezier(.555,.205,.295,.975);
      width: auto;
      height: 100%;
	  display: block;
	  margin: 0 auto;}

.womanOnline .titleWomanOnline {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.3px;
  color: #121212; }

.womanOnlinebody {
  margin-top: 30px;
  margin-bottom: 30px; }
  .womanOnlinebody p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.4px;
    color: #121212; }

header.prHeaderBox.TopBox .importantNotice {
  margin: 2px auto;
  padding: 20px 80px;
  width: 960px;
  border-radius: 4px; }
  header.prHeaderBox.TopBox .importantNotice p {
    line-height: 1.43;
    letter-spacing: 0.2px; }
    header.prHeaderBox.TopBox .importantNotice p.title {
      font-weight: bold;
      color: #121212;
      line-height: 1;
      margin-bottom: 10px; }
  header.prHeaderBox.TopBox .importantNotice a {
    font-weight: bold;
    color: #ff6600;
    display: block;
    margin-top: 5px; }

.prHeaderBoxTag {
  min-width: 100%;
  margin: 0;
  height: 48px;
  width: 100%;
  padding: 0;
  border-top: 1px solid rgba(255, 102, 0, 0.2);
  box-sizing: border-box;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  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); }
  .prHeaderBoxTag a {
    display: flex;
    align-items: center; }
    .prHeaderBoxTag a span {
      font-size: 12px;
      color: #121212;
      margin-right: 7px;
      height: 16px;
      box-sizing: border-box; }
    .prHeaderBoxTag a p {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: 0.2px;
      color: #242424; }
      .prHeaderBoxTag a p:hover {
        text-decoration: underline; }

.urgentNoticeBox {
  background: #fff9f9;
  /*min-width: 1120px;*/
  margin-bottom: 2px;
  -webkit-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 15px 15px -15px rgba(0, 0, 0, 0.2); }
  .urgentNoticeBox .boxUrgentContent {
    width: 960px;
    padding: 20px 0 15px 0;
    margin: 0 auto; }
  .urgentNoticeBox p {
    line-height: 1.43;
    letter-spacing: 0.2px;
    color: #242424;
    font-weight: 500; }
    .urgentNoticeBox p.title {
      font-weight: bold;
      color: #dd2642;
      line-height: 1;
      margin-bottom: 10px;
      font-size: 14px; }
      .urgentNoticeBox p.title.blackTitle {
        color: #121212; }
  .urgentNoticeBox a {
    font-weight: bold;
    color: #ea5519;
    display: block;
    margin-top: 5px;
    font-size: 14px; }
  .urgentNoticeBox.backgroundWhite {
    background: #FFFFFF; }
  .urgentNoticeBox.backgroundWhite .title {
    color: #121212; }

.swiper-container.keywordSwiperContainer {
  height: 47px;
  background: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center; }
  .swiper-container.keywordSwiperContainer .swiper-wrapper {
    height: 63px;
    /*display: flex;*/
    align-items: center;
    overflow: hidden;
    width: 1120px; }
    .swiper-container.keywordSwiperContainer .swiper-wrapper .swiper-slide {
      display: inline-block;
      line-height: 63px;
      margin-right: 20px;
      font-size: 15px;
      color: #ff6600; }
      .swiper-container.keywordSwiperContainer .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0; }

.topListKeyWord .swiper-container.keywordSwiperContainer {
  height: 67px;
  width: 100%; }

.adPickUpMore {
    font-size: 15px;
    color: #121212;
    display: block;
    align-items: center;
    text-align: left;
    position: absolute;
    bottom: 8px;
    right: 374px;
    font-size: 14px;
	line-height: 1.2;
    background: url("/images/doors/2019/suggestedLessonsShowMore.svg") no-repeat center right;
    padding: 0 8px 0 0;
	width: 190px;
}
  /*
  .adPickUpMore img {
    margin-left: 10px;
    position: relative;
    top: -1.5px; }
	*/
  .adPickUpMore:hover {
    text-decoration: underline; }

.sectionPickUpTop {
  height: 462.5px;
  opacity: 0;
  transition: opacity .1s;
  position: relative; }
  .sectionPickUpTop .todayFrame {
    transition: right 1.5s; 
    position: absolute;
    top: 20px;
    right: -370px;
    padding: 15px 40px 15px 33px;
    background: #fff;
    border-radius: 2px;
    box-shadow: -4px 0 12px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    width: 288px; }
  .sectionPickUpTop .todayFrame.open {
    right: 0; }
    .sectionPickUpTop .todayFrame .todayFrameSubTitle {
      font-size: 17px;
      font-weight: bold;
      letter-spacing: 0.1px;
      color: #121212; }
    .sectionPickUpTop .todayFrame .todayFrameTitle {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.42;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 10px; }
    .sectionPickUpTop .todayFrame .todayFrameDesc {
      font-size: 14px;
      line-height: 1.71;
      letter-spacing: 0.1px;
      color: #898989;
      margin-top: 8px; }
    .sectionPickUpTop .todayFrame .todayFrameImg {
      width:288px;
      height:216px;
      overflow: hidden;
      position: relative;
      margin-top: 10px;
      border-radius: 2px; }
      .sectionPickUpTop .todayFrame .todayFrameImg img {
        transition: transform .3s cubic-bezier(.555,.205,.295,.975);
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 2px; }
      .sectionPickUpTop .todayFrame .todayFrameImg .leftArrowTag {
        position: absolute;
        top: 12px;
        left: 12px; }
    .sectionPickUpTop .todayFrame a:hover .todayFrameTitle {
      text-decoration: underline; }
    .sectionPickUpTop .todayFrame a:hover .todayFrameImg img {
      transform: scale(1.1); }

ul.adPickUpTop {
  margin-top: 16px;
  width: calc(100% - 340px);
  display: inline-block;
  /*min-width: 1120px;*/ }
  ul.adPickUpTop li.adPickUpItem {
    position: relative;
    transform: scale(.9);
    width: 520px;
    height: 390px; }
    ul.adPickUpTop li.adPickUpItem.slick-slide {
      margin: 0 8px;
      transition: transform 0.5s; }
      ul.adPickUpTop li.adPickUpItem.slick-slide .adPickUpItemContent {
        transition: opacity .5s;
        opacity: 0; }
    ul.adPickUpTop li.adPickUpItem.slick-current {
      transform: scale(1);
      margin: 0 8px;
      /*width: 520px;
      height: 390px;
      margin: 0 20px;*/ }
      ul.adPickUpTop li.adPickUpItem.slick-current .adPickUpItemContent {
        opacity: 1; }
    ul.adPickUpTop li.adPickUpItem a img {
      width: 100%;
      height: 100%;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
    ul.adPickUpTop li.adPickUpItem a .adPickUpItemImg {
      position: relative;
      margin: 0 auto;
      height: 100%; }
    ul.adPickUpTop li.adPickUpItem a .adPickUpItemContent {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 10px 20px 10px; }
      ul.adPickUpTop li.adPickUpItem a .adPickUpItemContent .leftArrowTag {
        margin-bottom: 15px; }
      ul.adPickUpTop li.adPickUpItem a .adPickUpItemContent .adPickUpItemContentWarpTitle {
        max-width: 320px;
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: flex-end; }
        ul.adPickUpTop li.adPickUpItem a .adPickUpItemContent .adPickUpItemContentWarpTitle h3 {
          font-size: 24px;
          font-weight: bold;
          line-height: 1.42;
          letter-spacing: 0.2px;
          color: #121212; }
    ul.adPickUpTop li.adPickUpItem:hover h3 {
      text-decoration: underline; }
    ul.adPickUpTop li.adPickUpItem .slick-dots {
      bottom: -50px; }
    ul.adPickUpTop li.adPickUpItem.slick-center .adPickUpItemImg {
      position: relative;
      margin: 0 auto; }
  ul.adPickUpTop ul.slick-dots li {
    width: 6px;
    height: 6px; }
    ul.adPickUpTop ul.slick-dots li button:before {
      font-size: 10px;
      color: #eeeeee;
      opacity: 1;
      font-size: 6px; }
    ul.adPickUpTop ul.slick-dots li.slick-active button:before {
      color: #ff6600;
      opacity: 1; }
  ul.adPickUpTop .slick-list {
    overflow: visible; }
  ul.adPickUpTop .slick-next {
    right: -webkit-calc(50% - 320px);
    right: -moz-calc(50% - 320px);
    right: calc(50% - 320px);
    top: 50%;
    z-index: 99;
    width: 40px;
    height: 40px; }
    ul.adPickUpTop .slick-next:before {
      opacity: 0.8;
      content: url("/images/doors/2019/top_slider_r.svg"); }
    ul.adPickUpTop .slick-next:hover:before {
      content: url("/images/doors/2019/top_slider_r_hover.svg"); }
  ul.adPickUpTop .slick-prev {
    left: -webkit-calc(50% - 318px);
    left: -moz-calc(50% - 318px);
    left: calc(50% - 318px);
    top: 50%;
    z-index: 99;
    width: 40px;
    height: 40px; }
    ul.adPickUpTop .slick-prev:before {
      opacity: 0.8;
      content: url("/images/doors/2019/top_slider_l.svg"); }
    ul.adPickUpTop .slick-prev:hover:before {
      content: url("/images/doors/2019/top_slider_l_hover.svg"); }

ul.adPickUpTop.slick-dotted {
  margin-bottom: 50px; }
  ul.adPickUpTop.slick-dotted .slick-dots {
    bottom: -30px; }

.contentMyDoors .article {
  width: 100%; }

.sectionMyAria {
  clear: both;
  display: none; }
.myAriaTwo {
  clear: both;
  overflow: hidden;
  padding: 40px 0;
  box-shadow: inset 0 2px 12px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  /*min-width: 1120px;*/
  position: relative;
  justify-content: center;
  align-items: center;
  position: relative; }
  .myAriaTwo .overlayGradientFull {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
    filter: opacity(0.5); }
    .myAriaTwo .overlayGradientFull img {
      width: 100%;
      filter: blur(10px);
      -webkit-filter: blur(10px);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .myAriaTwo .myariaWrapper {
    width: 1120px; }
    .myAriaTwo .myariaWrapper .myAriaTitleHeader {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: space-between; }
      .myAriaTwo .myariaWrapper .myAriaTitleHeader h2.myAriaTitle {
        display: flex; }
        .myAriaTwo .myariaWrapper .myAriaTitleHeader h2.myAriaTitle img {
          margin-bottom: -5px; }
        .myAriaTwo .myariaWrapper .myAriaTitleHeader h2.myAriaTitle p.myAriaDesc {
          margin-left: 20px;
          display: flex;
          font-size: 14px;
          line-height: 1.75;
          letter-spacing: 0.2px;
          font-weight: 500;
          color: #121212;
          align-items: center; }
      .myAriaTwo .myariaWrapper .myAriaTitleHeader a.btnSetUp {
        padding: 0 20px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        border-radius: 35.5px;
        border: solid 1px #121212;
        font-weight: bold;
        color: #121212; }
        .myAriaTwo .myariaWrapper .myAriaTitleHeader a.btnSetUp:hover {
          text-decoration: underline; }
      .myAriaTwo .myariaWrapper .myAriaTitleHeader a.btnSetUpLink {
        position: absolute;
        right: 0;
        display: flex;
        align-items: flex-end;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0.2px;
        color: #121212; }
        .myAriaTwo .myariaWrapper .myAriaTitleHeader a.btnSetUpLink:hover {
          text-decoration: underline; }
        .myAriaTwo .myariaWrapper .myAriaTitleHeader a.btnSetUpLink img {
          margin-left: 7px; }
    .myAriaTwo .myariaWrapper .myAriaTitleHeaderInline {
      display: flex;
      align-items: center; }
      .myAriaTwo .myariaWrapper .myAriaTitleHeaderInline h2.myAriaTitle {
        display: inline-block; }
    .myAriaTwo .myariaWrapper ul.myAriaTag {
      margin-top: 20px;
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap; }
      .myAriaTwo .myariaWrapper ul.myAriaTag li {
        display: inline-block;
        height: 28px;
        border-radius: 52px;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background-color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.2px;
        color: #ff6600;
        padding: 0 20px;
        margin-right: 12px;
        transition: 0.3s; }
        .myAriaTwo .myariaWrapper ul.myAriaTag li:hover {
          background: #c5c5c5; }
        .myAriaTwo .myariaWrapper ul.myAriaTag li a {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
      .myAriaTwo .myariaWrapper ul.myAriaTag.inlineTitle {
        margin-top: 0;
        margin-left: 20px; }
    .myAriaTwo .myariaWrapper ul.myAriaInlineTag {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: -8px;
      margin-left: 20px; }
      .myAriaTwo .myariaWrapper ul.myAriaInlineTag li {
        display: inline-block;
        height: 28px;
        border-radius: 52px;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        background-color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.2px;
        color: #121212;
        padding: 0 20px;
        margin-right: 12px;
        transition: 0.3s; }
        .myAriaTwo .myariaWrapper ul.myAriaInlineTag li:hover {
          transition: 0.3s;
          color: #ff6600; }
        .myAriaTwo .myariaWrapper ul.myAriaInlineTag li a {
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
    .myAriaTwo .myariaWrapper ul.myAriaSlick {
      display: flex;
      margin-top: 30px; }
      .myAriaTwo .myariaWrapper ul.myAriaSlick li {
        position: relative;
        width: 264px;
        margin-right: 21px; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li:last-child {
          margin-right: 0; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li:hover .myAriaImg {
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li:hover h3 {
          text-decoration: underline; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li:hover img {
          transform: scale(1.1); }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaImg {
          transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
          width: 264px;
          height: 198px;
          border-radius: 2px;
          overflow: hidden;
          position: relative;
          text-align: center;
          background-color: #fff; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaImg img {
            transition: transform .3s cubic-bezier(.555,.205,.295,.975);
            width: auto;
            height: 100%;
            border-radius: 2px; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemTagWrapper {
          display: flex;
          flex-wrap: wrap-reverse;
          position: absolute;
          left: 12px;
          bottom: 12px; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li span.myAriaSlickItemTag {
          padding: 0 16px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          background-color: rgba(255, 102, 0, 0.6);
          font-size: 12px;
          color: #FFFFFF;
          display: inline-block;
          margin: 12px 12px 0 0; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li i.iconVideo {
          bottom: 10px;
          right: 10px; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemTitle {
          min-height: 56px;
          margin-top: 12px; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemTitle h3 {
            font-size: 17px;
            font-weight: bold;
            line-height: 1.59;
            letter-spacing: 0.2px;
            color: #121212;
            display: inline; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemTitle i.iconLockMSmallTwo {
            width: 18px;
            height: 18px;
            margin-top: 4px;
            margin-left: 3px; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemCat {
          display: flex;
          justify-content: space-between;
          margin-top: 5px; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li .myAriaSlickItemCat p {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.43;
            letter-spacing: 0.2px;
            color: #242424; }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li.itemComingSoon {
          border-radius: 2px;
          background-color: rgba(255, 255, 255, 0.7);
          height: 287px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li.itemComingSoon p {
            font-family: 'Barlow', sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 0.88;
            letter-spacing: 0.4px;
            text-align: center;
            color: #121212;
            transform: scale(0.8,1); }
        .myAriaTwo .myariaWrapper ul.myAriaSlick li.itemComingSoonOrange {
          border-radius: 2px;
          border: 1px solid #ffffff;
          box-sizing: border-box;
          height: 287px;
          display: flex;
          justify-content: center;
          align-items: center; }
          .myAriaTwo .myariaWrapper ul.myAriaSlick li.itemComingSoonOrange p {
            font-family: 'Barlow', sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 0.88;
            letter-spacing: 0.4px;
            text-align: center;
            color: #ffffff;
            transform: scale(0.8,1); }
  .myAriaTwo.myAriaOrange {
    background-color: #FF6600; }
    .myAriaTwo.myAriaOrange .btnSetUpLink {
      color: #FFFFFF !important; }

.popupChooseLifestyle {
  background: #ffffff;
  padding: 30px 54px 30px 54px;
  border-radius: 2px; }
  .popupChooseLifestyle .popupChooseLifestyleTitle {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.47;
    letter-spacing: 0.2px;
    color: #121212; }
  .popupChooseLifestyle ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 16px; }
    .popupChooseLifestyle ul li {
      width: 160px;
      height: 28px;
      line-height: 28px;
      border-radius: 15px;
      border: 1px solid #dddddd;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 16px;
      cursor: pointer;
      font-weight: bold;
      font-size: 15px;
      color: #121212; }
      .popupChooseLifestyle ul li.active {
        border: 1px solid #121212; }
  .popupChooseLifestyle .btnChooseLifestyle {
    margin-top: 24px;
    text-align: center; }
    .popupChooseLifestyle .btnChooseLifestyle a {
      font-size: 17px;
      font-weight: bold;
      color: #ff6600; }

.dag_billboard > div > div {
  width: 100% !important;
  background-color: #121212;
  padding: 17px 0;
  text-align: center;
  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) }

.smallScreenMode .myAria .myAriaSlick {
  margin: 20px 2px 20px 2px; }

.myAria {
  clear: both;
  padding: 40px 0;
  box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden; }
  .myAria .myAriaTitleHeader {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .myAria .myAriaTitleHeader a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 15px;
      line-height: 1.4;
      letter-spacing: 0.2px;
      color: #121212; }
      .myAria .myAriaTitleHeader a img {
        margin-left: 6px;
        position: relative;
        top: -3px; }
  .myAria .myAriaDesc {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.2px;
    color: #121212;
    margin-top: 5px;
    font-weight: bold; }
  .myAria .myAriaTag {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap; }
    .myAria .myAriaTag li {
      margin-bottom: 10px;
      width: 31.5%;
      display: inline-block;
      height: 28px;
      border-radius: 15px;
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
      background-color: #ffffff;
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 0.2px;
      color: #ff6600; }
      .myAria .myAriaTag li a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
  .myAria .myAriaBigTag li {
    margin-top: 12px;
    padding: 8.5px 19px;
    display: inline-block;
    border-radius: 52px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #ff6600;
    margin-right: 5px; }
    .myAria .myAriaBigTag li a {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .myAria .myAriaSlick {
    margin: 20px 0 0 0; }
    .myAria .myAriaSlick .slick-slide {
      margin: 0 6px; }
    .myAria .myAriaSlick .slick-list {
      padding-left: 16px; }
    .myAria .myAriaSlick img {
      border-radius: 2px;
      width: 100%; }
    .myAria .myAriaSlick .myAriaSlickItem {
      width: 156px; }
      .myAria .myAriaSlick .myAriaSlickItem.itemCommingSoon {
        border-radius: 2px;
        background-color: rgba(255, 255, 255, 0.7);
        height: 238px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .myAria .myAriaSlick .myAriaSlickItem.itemCommingSoon p {
          font-size: 18px;
          font-weight: bold;
          line-height: 1.17;
          letter-spacing: 0.2px;
          text-align: center;
          color: #121212; }
      .myAria .myAriaSlick .myAriaSlickItem.itemCommingSoonOrange {
        border-radius: 2px;
        border: 1px solid #ffffff;
        box-sizing: border-box;
        height: 238px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .myAria .myAriaSlick .myAriaSlickItem.itemCommingSoonOrange p {
          font-size: 18px;
          font-weight: bold;
          line-height: 1.17;
          letter-spacing: 0.2px;
          text-align: center;
          color: #ffffff; }
      .myAria .myAriaSlick .myAriaSlickItem.itemCommingSoonOrange:last-child {
        margin-left: 20px; }
    .myAria .myAriaSlick .myAriaSlickItemImg {
      position: relative; }
    .myAria .myAriaSlick .myAriaSlickItemTag {
      font-size: 12px;
      position: absolute;
      bottom: 8px;
      left: 8px;
      padding: 4px 10px;
      opacity: 0.7;
      background-color: #ff6600;
      color: #ffffff; }
    .myAria .myAriaSlick .myAriaSlickItemCat {
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 10px; }
    .myAria .myAriaSlick .myAriaSlickItemTitle {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 5px;
      min-height: 68px; }
    .myAria .myAriaSlick .myAriaSlickItemDate {
      font-size: 12px;
      line-height: 1.64;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 5px; }
  .myAria .myAriaBtnSetLifeStyle {
    margin: 0 auto;
    text-align: center;
    padding-top: 35px; }
    .myAria .myAriaBtnSetLifeStyle a {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.41;
      letter-spacing: 0.2px;
      color: #121212;
      padding: 15px 54px;
      border-radius: 35.5px;
      border: 1px solid #121212;
      display: inline-block; }
  .myAria .overlayGradientFull {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    z-index: -1;
    filter: opacity(0.5); }
    .myAria .overlayGradientFull img {
      height: 100%;
      filter: blur(5px);
      -webkit-filter: blur(5px); }
  .myAria.tallClass .myAriaSlickItemDate,
  .myAria.tallClass .myAriaSlickItemCat {
    color: #242424; }

.myAriaAlone i.icon.iconLockMSmallTwo {
  display: none; }

.myAriaAlone .myAriaTwo .myariaWrapper ul.myAriaSlick li span.myAriaSlickItemTag {
  color: #FFFFFF; }

.socialButtons {
  display: flex;
  text-align: center;
  margin: 30px 0 20px 0; }
  .socialButtons .socialIcon {
    display: inline-block; }
  .socialButtons .socialText {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 6px; }
  .socialButtons li {
    display: inline-block;
    padding-right: 64px; }
    .socialButtons li a {
      display: flex;
      align-items: center; }
      .socialButtons li a:hover {
        opacity: 0.5;
        filter: alpha(opacity=50); }
    .socialButtons li:last-child {
      padding-right: 0; }
  .socialButtons li.paperButton {
    position: relative; }
    .socialButtons li.paperButton .paperBackground {
      border-radius: 3px;
      position: absolute;
      top: -60px;
      right: 0;
      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; }
      .socialButtons li.paperButton .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; }
  .socialButtons .facebookLink .socialIcon {
    background: url("/images/doors/2019/iconFb.svg") no-repeat;
    background-size: 100%;
    width: 14px;
    height: 25px; }
  .socialButtons .facebookLink .socialText {
    color: #4065b4;
    padding-left: 14px; }
  .socialButtons .twitterLink .socialIcon {
    background: url("/images/doors/2019/iconTw.svg") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 25px; }
  .socialButtons .twitterLink .socialText {
    color: #059ff5; }
  .socialButtons .lineLink .socialIcon {
    background: url("/images/doors/2019/iconLine.svg") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 29px; }
  .socialButtons .lineLink .socialText {
    color: #00b900; }
  .socialButtons .letterLink .socialIcon {
    background: url("/images/doors/2019/iconLetter.svg") no-repeat;
    background-size: 100%;
    width: 28px;
    height: 19px; }
  .socialButtons .letterLink .socialText {
    color: #424242; }
  .socialButtons .paperClipLink .socialIcon {
    background: url("/images/doors/2019/iconPaperClip.svg") no-repeat;
    background-size: 100%;
    width: 24px;
    height: 25px; }
  .socialButtons .paperClipLink .socialText {
    color: #121212; }
  .socialButtons .paperClipLinkYellow .socialIcon {
    background: url("/images/doors/2019/iconPaperClipYellow.svg") no-repeat;
    background-size: 100%;
    width: 24px;
    height: 25px; }
  .socialButtons .paperClipLinkYellow .socialText {
    color: #ff6600; }

.socialButtonsSmallPadding li {
  padding-right: 60px; }

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

.asideRight .articleBoxHeaderYellow {
  margin-top: 30px; }

.asideRight .tabWrapper {
  margin-bottom: 30px; }

.dag_bunner .memberMagazine {
  background: repeating-linear-gradient(45deg, rgba(224, 224, 223, 0.05), rgba(175, 151, 41, 0) 1px, rgba(187, 187, 186, 0.05) 7px, rgba(144, 143, 137, 0.09) 6px);
  padding-top: 80px;
  padding-bottom: 24px;
  text-align: center;
  margin-top: 90px;
  margin-bottom: 40px;
  position: relative;
  border: solid 1px #ff6600;
  z-index: 10; }
  .dag_bunner .memberMagazine .imgMagazine {
    margin-top: -129px;
    display: flex;
    justify-content: center; }
    .dag_bunner .memberMagazine .imgMagazine .imgMagazineOne {
      z-index: 1; }
    .dag_bunner .memberMagazine .imgMagazine .imgMagazineOne a{
	  display: block; }
      .dag_bunner .memberMagazine .imgMagazine .imgMagazineOne img {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
    .dag_bunner .memberMagazine .imgMagazine .imgMagazineTwo {
      z-index: 2;
      position: relative; }
    .dag_bunner .memberMagazine .imgMagazine .imgMagazineTwo a{
	  display: block; }
      .dag_bunner .memberMagazine .imgMagazine .imgMagazineTwo img {
        transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        -webkit-transform: rotate(-6deg);
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
  .dag_bunner .memberMagazine .titleMagazine {
    font-weight: bold;
    line-height: 1.71;
    letter-spacing: 0.5px;
    margin-top: 15px;
    border-radius: 8px;
    position: relative; }
    .dag_bunner .memberMagazine .titleMagazine .titleMagazineYellow {
      font-size: 14px;
      color: #ff6600; }
    .dag_bunner .memberMagazine .titleMagazine .iconStarLeft {
      position: absolute;
      top: 0;
      left: 33px; }
    .dag_bunner .memberMagazine .titleMagazine .iconStarRight {
      position: absolute;
      top: 0;
      right: 33px; }
  .dag_bunner .memberMagazine .titleMagazineBlack {
    font-size: 14px;
    color: #121212;
    font-weight: bold;
    margin-top: 20px; }
  .dag_bunner .memberMagazine .btnMagazine {
    display: flex;
    justify-content: center;
    margin-top: 5px; }
    .dag_bunner .memberMagazine .btnMagazine a {
      font-size: 17px;
      font-weight: bold;
      letter-spacing: 0.4px;
      text-align: center;
      color: #ff6600;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 211px;
      height: 48px;
      border-radius: 28px;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
      border: solid 1px #ff6600;
      background-image: #fff; }
      .dag_bunner .memberMagazine .btnMagazine a:hover {
        box-shadow: inset 0 0 0 1px #ff6600; }

[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;
  background: rgba(122, 122, 122, 0.1); }
  .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; }

.featureBox {
  padding: 0 70px;
  position: relative;
  overflow: hidden;
  padding-bottom: 40px; }
  .featureBox .featureBoxContent {
    position: absolute;
    top: 0;
    left: 70px;
    width: 620px; }
    .featureBox .featureBoxContent .featureBoxTag {
      color: #FFFFFF;
      font-weight: bold;
      background: #E6001E;
      margin: 28px 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 .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 .featureBoxLeft {
        width: 420px;
        float: left; }
      .featureBox .featureBoxContent .featureBoxItem .featureBoxImg {
        line-height: 0;
        width: 96px;
        float: right; }
        .featureBox .featureBoxContent .featureBoxItem .featureBoxImg img {
          width: 100%; }
      .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 .featureBoxButton {
      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; }

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

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

.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; }
    .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; }
  .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: 11px;
  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; }
    ul.recommendArticle li.recommendArticleItem .recommendArticleImg img {
      width: 100%; }
  ul.recommendArticle li.recommendArticleItem:nth-child(even) {
    float: right; }
  ul.recommendArticle li.recommendArticleItem:nth-child(odd) {
    float: left; }

.keywordSwiperNowrap {
  padding: 20px 0 5px 34px;
  background-color: #fafafa;
  margin-bottom: 80px; }
  .keywordSwiperNowrap ul {
    display: flex;
    flex-wrap: wrap; }
    .keywordSwiperNowrap ul li {
      margin-right: 40px;
      margin-bottom: 15px; }
      .keywordSwiperNowrap ul li a {
        display: block;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.2px;
        text-align: center;
        color: #ff6600; }

.searchResultZero {
  width: 100%;
  padding: 15px 0 30px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #242424; }
  .searchResultZero h3 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.59;
    letter-spacing: 0.2px;
    color: #121212;
    margin-bottom: 12px; }

.articleRegisterForUse {
  position: relative; }
  .articleRegisterForUse li:hover {
    background-color: #FFF; }
  .articleRegisterForUse img.imgExample {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important; }

.registerForUse {
  width: 344px;
  margin: 0 auto;
  padding-top: 225px; }
  .registerForUse .noticeText {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #242424;
    margin-bottom: 25px;
    line-height: 1.67; }
  .registerForUse ul.listFunctionForUser {
    margin-bottom: 0;
    display: block; }
    .registerForUse ul.listFunctionForUser li {
      font-size: 17px !important;
      font-weight: 500 !important;
      letter-spacing: 0.2px !important;
      color: #242424 !important;
      margin-bottom: 20px !important;
      display: flex !important;
      align-items: center;
      border: none !important;
      padding: 0 !important; }
      .registerForUse ul.listFunctionForUser li .functionImg {
        display: flex;
        width: 32px;
        margin-right: 18px; }
        .registerForUse ul.listFunctionForUser li .functionImg img {
          position: inherit !important;
          width: 100% !important;
          height: 100%; }
      .registerForUse ul.listFunctionForUser li p {
        display: flex;
        margin: 0;
        align-items: center;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.4;
        letter-spacing: 0.2px;
        color: #121212; }

.boxActionRegister {
  background-color: #FAFAFA;
  padding-top: 5px;
  padding-bottom: 20px; }
  .boxActionRegister .btnGreenGradientPc {
    width: 344px !important;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    color: #FFF !important;
    border-radius: 28px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5748c+0,f13d5e+100 */
    background: #f5748c;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f5748c 0%, #f13d5e 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f5748c 0%, #f13d5e 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f5748c 0%, #f13d5e 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5748c', endColorstr='#f13d5e',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .boxActionRegister .noticeText {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #242424;
    line-height: 1;
    margin-bottom: 14px;
    text-align: center; }

li.registerForUse {
  padding: 0 !important; }
  li.registerForUse:hover {
    background-color: #FFF !important; }
  li.registerForUse li:hover {
    background-color: #FFF !important; }

header.myPageHeader {
  width: 100%;
  display: inline-block; }
  header.myPageHeader .myPageHeaderLeft {
    float: left;
    display: flex; }
    header.myPageHeader .myPageHeaderLeft .myPageHeadLeftImg {
      height: 72px; }
      header.myPageHeader .myPageHeaderLeft .myPageHeadLeftImg img {
        float: left;
        width: 72px;
        height: 72px;
        margin-right: 18px; }
    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 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 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; }
        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:hover {
          background: none; }
        section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft {
          float: left;
          margin-left: 30px;
          margin-top: 17px;
          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.parentTitle {
              color: #666666;
              line-height: 1.5em;
              margin-top: 10px; }
            section.myPage .tabWrapper .tabContent ul.tabItem li.clip .itemleft p.title {
              font-size: 17px;
              font-weight: bold;
              line-height: 1.3em;
              width: 528px; }
            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;
              background-color: #f2f6f8;
              margin-right: 20px;
              margin-top: 10px;
              min-height: 85px;
              border: none;
              padding-left: 14px;
              padding-top: 10px;
              padding-right: 10px; }
            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 .itemRight {
          float: right;
          margin-right: 30px;
          margin-top: 17px;
          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 img {
            width: 120px;
            height: 90px;
            margin-left: 20px;
            margin-top: 10px;
            float: right; }
      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;
      line-height: 30px;
      background: transparent;
      border-radius: 4px;
      position: relative; }
      section.myPage .paginate .btnPaginate:focus {
        outline: transparent; }
      section.myPage .paginate .btnPaginate img {
        position: absolute;
        right: 10px;
        top: 8px; }

h1.articleAuthorTitle {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.3px;
  color: #121212;
  margin: 0 -70px; }

.articleAuthor {
  margin-top: -130px;
  padding-top: 130px; }
.articleAuthor ul.articleAuthorChara {
  display: flex;
  margin-top: 11px; }
  .articleAuthor ul.articleAuthorChara li a {
    font-size: 13px;
    font-weight: bold;
    line-height: 2.77;
    letter-spacing: 40px;
    color: #ff6600; }

.articleAuthorHeaderTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #121212;
  margin-top: 3px;
  margin-bottom: 8px; }
  .articleAuthorHeaderTitle:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ff6600;
    margin-right: 12px; }

.articleAuthorHeader {
  position: relative; }
  .articleAuthorHeader:after {
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    line-height: 2.5;
    color: #af8d3a;
    margin-right: 5px;
    content: attr(chara);
    right: 0;
    bottom: 0; }

ul.articleAuthorList {
  margin: 0 -12px 20px;
  display: flex;
  flex-wrap: wrap; }
  ul.articleAuthorList li {
/*    flex-grow: 1;
    max-width: 237px;
*/
    width: 237px;
    margin: 0 12px;
    border-bottom: solid 1px #eeeeee;
    padding: 12px 0; }
    ul.articleAuthorList li a:hover img {
      /*box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);*/ }
    ul.articleAuthorList li a:hover p.name {
      text-decoration: underline; }
  ul.articleAuthorList .articleAuthorItem {
    display: flex; }
    ul.articleAuthorList .articleAuthorItem .articleAuthorItemImg {
      padding-right: 12px; }
      ul.articleAuthorList .articleAuthorItem .articleAuthorItemImg img {
        transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
        width: 48px;
        height: 48px;
        border-radius: 50%; }
  ul.articleAuthorList .articleAuthorItemContent p {
    margin: 0;
    padding: 0;
    display: inline-block; }
    ul.articleAuthorList .articleAuthorItemContent p.name {
      font-size: 17px;
      font-weight: 500;
      line-height: 1.76;
      letter-spacing: 0.2px;
      color: #242424; }
    ul.articleAuthorList .articleAuthorItemContent p.desciption {
      font-size: 13px;
      font-weight: 500;
      line-height: 1.62;
      letter-spacing: 0.2px;
      color: #7a7a7a;
      display: block; }
    ul.articleAuthorList .articleAuthorItemContent p.action {
      font-size: 12px;
      font-weight: bold;
      letter-spacing: 0.1px;
      color: #ff6600;
      padding-left: 8px; }

.articleColumn {
  margin-top: 25px; }

ul.articleColumnList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -10px 40px; }
  ul.articleColumnList li {
    transition: box-shadow .3s cubic-bezier(.555,.205,.295,.975);
    padding: 0;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    flex-grow: 1;
    max-width: 370px;
    margin: 0 10px 20px; }
  ul.articleColumnList li:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); }
    ul.articleColumnList li a:hover .articleColumnItemContent {
      text-decoration: underline; }
    ul.articleColumnList li a:hover .articleColumnItemImg img {
      transform: scale(1.1); }
  ul.articleColumnList .articleColumnItemImg {
    position: relative;
    width: 370px;
    height: 123.3px;
    overflow: hidden;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
    ul.articleColumnList .articleColumnItemImg img {
      width: 100%;
      height: auto;
      display: block;
      border-top-right-radius: 2px;
      border-top-left-radius: 2px;
      transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
    ul.articleColumnList .articleColumnItemImg time {
      position: absolute;
      left: 10px;
      bottom: 10px;
      background-color: #121212;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      color: #fff;
      padding: 2px 15px; }
    ul.articleColumnList .articleColumnItemImg i {
      z-index: 1;
      right: 10px;
      bottom: 15px;
      width: 32px;
      height: 32px; }
    ul.articleColumnList .articleColumnItemImg:before {
      z-index: 1;
      position: absolute;
      display: block;
      content: "";
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: transparent;
      transition: background 0.2s ease-in-out; }
  ul.articleColumnList .articleColumnItemContent {
    height: 46px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 0.5px;
    color: #121212;
    margin: 10px 10px 17px; }

.articleAuthorSpecialHeader {
  margin-top: 15px;
  margin-bottom: 30px; }

.btnAuthorSpecial {
  position: relative;
  display: inline-block;
  border: 1px solid #ff6600;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #242424; }
  .btnAuthorSpecial.specialLeft, .btnAuthorSpecial.specialRight {
    border: 1px solid #ff6600;
    display: inline-block;
    margin: 30px 0 50px; }
  .btnAuthorSpecial:hover {
    border: 2px solid #ff6600;
    box-sizing: border-box; }

.specialTop {
  padding: 5px 40px 5px 19px; }
  .specialTop i.iconArrowDown {
    position: absolute;
    top: 10px;
    left: 75px;
    width: 10px; }
  .specialTop:hover {
    padding: 4px 39px 4px 18px; }
    .specialTop:hover i.iconArrowDown {
      top: 9px;
      left: 74px; }

.specialLeft {
  float: left;
  padding: 8px 18px 8px 35px; }
  .specialLeft i.iconPlayRightArrow {
    position: absolute;
    top: 14px;
    left: 20px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .specialLeft:hover {
    padding: 7px 17px 7px 34px; }
    .specialLeft:hover i.iconPlayRightArrow {
      top: 13px;
      left: 19px; }

.specialRight {
  float: right;
  padding: 8px 35px 8px 18px; }
  .specialRight i {
    margin-left: 10px; }
  .specialRight i.iconPlayRightArrow {
    position: absolute;
    top: 14px; }
  .specialRight:hover {
    padding: 7px 34px 7px 17px; }
    .specialRight:hover i.iconPlayRightArrow {
      top: 13px; }

ul.articleAuthorSpecialParent li {
  margin-bottom: 10px; }

ul.articleAuthorSpecialParent .articleAuthorSpecialParentHeader {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  height: 88px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
  overflow: hidden; }
  ul.articleAuthorSpecialParent .articleAuthorSpecialParentHeader:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    margin-right: 12px; }
  ul.articleAuthorSpecialParent .articleAuthorSpecialParentHeader:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1; }
  ul.articleAuthorSpecialParent .articleAuthorSpecialParentHeader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1;
    filter: blur(15px); }

_:-ms-lang(x)::-ms-backdrop, ul.articleAuthorSpecialParent .articleAuthorSpecialParentHeader img {
  opacity: 0.2; }

ul.articleAuthorSpecialChild {
  display: block;
  margin: -20px 10px 0;
  overflow: hidden; }
  ul.articleAuthorSpecialChild li {
    width: 350px;
    margin: 0 40px 0 0;
    float: left; }
  ul.articleAuthorSpecialChild li:nth-child(even) {
    margin: 0; }
    ul.articleAuthorSpecialChild li a:hover .articleAuthorSpecialItemImg img {
      transform: scale(1.1); }
    ul.articleAuthorSpecialChild li a:hover .articleAuthorSpecialItemContent p {
      text-decoration: underline; }
  ul.articleAuthorSpecialChild .articleAuthorSpecialItemImg {
    margin-bottom: 5px;
    display: flex;
    overflow: hidden;
    border-radius: 2px; }
    ul.articleAuthorSpecialChild .articleAuthorSpecialItemImg img {
      width: 100%;
	  height: 100%;
	  display: block;
      transition: transform .3s cubic-bezier(.555,.205,.295,.975); }
  ul.articleAuthorSpecialChild .articleAuthorSpecialItemContent {
    margin-top: 10px; }
    ul.articleAuthorSpecialChild .articleAuthorSpecialItemContent span {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.2px;
      text-align: center;
      color: #7a7a7a;
      border: 1px solid #7a7a7a;
      box-sizing: border-box;
      padding: 0 10px;
      height: 20px;
      display: inline-flex;
      align-items: center; }
    ul.articleAuthorSpecialChild .articleAuthorSpecialItemContent p {
      height: 54px;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.59;
      letter-spacing: 0.2px;
      color: #121212;
      margin-top: 7px;
      margin-bottom: 25px; }

/* 1004 _01非会員モーダルPC */
#popupNoMemberInvite {
    display: none; }
.popupNoMemberInvite {
  background: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 22px 0 20px;
  font-size: 17px;
  font-weight: bold; }
  .popupNoMemberInvite a {
    color: #ff6600; }
    .popupNoMemberInvite a:hover {
      text-decoration: underline; }

.popupNoMemberInviteTitle {
  line-height: 1.41;
  letter-spacing: 0.2px; }

.btn_popupNoMemberInvite {
  margin: 22px auto 13px;
  width: 343px;
  height: 64px;
  border-radius: 36px;
  background: #5b70be;
  border: 1px solid #5b70be;
  background: -webkit-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  background: -o-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  background: linear-gradient(to right, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b70be', endColorstr='#1835a4',GradientType=1 );
  color: #ffffff;
  display: table;
  letter-spacing: 0.4px; }
  .btn_popupNoMemberInvite > a {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff; }
    .btn_popupNoMemberInvite > a:hover {
      color: #100e65;
      text-decoration: none; }
  .btn_popupNoMemberInvite span {
    display: block;
    font-size: 11px;
    letter-spacing: 0.3px; }

.popupNoMemberInvite + .close {
  right: 0 !important;
  top: -50px !important; }
  .popupNoMemberInvite + .close::before {
    font-size: 45px;
    font-weight: bold; }

.btn_popupNoMemberInvite:hover {
  border: 1px solid #100e65;
  color: #100e65;
  background: #ffffff; }

.login_popupNoMemberInvite a {
  letter-spacing: 0.4px; }

/* 1005_PCヘッダーのカテゴリーモーダル・1005_PCヘッダーのカテゴリーモーダル・1005_PCヘッダーの通知モーダル　*/
.loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub, .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub {
  display: none;
  position: fixed;
  margin-left: -60px;
  margin-top: 0px;
  width: 200px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #eeeeee;
  border-top: 2px solid #ff6600;
  background-color: #ffffff;
  z-index: 9999;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; }

.loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub {
  display: none;
  position: fixed;
  margin-left: -60px;
  margin-top: 0px;
  width: 200px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #eeeeee;
  border-top: 2px solid #ff6600;
  background-color: #ffffff;
  z-index: 9999;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
  width: 400px;
  border-radius: 0;
  margin-left: -322px;
  margin-top: 0px; }

.loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub:before, .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub:before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #ff6600;
  width: 0;
  height: 0; }

.loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub:before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #ff6600;
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  left: 361px;
  top: -18px; }

.loginBox ul.menuLogin li.modalCatmenu:hover ul.modalCatmenuSub, .loginBox ul.menuLogin li.modalLifestylemenu:hover ul.modalLifestylemenuSub, .loginBox ul.menuLogin li.notificationAlert:hover ul.modalNoticemenuSub {
  display: block;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li, #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li {
  display: block;
  float: none;
  width: calc(100% - 40px);
  font-size: 14px;
  height: auto;
  letter-spacing: 0.2px;
  color: #121212;
  line-height: 2.4;
  margin: 0 0 0 20px; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li:first-child, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li:first-child {
  margin-top: 10px; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li:last-child, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li:last-child {
  margin-bottom: 10px; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li:hover, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li:hover {
  background: none; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li a, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li a {
  text-align: left;
  display: block;
  font-weight: normal; }

#wrapper > header .loginBox ul.menuLogin li.modalCatmenu ul.modalCatmenuSub li a:hover, #wrapper > header .loginBox ul.menuLogin li.modalLifestylemenu ul.modalLifestylemenuSub li a:hover {
  text-decoration: underline; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li {
  position: relative;
  margin: 0;
  padding: 16px 0 7px 0;
  line-height: 1.4;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #EEEEEE; }
  #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a {
    display: block;
    font-weight: bold; }
    #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a span, #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a > div > div {
      font-weight: normal; }
  #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li:last-child {
    margin-top: 0; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub img {
  width: 24px;
  position: absolute;
  top: 16px;
  left: 16px; }
  #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub img.pht {
    border-radius: 50%; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li .contbox {
  margin-left: 51px;
  width: 330px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #121212; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li span.contview {
  display: block;
  margin: 7px 0 5px;
  font-size: 12px;
  letter-spacing: 0.1px; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a > div > div {
  font-size: 12px; }
  #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a > div > div span {
    color: #e6001e;
    margin-left: 10px; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li .textAlignRight {
  text-align: right; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li.modalNoticemenuSubBT {
  height: 48px;
  border-radius: 2px;
  background-color: #f6f6f6;
  text-align: center;
  line-height: 48px;
  padding: 0;
  margin-top: 0; }
  #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li.modalNoticemenuSubBT a {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #f13c5d; }
    #wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li.modalNoticemenuSubBT a:hover {
      text-decoration: underline; }

/* 701_404エラーPC 702_500エラーPC 703_認証エラーPC 704_公開終了エラー（汎用）PC 705_公開終了エラー（メッセージ）PC */
html body.errorpage #wrapper div.content {
  margin: 0 auto;
  margin-bottom: 80px;
  text-align: center;
  width: 100%;
  min-height: calc(100vh - 212px); }

body.errorpage {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px; }
  body.errorpage a {
    margin: 0px;
    padding: 0px;
    text-decoration: none; }
  body.errorpage #wrapper {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%; }
  body.errorpage .siteLogo img {
    width: 145px;
    margin: 32px auto 0; }
  body.errorpage .Rectangle {
    margin: 0 auto;
    margin-top: 36.1px;
    max-width: 772px;
    border-radius: 4px;
    border: solid 1px #eaeaea;
    text-align: center; }
  body.errorpage .page_loginerr703 .Rectangle {
    height: 300px; }
  body.errorpage .Rectangle .title {
    margin-top: 32px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #242424; }
  body.errorpage .page_loginerr703 .Rectangle .orderBox {
    display: flex;
    justify-content: center;
    align-items: center; }
  body.errorpage .page_loginerr703 .Rectangle .loginBoxarea, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea {
    display: inline-block;
    width: 311px;
    margin: 50px 10px 0; }
    body.errorpage .page_loginerr703 .Rectangle .loginBoxarea .RectangleBtn, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea .RectangleBtn {
      width: 311px; }
      body.errorpage .page_loginerr703 .Rectangle .loginBoxarea .RectangleBtn:hover, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea .RectangleBtn:hover {
        width: 309px;
        height: 54px; }
  body.errorpage .page_loginerr703 .Rectangle .RectangleSubtitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: 0.2px;
    color: #121212; }
  body.errorpage .Rectangle .RectangleBtn {
    width: 343px;
    height: 56px;
    margin: 14px auto 40px;
    border-radius: 28px;
    border: 1px solid #ff6600;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ff6600;
    display: table; }
  body.errorpage .page_publishTo1 .Rectangle .RectangleBtn {
    margin: 55px auto 40px; }
  body.errorpage .page_loginerr703 .Rectangle .btn_plan_infoBox .RectangleBtn {
    border: none;
    color: #ffffff;
    background: #5b70be;
    background: -webkit-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
    background: -o-linear-gradient(left, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
    background: linear-gradient(to right, #5b70be 0%, #354faf 56%, #344eaf 58%, #374fb0 59%, #344daf 59%, #324bae 61%, #233fa8 83%, #223ea8 85%, #2440a9 85%, #213da7 86%, #1835a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b70be', endColorstr='#1835a4',GradientType=1 ); }
  body.errorpage .Rectangle .RectangleBtn a {
    display: table-cell;
    vertical-align: middle; }
  body.errorpage .Rectangle .RectangleBtn:hover {
    border: 2px solid #ff6600;
    width: 341px;
    height: 54px; }
  body.errorpage .page_loginerr703 .Rectangle .btn_plan_infoBox .RectangleBtn:hover {
    border: solid 1px #100e65;
    color: #100e65;
    background: #ffffff; }
  body.errorpage .Rectangle .msg {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.76;
    letter-spacing: 0.2px;
    color: #121212;
    text-align: left;
    margin: 20px auto 50px;
    padding-left: 40px;
    padding-right: 40px; }
  body.errorpage .Rectangle img {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
  body.errorpage .Rectangle ul {
    list-style-type: none;
    padding-left: 16px;
    margin: 20px auto 26px;
    line-height: 1.42; }
  body.errorpage .Rectangle li:before {
    display: block;
    content: url("/images/doors/2019/check.svg");
    width: 9px;
    height: 9px;
    position: relative;
    top: 8px;
    left: -14px; }
  body.errorpage footer {
    height: 132px;
    width: 100%;
    text-align: center;
    background-color: #f6f6f6; }
    body.errorpage footer .globalImgFooter {
      width: 93px;
      height: 18px;
      object-fit: contain;
      margin-top: 41px; }
    body.errorpage footer .Copyright-Nikkei-B {
      height: 18px;
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5;
      letter-spacing: 0.2px;
      color: #7a7a7a;
      margin-top: 15px;
      margin-bottom: 40px; }

/** 画面のサイズが大きくなった場合 **/
/** 画面幅が小さくなった場合 **/
@media (min-width: 773px) {
  body.errorpage .hideOnSp {
    display: none; } }

@media (max-width: 772px) {
  body.errorpage #wrapper {
    min-width: auto; }
  body.errorpage .siteLogo img {
    width: 105px;
    height: 31px;
    margin-top: 15px; }
  body.errorpage .content {
    margin-bottom: 60px; }
  body.errorpage .hideOnPc {
    display: none; }
  body.errorpage .Rectangle {
    border-style: none;
    text-align: left;
    margin-top: 35px; }
    body.errorpage .Rectangle .title {
      font-size: 20px;
      line-height: 1.5;
      padding-left: 16px;
      margin-bottom: 10px; }
  body.errorpage .page_loginerr703 .Rectangle .orderBox {
    flex-direction: column;
    height: 250px; }
  body.errorpage .page_loginerr703 .Rectangle .loginBoxarea, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea {
    display: block;
    width: calc(100% - 32px);
    margin: 0 0 20px;
    text-align: center; }
  body.errorpage .Rectangle .toTopBoxarea {
    display: block;
    width: calc(100% - 32px);
    margin: 0 0 20px;
    text-align: center; }
  body.errorpage .page_loginerr703 .Rectangle .loginBoxarea, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea {
    width: calc(100% - 0px); }
  body.errorpage .page_loginerr703 .Rectangle .loginBoxarea {
    order: 2; }
  body.errorpage .page_loginerr703 .Rectangle .infoBoxarea {
    order: 1; }
  body.errorpage .page_loginerr703 .Rectangle .RectangleSubtitle {
    font-size: 15px;
    line-height: 1.4; }
  body.errorpage .Rectangle .RectangleBtn {
    width: calc(100% - 32px);
    margin: 13px auto 15px; }
  body.errorpage .Rectangle .msg {
    margin-top: 10px;
    padding: 0 16px 0 16px;
    margin-bottom: 30px; }
  body.errorpage .Rectangle ul {
    line-height: 1.6; }
    body.errorpage .Rectangle ul li {
      margin-bottom: 10px; }
  body.errorpage .page_loginerr703 .Rectangle .orderBox {
    margin-top: 25px; }
  html body.errorpage #wrapper div.content {
    margin-bottom: 60px; } }

@media (max-width: 320px) {
  body.errorpage .page_loginerr703 .Rectangle .loginBoxarea .RectangleBtn, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea .RectangleBtn {
    width: calc(100% - 32px); }
    body.errorpage .page_loginerr703 .Rectangle .loginBoxarea .RectangleBtn:hover, body.errorpage .page_loginerr703 .Rectangle .infoBoxarea .RectangleBtn:hover {
      width: calc(100% - 34px); } }

/** 701_404エラー **/
/** 702_500エラー **/
/** 704_公開終了エラー **/
/* 601_お知らせ一覧 有料会員 PC */
.page_601 h1.articleHeaderTitle {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: bold;
  color: #121212;
  line-height: 1.38;
  display: inline-block; }

.page_601 .creationList.infoTop .creationListItem {
  border-bottom: 1px solid #eee; }
  .page_601 .creationList.infoTop .creationListItem:last-child {
    border-bottom: 1px solid #eee; }

.page_601 .creationList .creationListItem {
  padding: 15px 0px;
  overflow: hidden; }

.page_601 .infoTop h2 {
  font-size: 24px;
  font-weight: bold;
  color: #121212;
  margin-bottom: 5px; }

.page_601 .infoTop h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px; }

.page_601 .infoTop p {
  font-size: 15px;
  font-weight: normal;
  color: #666; }

/** 703_認証エラー 個別設定 **/
body.errorpage .page_loginerr703 .Rectangle .msg {
  text-align: center;
  padding: 0px; }
  body.errorpage .page_loginerr703 .Rectangle .msg div {
    display: inline-block;
    margin-top: 54px;
    padding-left: 34px;
    padding-right: 34px;
    font-size: 17px;
    /*font-size: 14px;*/
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    /*line-height: 1.4;*/
    letter-spacing: 0.4px;
    /*letter-spacing: 0.2px;*/
    color: #242424; }

body.errorpage .page_loginerr703 .Rectangle .link_to_top {
  margin-bottom: 39px;
  text-align: center; }
  body.errorpage .page_loginerr703 .Rectangle .link_to_top a {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6600; }
    body.errorpage .page_loginerr703 .Rectangle .link_to_top a:hover {
      text-decoration: underline; }

body.errorpage .page_loginerr703 .Rectangle .msg p {
  margin: 0px auto; }

@media (max-width: 772px) {
  body.errorpage .page_loginerr703 .Rectangle .link_to_top {
    margin-top: 10px; }
  body.errorpage .page_loginerr703 .Rectangle .msg div {
    display: block; }
    body.errorpage .page_loginerr703 .Rectangle .msg div > p {
      margin: 23px 0 0 0;
      position: relative;
      top: 10px; } }

@media (min-width: 773px) {
  body.errorpage .page_loginerr703 .Rectangle .hideOnPc {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px; } }

/** 602_お知らせ詳細PC 個別設定 **/
.page_602info .infotop {
  margin-top: 12px; }

.page_602info .articleHeaderTime {
  margin-bottom: 10px; }

.page_602info .pB20 {
  padding-bottom: 20px; }

.page_602info .pT20 {
  padding-top: 20px; }

.page_602info .articleBody {
  margin: 0 70px;
  font-size: 17px; }

.page_602info .socialButtons {
  display: flex;
  text-align: center;
  margin: 30px 0 20px 0; }

#wrapper > header .loginBox ul.menuLogin li.notificationAlert ul.modalNoticemenuSub li a span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: 0.2px;
  color: #242424; }

#wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .contview {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2px;
  color: #666666; }

#wrapper > header .loginBox ul.menuLogin .notificationAlert .modalNoticemenuSub li a .contbox .textAlignRight span {
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: right;
  color: #898989; }
  
/* 2重送信防止用 */
.offTarget{
  pointer-events: none;
}

.dag_premium_textad > div {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05);
}

.articleList {
  clear: both;
}

/* ヘルシー・マザリング・プレス */
.mothering h1 {
  text-align: center;
  margin-bottom: 30px;
}
.mothering p {
  text-align: center;
  margin-bottom: 30px;
}
.mothering p a:hover img, #motheringFooterAbout a:hover img {
  opacity: .6;
}
#motheringFooterAbout {
  text-align: center;
  margin-bottom: 30px;
}
#motheringFooterLecturer {
  border-top: dotted 1px #ccc;
  margin: 0 auto 30px;
  padding: 30px 10px 0;
  overflow: hidden;
  width: 660px;
}
#motheringFooterLecturer h3, #motheringFooterPartner h3 {
  margin-bottom: 20px;
  font-size: 20px;
  text-align: center;
  line-height: 1.1;
}
#motheringFooterLecturer h3 small {
  font-size: 12px;
}
#motheringFooterLecturer ul li {
  margin-bottom: 5px;
  font-size: 12px;
}
#motheringFooterLecturer ul li span {
  font-size: 14px;
  font-weight: bold;
}
#motheringFooterPartner {
  width: 680px;
  margin: 0 auto 30px;
  text-align: center;
}
#motheringFooterPartner ul {
  font-size: 0;
}
#motheringFooterPartner ul li {
  display: inline-block;
  margin: 0 25px 20px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
}
#motheringFooterPartner ul li img {
  max-height: 80px;
}
#motheringFooterInfo {
  margin: 0 auto 30px;
  padding: 0 10px;
  overflow: hidden;
  width: 660px;
}
#motheringFooterInfo h4 {
  margin-bottom: 10px;
  font-size: 14px;
}
#motheringFooterInfo p {
  font-size: 12px;
}
#motheringFooterInfo a {
    color: #f58f00;
    text-decoration: underline;
}

/* 心理テスト用 */
#psychology .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  border-bottom: dotted 2px #ff6600;
  padding-bottom: 8px;
  color: #ff6600;
}

/* nextpageNavi*/
.nextpage{
  padding: 41px 0 0;
  text-align: center;
}
.nextpage a{
  padding: 12px 16px;
  display: inline-block;
  border:1px solid #ff6600;
  border-radius: 24px;
}
.nextpage a span.heading{
  padding: 0 16px 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #ff6600;
  line-height: 14px;
  letter-spacing: 0.2px;
}
.nextpage a span.nextpage-title{
  font-size: 14px;
  font-weight: bold;
  color: #121212;
  letter-spacing: 0.3px;
  line-height: 14px;
}

/* 汎用キャンペーン */
.asideRight .generalCampaign {
  margin-top: 30px;
}
.ariaSelectionBox + .generalCampaign,
.ariaSelectionBox + #listPreview {
  margin-top: -30px;
  margin-bottom: 30px;
}
.leafArticle .generalCampaign {
  width: 620px;
  margin: 40px auto 0;
  text-align: center;
}


/* 連載・特集フォロー済みボタン */
a.suggestionFollowButton, a.suggestionFollowedButton{
 width: 182px !important;
 height: 24px !important;
 margin: 0 0 0 auto !important;
 padding: 0 0 0 32px !important;
 position:relative !important;
 cursor: pointer !important;
 line-height: 22px !important;
 display: block !important;
 box-sizing: border-box !important;
 font-size: 15px !important;
 text-align: left !important;
 transition: background-color 0.3s !important;
}
a.suggestionFollowedButton {
 width: 212px !important;
 padding: 0 !important;
 color: #ffffff !important;
 font-weight: bold !important;
 border: solid 1px #ff6600 !important;
 border-radius: 12px !important;
 background: #ff6600 !important;
 text-align: center !important;
}
a.suggestionFollowButton:before{
 content:"";
 width:12px;
 height:12px;
 display:block;
 background: url("/images/doors/2019/iconFollow.svg") no-repeat;
 position:absolute;
 top:5px;
 left:15px;
}
a.suggestionFollowButton.feature:after{
 content:"この特集をフォロー";
}
a.suggestionFollowedButton.feature:after{
 content:"この特集のフォローを解除";
}
a.suggestionFollowButton.serialization:after{
 content:"この連載をフォロー";
}
a.suggestionFollowedButton.serialization:after{
 content:"この連載のフォローを解除";
}


/* リゾーム注意書き */
.poweredBy {
    color: #666;
    font-size: 10px;
}
footer.mainFooter .poweredBy {
    padding: 15px 0 0 ;
    width: 1120px;
    margin: auto;
}

/* 2019.10 出所（出典） */
.articleHeaderLogo{
  padding-top: 10px;
  text-align: right;
}
.articleHeaderLogo img,
.articleHeaderLogo a img{
  width: auto;
  height: auto;
  max-width: 116px;
  max-height: 40px;
}
.citeNote{
  border:1px solid #ddd;
  border-radius: 5px;
  padding: 15px 20px;
}
.citeNote p{
  color: #555;
  font-size: 14px;
  line-height: 1.3;
  margin: 5px 0;
}
.citeNote .citeNoteTitle{
  color: #555;  
  font-weight: bold;
}
.citeBox{
  background-color: #fafafa;
  border:1px solid #ff6600;
  overflow: hidden;
  padding: 20px;
  width: 438px;
  margin: 0 auto;
}
.citeBox a{
  display: block;
  width: 100%;
  height: 100%;
}
.citeBox .citeBooks,
.citeBox .citeBooks img{
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 160px;
  float: left;
  margin-right: 20px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.citeTxt{
  overflow: hidden;
  padding-top: 20px;
  line-height: 1.7142;
}
.citeBox .citeBoxTitle{
  color: #ff6600;
  font-size: 14px;
  font-weight: bold;
}
.citeBox .citeBtn{
  background-color: #ff6600;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 15px 0;
  margin-top: 10px;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.citeBox a:hover .citeBtn,
.citeBox a:hover .citeBooks img{
  opacity: .7;
}

/* フッターSNSボタン */
.mainFooter .snsArea { display: flex; width: 50%; justify-content: flex-end; height: 30px;}
.mainFooter .snsArea li { width: 30px; height: 30px; margin-left: 40px; text-align: center;}
.mainFooter .snsArea li img { width: 100%; height: 100%; }
.mainFooter .snsArea li.twitter { width: 37px; }
.mainFooter .snsArea a:hover img { opacity: .4;}