@charset "UTF-8";
.page-forum {
  background: #fff
}
.page-forum-wrapper {
  background: #fff;
  color: #79695e;
  margin-top: 100px;
  overflow: hidden;
  padding-bottom: 0
}
.innerWarp {
  margin: 0 auto;
  max-width: 1000px;
  position: relative
}
.c-topicpath {
  background: #fff;
  border-bottom: none;
  margin-bottom: 0
}
.ytwrap {
  padding-top: 56.25%
}
.ytwrap iframe {
  height: 100% !important;
  right: 0;
  width: 100% !important
}
#sec-mv {
  background: url(../../assets/images/forum/bg_mv_pc.webp) top/100% 100% no-repeat;
  -webkit-mask-position: bottom center;
  mask-position: bottom center;
  width: 100%;
  z-index: 5
}
#sec-main, #sec-mv {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative
}
#sec-main {
  background-color: #fffbc2;
  -webkit-mask-image: url(../../assets/images/forum/clipmask_03.svg);
  mask-image: url(../../assets/images/forum/clipmask_03.svg);
  -webkit-mask-position: 20% bottom;
  mask-position: 20% bottom;
  z-index: 4
}
.badge-content {
  position: relative
}
.entry-badge {
  max-width: 413px;
  top: -123px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%)
}
.badge-remindmail, .entry-badge {
  left: 50%;
  margin: 0 auto;
  position: absolute;
  z-index: 5
}
.badge-remindmail {
  max-width: 174px;
  top: -153px;
  -webkit-transform: translateX(353px);
  -ms-transform: translateX(353px);
  transform: translate(353px)
}
.page-mv {
  margin: 0 auto 40px;
  width: 100%
}
.page-title {
  margin: 0 auto 40px;
  max-width: 728px
}
.page-lead {
  margin: 0 auto;
  max-width: 416px
}
#sec-intro {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: .1em;
  margin: 0 auto;
  max-width: 1200px;
  padding-top: 150px;
  position: relative;
  text-align: center
}
#sec-intro .body {
  margin-top: 20px
}
#sec-intro .body p {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2em
}
#sec-intro .body p:last-child {
  margin-bottom: 0
}
#sec-archive-movie {
  margin: 0 auto;
  max-width: 1000px;
  padding-bottom: 20px;
  padding-top: 60px
}
#sec-archive-movie .title {
  background: #ffeed4;
  border-radius: 999px;
  color: #79695e;
  font-size: clamp(1.5rem, 1.3636363636rem + .3636363636vw, 1.8rem);
  font-weight: 500;
  margin: 0 auto 25px;
  max-width: 350px;
  padding: .3em;
  position: relative;
  text-align: center
}
#sec-archive-movie .title span {
  position: relative
}
#sec-archive-movie .title:before {
  border-color: #ffeed4 #0000 #0000;
  border-style: solid;
  border-width: 20px 15px 0;
  bottom: -15px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  width: 0;
  z-index: 0
}
#sec-archive-movie .movie-cont {
  border: 4px solid #fff;
  border-radius: 20px;
  overflow: hidden
}
.ytwrap {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  width: 100%
}
.ytwrap .movie-frame, .ytwrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.ytwrap .movie-frame {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e4e1df;
  border-radius: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}
.btn-block a {
  margin: 0 auto;
  padding-bottom: 28px;
  padding-top: 24px;
  /*width: 295px*/
}
#sec-forum-content {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  padding: 50px 100px 160px;
  position: relative
}
#sec-forum-content .info-bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 2px solid #eb6e32;
  border-radius: 3em;
  color: #79695e;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px;
  padding: .8em 1.5em
}
#sec-forum-content .info-bar .title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1
}
#sec-forum-content .info-bar .title .stext {
  font-size: .7em;
  line-height: 1
}
#sec-forum-content .info-bar .link-text a {
  border-bottom: 2px dotted #eb6e32;
  color: inherit;
  display: inline;
  font-size: 1.4rem;
  line-height: 1;
  position: relative
}
#sec-forum-content .info-bar .link-text a:hover {
  color: #eb6e32
}
#sec-forum-content .info-bar .link a {
  color: #231815;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  padding-left: 1em;
  position: relative
}
#sec-forum-content .info-bar .link a span {
  border-bottom: 3px dotted #eb6e32;
  font-size: 1.4rem;
  line-height: 1
}
#sec-forum-content .info-bar .link a:before {
  content: "※";
  left: -.3em;
  position: absolute;
  top: 0
}
#sec-forum-content .info-bar .link a:hover {
  color: #eb6e32
}
#sec-forum-content .forum-info-layout {
  grid-template-rows: auto 1fr
}
#sec-forum-content .forum-info-layout .forum-info .end-text span {
  font-size: 1.8rem;
  font-weight: 700
}
.guest-position {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  height: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: .1em;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 200px;
	width: max-content;
  min-width: 120px;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  z-index: 1
}
.guest-position:after, .guest-position:before {
  border-bottom: 1px solid #79695e;
  border-top: 1px solid #79695e;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: -1
}
.guest-position:before {
  border-left: 1px solid #79695e;
  border-radius: 2px 0 0 2px;
  left: 0
}
.guest-position:after {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #79695e;
  right: 0
}
.program-moderator-guest {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 80px
}
.program-moderator-guest .c-program {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 560px;
  flex: 0 0 560px;
  margin-right: 70px
}
.program-moderator-guest .c-moderator {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}
.program-moderator-guest .c-guest {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%
}
.program-moderator-guest .c-block {
  margin-bottom: 50px
}
.program-moderator-guest .c-block:last-of-type {
  margin-bottom: 0
}
.program-moderator-guest .c-block .c-title {
  border-bottom: 1px solid #eb6e32;
  color: #eb6e32;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .1em;
  margin-bottom: 30px
}
.program-moderator-guest .c-guest .c-title {
  margin-bottom: 50px
}

.program-moderator-guest .program-list > li {
  margin-bottom: 30px
}
.program-moderator-guest .program-list > li * {
  line-height: 1
}
.program-moderator-guest .program-list > li:last-child {
  margin-bottom: 15px
}
.program-moderator-guest .program-list > li .time-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fffbc2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 1.1em
}
.program-moderator-guest .program-list > li .time-title p {
  line-height: 1;
  margin: 0;
  padding: 0
}
.program-moderator-guest .program-list > li .time-title .time {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4em;
  flex: 0 0 4em;
  font-size: 2rem;
  font-weight: 500
}
.program-moderator-guest .program-list > li .time-title .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  text-align: left
}
.program-moderator-guest .program-list > li .time-title .title .title-main {
  font-size: 2rem;
  font-weight: 500
}
.program-moderator-guest .program-list > li .time-title .title .title-sub {
  font-size: 1.4rem;
  font-weight: 500
}
.program-moderator-guest .program-list > li .sub-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 10px;
  padding-left: 4.7em
}
.program-moderator-guest .program-list > li .sub-list {
  margin-bottom: 20px;
  padding-left: 5em
}
.program-moderator-guest .program-list > li .sub-list .item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  gap: 15px;
  margin-top: 15px
}
.program-moderator-guest .program-list > li .sub-list .item :is(dd, dt) {
	line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 500
}
.program-moderator-guest .program-list > li .sub-list .item dt {
  background: #ffeed4;
  display: inline-block;
  padding: 0 .5em
}
.program-moderator-guest .program-list-annote {
  font-size: 1.2rem;
  padding-left: 1.2em;
  position: relative
}
.program-moderator-guest .program-list-annote:before {
  content: "※";
  left: 0;
  position: absolute;
  top: 0
}
.program-moderator-guest .moderator-guest-list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  gap: 90px;
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0 35px;
  /*max-width: 760px;*/
  width: 100%
}
.c-moderator ul.moderator-guest-list {
  padding: 0 0 0 0 !important;
}
.program-moderator-guest .moderator-guest-list > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*margin-top: 30px;*/
  text-align: center;
  /*width: calc(33.33333% - 53.33333px)*/
}

.program-moderator-guest .moderator-guest-list > li .avator {
  margin: 0 auto 10px;
  width: 200px
}
.program-moderator-guest .moderator-guest-list > li .avator img {
  height: auto;
  width: 100%
}
.program-moderator-guest .moderator-guest-list > li .guest-name {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: .1em;
  line-height: 1.3333333333;
  margin-bottom: 12px;
  text-align: center
}
.program-moderator-guest .moderator-guest-list > li .btn {
  background: #ffeed5;
  border: 1px solid #79695e;
  border-radius: 3em;
  color: #79695e;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 12px;
  padding: .6em 1em .8em
}
.program-moderator-guest .moderator-guest-list > li .btn:hover {
  opacity: .7
}
.program-moderator-guest .c-moderator .moderator-guest-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  /*justify-content: center;*/
  max-width: 200px
  }
  .program-moderator-guest .c-moderator .moderator-guest-list > li {
    width: 200px
  }
  .program-moderator-guest .moderator-guest-list > li.rowtxt {
    display: grid;
    grid-column: span 2;
    justify-items: center;
    align-items: center;
    text-align: center;
    margin: 0 10px 0 0;
  }
  .program-moderator-guest .moderator-guest-list > li.rowtxt .avator {
    width: 334px;
    gap: 18px;
    align-items: center;
  }
  .rowtxt .avator img.rowimg {
    flex-shrink: 1;
    width: 334px !important;
    height: 334px !important;
  }

.remindmail-footer {
  background-image: url(../../assets/images/forum/bg_mv_pc.webp);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  top: 0;
  z-index: 3
}
.remindmail-footer .remindmail-footer-btns {
  left: 50%;
  margin: auto;
  padding: 70px 20px 50px;
  position: relative;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%)
}
.remindmail-footer a {
  display: block;
  margin: 0 auto 20px;
  width: 174px
}
.remindmail-footer p {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center
}
.remindmail-footer p span {
  border-bottom: 2px dotted #eb6e32
}
.modal-wrapper {
  display: none
}
.modaal-inline .modaal-inner-wrapper .modaal-container {
  border: 2px solid #eb6e32;
  border-radius: 30px;
  max-width: 720px
}
.modal-moderator-guest-container {
  color: #79695e;
    line-height: 1.3;
}
.modal-moderator-guest-container .avator {
  margin: 0 auto 10px;
  max-width: 200px
}
.modal-moderator-guest-container .avator.avator-imgL {
  max-width: 334px
}
.modal-moderator-guest-container .guest-name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 12px;
  text-align: center;
	      letter-spacing: .1em;
}
.modal-moderator-guest-container .guest-position {
  font-size: 1.2rem;
  font-weight: 500;
  max-width: initial;
  text-align: center;
  min-width: 120px;
}
.modal-moderator-guest-container .profile {
  border-top: 1px solid #eb6e32;
  margin: 30px auto 0;
  max-width: 600px;
  padding: 10px 0
}
.modal-moderator-guest-container .profile p {
  font-size: 1.6rem;
  text-align: justify
}
.modal-moderator-guest-container .modal-close-btn {
  position: absolute;
  right: 15px;
  text-align: center;
  top: 15px;
  width: 48px
}
.modal-moderator-guest-container .modal-close-btn:before {
  background-image: url(../../assets/images/forum/modal_close.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 48px;
  width: 48px
}
.modal-moderator-guest-container .modal-close-btn span {
  font-size: 1rem;
  font-weight: 500
}
.modal-moderator-guest-container .modal-close-btn:hover {
  cursor: pointer;
  opacity: .7
}
@media only screen and (min-width:520px) {
  #sec-mv {
    -webkit-mask-image: url(../../assets/images/forum/clipmask_01.svg);
    mask-image: url(../../assets/images/forum/clipmask_01.svg);
    padding-bottom: 180px
  }
  #sec-main {
    margin: -150px auto -120px
  }
}
@media only screen and (max-width:1100px) {
	  .guest-position {
		padding: 10px 20px;
        font-size: 1.2rem;
        min-height: 38px;
        min-width: 120px;
		  width: max-content;
  }
  .program-moderator-guest {
    margin: 40px 0 0;
    width: 100%;
    display: block;
  }
	
  .program-moderator-guest .c-program {
    margin: 0 0 50px 0;
    width: 100%;
  }
  .program-moderator-guest .c-guest .content {
    margin: 0;
    width: 100%;
    padding-bottom: 100px
  }
	
  .program-moderator-guest .moderator-guest-list {
    grid-template-columns: 1fr;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
.program-moderator-guest .c-moderator .moderator-guest-list > li {
    width: max-content;
	min-width: 120px;
  }

	  .program-moderator-guest .moderator-guest-list > li.rowtxt {
    grid-column: auto;
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto ;
  }

}
@media only screen and (max-width:1000px) {
  #sec-intro {
    margin-top: 60px;
    max-width: calc(100% - 40px)
  }
  #sec-forum-content {
    width: calc(100% - 40px)
  }	
}
@media only screen and (max-width:728px) {
  .page-title {
    margin-bottom: 30px;
    max-width: 70%
  }
}
@media only screen and (max-width:520px) {
  .page-forum-wrapper {
    margin-top: 65px
  }
  .innerWarp {
    padding: 0 20px
  }
  #sec-mv {
    background: url(../../assets/images/forum/bg_mv_sp.webp) top/100% 100% no-repeat;
    -webkit-mask-image: url(../../assets/images/forum/clipmask_01_sp.svg);
    mask-image: url(../../assets/images/forum/clipmask_01_sp.svg);
    padding-bottom: 56vw
  }
  #sec-main {
    margin-top: -150vw;
    -webkit-mask-image: url(../../assets/images/forum/clipmask_03_sp.svg);
    mask-image: url(../../assets/images/forum/clipmask_03_sp.svg);
    -webkit-mask-position: 60% bottom;
    mask-position: 60% bottom
  }
  .badge-content {
    left: 50%;
    margin: auto;
    position: relative;
    text-align: center;
    top: -46vw;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 5
  }
  .entry-badge {
    max-width: calc(100% - 60px)
  }
  .badge-remindmail, .entry-badge {
    display: block;
    height: auto;
    left: auto;
    margin: 0 auto 30px;
    position: static;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%
  }
  .page-mv {
    background: #ccc
  }
  .page-lead {
    max-width: calc(100% - 40px)
  }
  #sec-intro .body {
    padding-top: clamp(200px, 58vw, 500px)
  }
  #sec-archive-movie, #sec-archive-movie .title {
    width: calc(100% - 40px)
  }
  #sec-forum-content {
    margin: 0 auto;
    padding: 30px 20px 0
  }
  #sec-forum-content .info-bar {
    border-radius: 30px;
    display: block;
    margin-bottom: 37px;
    padding: 1.4em 20px;
    width: 100%
  }
  #sec-forum-content .info-bar .title {
    text-align: center
  }
  #sec-forum-content .info-bar .title .stext {
    display: block;
    margin-top: 7px;
    text-align: center
  }
  #sec-forum-content .info-bar .link-text {
    margin-top: 10px;
    text-align: center
  }
  #sec-forum-content .info-bar .link-text a {
    line-height: 1.7;
    text-align: center
  }
  #sec-forum-content .info-bar .link {
    margin-top: 10px
  }
  #sec-forum-content .info-bar .link a span, #sec-forum-content .info-bar .link a:before {
    line-height: 1.7
  }
  #sec-forum-content .forum-info-layout .forum-info .end-url {
    margin: 10px auto 2px;
    overflow-wrap: break-word;
    word-break: break-all
  }
  #sec-forum-content .forum-info-layout .forum-info .end-text span {
    font-size: 1.4rem
  }
  #sec-forum-content .forum-info-layout .forum-info .end-text span:before {
    left: -25px
  }
  #sec-forum-content .forum-info-layout .forum-info .end-text span:after {
    right: -25px
  }

  .program-moderator-guest .program-list > li {
    margin-bottom: 20px
  }
  .program-moderator-guest .program-list > li .time-title {
    height: auto;
    padding-bottom: 2px
  }
  .program-moderator-guest .program-list > li .time-title .title, .program-moderator-guest .program-list > li .time-title .title span {
    display: block
  }
  .program-moderator-guest .program-list > li .time-title .title .title-sub {
    margin-top: 7px
  }
  .program-moderator-guest .program-list > li .sub-title {
    line-height: 1.4;
    margin-top: 6px
  }
  .program-moderator-guest .program-list > li .sub-list {
    padding-left: 0
  }
  .program-moderator-guest .program-list > li .sub-list .item {
    display: block
  }
  .program-moderator-guest .program-list > li .sub-list .item dt {
    font-size: 1.4rem;
    margin-bottom: 6px
  }
  .program-moderator-guest .program-list-annote {
    line-height: 1.4
  }
  .program-moderator-guest .moderator-guest-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    /*gap: 40px*/
  }
  .program-moderator-guest .moderator-guest-list > li {
    margin: 0 auto ;
    max-width: 195px;
    width: 100%
  }
  .program-moderator-guest .moderator-guest-list > li:first-child {
    margin-top: 0
  }
  .program-moderator-guest .moderator-guest-list > li .avator {
    width: 160px
  }
  .program-moderator-guest .moderator-guest-list > li .guest-name {
    font-size: 1.8rem
  }
  .program-moderator-guest .c-moderator .moderator-guest-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }

  .program-moderator-guest .moderator-guest-list > li.rowtxt .avator {
    width: 244px;
    display: contents;
    gap: 0;
  }
  .rowtxt .avator img.rowimg {
    width: 244px !important;
    height: 244px !important;
    margin: 0 auto 8px;
  }
	

	
  .remindmail-footer {
    background-image: url(../../assets/images/forum/bg_mv_sp.webp);
    background-position: bottom;
    background-size: cover;
    margin-top: -190px;
    padding: 100px 0 30px
  }
  .remindmail-footer .remindmail-footer-btns {
    padding: 90px 0 0
  }
  .remindmail-footer p {
    padding: 0 10px
  }
  .modal-moderator-guest-container .avator {
    max-width: 160px
  }
  .modal-moderator-guest-container .avator.avator-imgL {
    max-width: 244px
  }
  .modal-moderator-guest-container .guest-name {
    font-size: 1.8rem
  }
  .modal-moderator-guest-container .guest-position {
	max-width: initial;
    min-width: 140px;
    font-size: 1.2rem
  }
  .modal-moderator-guest-container .profile p {
    font-size: 1.2rem;
    line-height: 1.7
  }
  .modal-moderator-guest-container .modal-close-btn {
    right: 0;
    top: 7px
  }
  .modal-moderator-guest-container .modal-close-btn:before {
    height: 40px;
    width: 40px
  }
  .modal-moderator-guest-container .modal-close-btn span {
    display: none
  }
}
@media only screen and (max-width:400px) {
  .entry-badge {
    max-width: calc(100% - 60px)
  }
}