@charset "UTF-8";
/* CSS Document */

:root {
  --project-page-main-contents-gap: 32px;
  --project-page-right-content-width: 310px;
}

html {
  font-size: 100%;
}

body {
  font-size: 1rem;
}

body a {
  color: #4ab3df;
}

/* ============================================================
    大枠
============================================================ */
.grayBase {
  background: #f5f5f5;
  padding: 0 0 72px;
}

#main {
  display: flex;
  gap: var(--project-page-main-contents-gap);
  margin: 0 auto;
  padding: 48px 0;
  width: 1000px;
}

#leftContent {
  flex-basis: 0;
  flex-grow: 1;
  max-width: calc(
    100% - var(--project-page-main-contents-gap) -
      var(--project-page-right-content-width)
  );
  min-width: 0;
}

#leftContentMain {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin: 0 auto 40px;
  padding: 24px;
}

#rightContent {
  flex-shrink: 0;
  width: var(--project-page-right-content-width);
}

/* ============================================================
    実行者最新投稿表示エリア
============================================================ */
.owner-latest_title {
  display: inline-block;
  font-size: 20px;
}

.owner-latest_date {
  color: #a5a5a5;
  display: inline-block;
  font-size: 13px;
  margin-left: 12px;
  margin-top: 2px;
  vertical-align: text-top;
}

.owner-latest__more {
  color: #9e9e9e;
  float: right;
}

.owner-latest__more:hover {
  opacity: 0.6;
  text-decoration: none;
}

.owner-info_title,
.returnTtl,
.story_title,
#supporting-comment-title {
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  margin: -5px 0 27px;
}

.balloon-wrapper {
  display: block;
}

.owner-latest_balloon {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 18px 0;
  padding: 16px;
  position: relative;
}

.owner-latest_balloon_triangle {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  inset: auto auto 0 20px;
  position: absolute;
  transform: translate(-50%, 100%);
}

.balloon-wrapper:hover {
  text-decoration: none;
}

.icon-arrow-right {
  display: inline-block;
  fill: #bdbdbd;
  height: 14px;
  margin-bottom: 30px;
  width: 14px;
}

.owner-latest_balloon--nopost {
  background: #ececec;
  border-radius: 4px;
  margin: 24px 0;
}

.owner-latest-post {
  -webkit-box-orient: vertical;
  color: #808080;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 2;
  line-height: 25px;
  overflow: hidden;
}

.owner-latest-post:hover {
  opacity: 0.7;
  text-decoration: none;
}

.owner-latest-post--nopost {
  color: #afafaf;
  display: inline-block;
  font-size: 14px;
  line-height: 25px;
  padding: 10.5px 16px;
  width: 480px;
}

.owner-info-content {
  background: #fff;
  border-radius: 8px;
  margin: 0 0 40px;
  padding: 24px;
}

.owner-info--nopost {
  display: flex;
  margin-bottom: 36px;
  margin-top: 24px;
  position: relative;
}

.owner-info_left-content {
  display: block;
}

.owner-info_main {
  align-items: center;
  display: flex;
  gap: 14px;
}

.owner-info_name {
  color: #4ab3df;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: -5.5px 0;
  text-decoration: none;
}

.owner-info_thumb-wrapper {
  position: relative;
}

.owner-info_thumb-wrapper::after {
  border: 1px solid rgba(34 34 34 / 8%);
  border-radius: 9999px;
  content: "";
  inset: 0;
  position: absolute;
}

.owner-info_thumb {
  border-radius: 50%;
  display: block;
  height: 56px;
  width: 56px;
}

.owner-info_thumb-badge {
  height: 28px;
  left: -6px;
  position: absolute;
  top: -6px;
  width: 28px;
  z-index: 1;
}

.owner-contact {
  align-items: center;
  display: flex;
  gap: 16px;
  margin-left: auto;
  margin-top: 16px;
}

.owner-line-divider {
  background: #c8ccd1;
  height: 18px;
  width: 1px;
}

.owner-contact_icon:hover {
  opacity: 0.7;
  text-decoration: none;
}

.owner-contact ul {
  display: flex;
  gap: 12px;
}

.owner-contact ul li {
  display: flex;
  margin: -4px;
}

.owner-contact ul li a {
  display: flex;
  padding: 4px;
}

.owner-contact ul li svg {
  fill: #222;
  height: 24px;
  width: 24px;
}

.owner-contact_ask {
  color: inherit;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: -0.5px 0;
  text-decoration: underline;
}

.owner-contact_ask:hover {
  opacity: 0.6;
  text-decoration: none;
}

.owner-contact #vue-project-owner-follow-button {
  margin-top: -12px;
}

.owner-links {
  margin: 16px 0 0;
}

.owner-links li:not(:last-child) {
  margin: 0 0 16px;
}

.owner-links a {
  color: #4ab3df;
  display: flex;
  width: fit-content;
  word-break: break-all;
}

.owner-links svg {
  fill: currentColor;
  flex-shrink: 0;
  height: 16px;
  margin-right: 4px;
  width: 16px;
}

.owner-links span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 2;
  line-height: 25px;
  margin: -5.5px 0;
  overflow: hidden;
}

.owner-info_bottom-content-divider {
  background: #eaeaea;
  height: 1px;
  margin: 24px 0;
}

.owner-info_bottom-content {
  color: #222222;
}

.owner-info_bottom-content > * + * {
  margin-top: 16px;
}

.owner-info_bottom-title {
  display: flex;
  font-size: 12px;
  gap: 8px;
  line-height: 22px;
  margin: -5px 0;
}

.owner-info_latest-label {
  font-weight: bold;
}

.owner-info_latest-time {
  color: #707070;
}

.owner-info_latest-post a {
  align-items: center;
  color: #222;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  text-decoration: none;
}

.owner-info_latest-post span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 14px;
  -webkit-line-clamp: 2;
  line-height: 25px;
  margin: -5.5px 0;
  overflow: hidden;
}

.owner-info_latest-post div {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.owner-info_latest-right-arrow {
  fill: currentColor;
  height: 13px;
  width: 13px;
}

/* ============================================================
    要約
============================================================ */
.story_title + * {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.summaryContainer {
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  padding: 24px;
  position: relative;
}

.summaryContainer ol {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.summaryItem {
  display: flex;
  gap: 4px;
}

.summaryItem svg {
  fill: #ffe600;
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}

.summaryItem span {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: -0.5px 0;
}

/* ============================================================
    左側プロジェクト紹介部分
============================================================ */
.leftText {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 16px;
  word-wrap: break-word;
}

.leftText img {
  display: block;
  height: auto;
  max-width: 100%;
}

.blueBig {
  color: rgb(47, 130, 255);
  font-size: 18px;
  font-weight: bold;
}

.pinkBig {
  color: #fb2a79;
  font-size: 25px;
  font-weight: bold;
}

.orengeBig {
  color: rgb(255, 92, 0);
  font-size: 45px;
  font-weight: bold;
  line-height: 1.2;
}

.projectiniframe {
  height: 341px !important;
  width: 607px !important;
}

.bold {
  font-weight: bold;
} /*プロジェクト紹介本文の太字指定に使用するクラス*/
.government {
  border-bottom: 3px solid #dcdcdc;
  margin-bottom: 30px;
  padding: 20px 40px 34px;
}

.government-link {
  display: block;
}

.government-link:hover {
  opacity: 0.8;
}

.government-image {
  display: block;
  max-width: 100%;
}
/*BRバグ*/
br {
  letter-spacing: 0;
}

/* ============================================================
  左側コンテンツビデオ
============================================================ */
.videoIn {
  cursor: pointer;
  height: 388px;
  position: relative;
  width: 690px;
}

#media {
  align-items: center;
  background-color: #f8f8f8;
  display: flex;
  height: 388px;
  justify-content: center;
  order: -1;
  position: relative;
  width: 690px;
}

#media img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

#btn-playBase {
  height: 388px;
  position: absolute;
  width: 690px;
}

#btn-play {
  background: rgba(0 0 0 / 32%);
  border: 1px solid #fff;
  border-radius: 50%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#btn-play .play-icon {
  display: block;
  margin: -1px;
  opacity: 0.8;
  transition: 0.2s;
}

.videoIn:hover #btn-play .play-icon {
  height: 104px;
  opacity: 0.88;
  width: 104px;
}

/* ============================================================
    Youtube
============================================================ */
.movieMoveBase {
  transition: all 0.4s ease;
}

.movieMove {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 2px 0 0;
  bottom: 0;
  font-size: 12px;
  height: 140px;
  margin-right: 250px;
  padding: 4px;
  position: fixed;
  right: 50%;
  transition: all 0.4s ease;
  width: 250px;
  z-index: 180;
}

.movieReturn {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px 2px 0 0;
  bottom: 140px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 10px;
  height: 22px;
  line-height: 23px;
  margin-right: 451px;
  position: fixed;
  right: 50%;
  text-align: center;
  width: 49px;
  z-index: 170;
}

.movieReturn:hover {
  opacity: 0.8;
}

/* ============================================================
    ウィジェットのベース
============================================================ */
#iframeBase {
  background: #fff;
  background: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 3px 0px #e3e4e8;
  display: none;
  padding: 20px;
  top: 500px !important;
  width: 1100px;
}

#lean_overlay {
  background: #000;
  display: none;
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 10000;
}

.modal_close {
  cursor: pointer;
  display: block;
  fill: #ffffff;
  height: 16px;
  overflow: visible;
  position: absolute;
  right: 2px;
  top: -30px;
  width: 16px;
  z-index: 9999;
}

.modal_close:hover {
  opacity: 0.8;
}

/* ============================================================
  ウィジェットリスト切り替え
============================================================ */
/*typeAbox以外を常にdisplay:none;*/
.boxcDiplay > div:not(.typeA) {
  display: none;
}

.boxcDiplay > div {
  background: #ffffff;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 20px;
}

.tabs {
  border-radius: 2px;
  width: 100%;
}

.tabs li {
  background: #f7c600;
  border-radius: 4px 4px 0 0;
  border-right: 1px solid #eaeef0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  padding: 13px;
  position: relative;
  text-align: center;
  width: 150px;
}

.tabs li:hover {
  background: #f9d133;
}

.tabs li:last-child {
  border: none;
}

.baGray {
  background: #ffffff !important;
  color: #333333 !important;
}

.modal_text {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* ============================================================
  ウィジェットリスト
============================================================ */
.mb {
  margin-bottom: 20px;
}

.bnnerAreaInL {
  margin-right: 20px;
}

.bnnerAreaInL,
.bnnerAreaInR {
  float: left;
}

.wighetText310 {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  font-size: 14px;
  height: 184px;
  line-height: 1.8;
  margin-top: 104px;
  outline: none;
  padding: 15px;
  width: 683px;
}

.wighetText160 {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  font-size: 14px;
  height: 158px;
  line-height: 1.8;
  margin-top: 132px;
  outline: none;
  padding: 15px;
  width: 831px;
}

.wighetText460 {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  font-size: 14px;
  height: 206px;
  line-height: 1.8;
  margin-top: 0px;
  outline: none;
  padding: 15px;
  width: 533px;
}

.wighetText160_02 {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  font-size: 14px;
  height: 157px;
  line-height: 1.8;
  margin-top: 0;
  outline: none;
  padding: 15px;
  width: 831px;
}

.wighetText1000 {
  border: solid 1px #dbdbdb;
  border-radius: 3px;
  font-size: 12px;
  font-size: 14px;
  height: 134px;
  line-height: 1.8;
  outline: none;
  padding: 6px;
  padding: 15px;
  width: 100%;
}

/* ============================================================
  実行者に質問する
============================================================ */
#contact_me_box {
  background: #fff;
  border-radius: 4px;
  left: 50%;
  margin: 0 0 0 -240px;
  padding: 35px;
  position: absolute;
  top: 70px;
  z-index: 10000;
}

#contact_me_box_confirm {
  background: #f4f4f4;
  border-radius: 4px;
  left: 50%;
  margin: -107px 0 0 -280px;
  padding: 35px;
  position: absolute;
  top: 50%;
  width: 560px;
  z-index: 10000;
}

#contact_me_overlay {
  background: #000;
  display: none;
  height: 100%;
  left: 0px;
  opacity: 0.8;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}

.contact_me_ttl {
  color: rgb(75, 75, 75);
  font-size: 26px;
  margin: 0px auto 30px auto;
  text-align: center;
}

.contact_me_ttl02 {
  font-size: 15px;
  margin: auto;
  margin-bottom: 10px;
  width: 440px;
}

#message_content {
  background: #fcfcfc;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #333333;
  display: block;
  font-size: 15px;
  height: 200px;
  margin: auto;
  padding: 10px;
  resize: none;
  width: 440px;
}

#message_content::placeholder {
  color: #c6c6c6;
} /* placeholderの色を変更 */
#message_content::-ms-input-placeholder {
  color: #c6c6c6;
} /* 旧Edge対応 */
#message_content:-ms-input-placeholder {
  color: #c6c6c6;
} /* IE対応 */

.message_hint {
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  line-height: 16px;
  margin-top: 8px;
  width: 440px;
}

.message_caution_box {
  color: #959595;
  display: block;
  font-style: normal;
  font-weight: normal;
  width: 77%;
  word-break: normal;
}

.message_caution_link_box {
  align-items: center;
  display: flex;
  display: -webkit-flex;
}

.message_caution_link_text {
  color: #4ab3df;
  display: block;
  padding-right: 18px;
  z-index: 1;
}

.message_caution_link_icon {
  fill: #4ab3df;
  height: 10px;
  margin-left: -10px;
  width: 10px;
  z-index: 0;
}

#message_post,
#url_confirm {
  background: #f7c600;
  border: none;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 52px;
  margin: 17px auto 10px auto;
  outline: none;
  position: relative;
  right: 0px;
  text-align: center;
  width: 440px;
}

#message_post:hover,
#url_confirm:hover {
  opacity: 0.7;
  text-decoration: none;
}

.contact_me_modal_close {
  cursor: pointer;
  display: block;
  overflow: visible;
  position: absolute;
  right: 0px;
  top: -32px;
  z-index: 2;
  z-index: 9999;
}

.contact_me_modal_close_btn {
  fill: #ffffff;
  height: 16px;
  width: 16px;
}

.contact_me_modal_close:hover {
  opacity: 0.8;
}

#message_error {
  background: #ed5565;
  border-radius: 4px;
  color: #ffffff;
  display: block;
  font-size: 11px;
  margin: -17px auto 14px auto;
  padding: 6px 10px;
  width: 440px;
}

.contact_me_loadingBase:after {
  background: url("../img/common_loading.gif") no-repeat center center
    rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/* ============================================================
    HERO
============================================================ */
.heroBase {
  background: #f5f5f5;
  height: 388px;
  margin-top: 16px;
}

.hero {
  background: #fff;
  display: flex;
  height: 388px;
  margin: 0 auto;
  width: 1000px;
}

.pnumBase {
  background: #222;
  color: #fff;
  display: flex;
  flex-direction: column;
  padding: 20px;
  position: relative;
  width: 310px;
}

.pnumBaseUp {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/*サクセスアイコン notfunded funded*/
.icon_success,
.icon_notfunded,
.icon_funded {
  height: 80px;
  position: absolute;
  right: -16px;
  top: -16px;
  width: 80px;
  z-index: 1;
}

/*金額*/
.stMoney {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.stMoneyTtl {
  align-items: center;
  display: flex;
}

.stMoneyTtlIcon {
  fill: currentColor;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}

.stMoneyTtl span {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
}

/*日本版*/
.stMoneyTtl + p {
  font-size: 40px;
  font-weight: bold;
  line-height: 45px;
  margin: -2.5px 0;
  min-height: 45px;
  text-align: right;
  white-space: nowrap;
}

/* 1億 */
.stMoneyTtl + .stMoneyNum-million {
  font-size: 36px;
}

/*海外版*/
.stMoneyNumText_En {
  font-size: 16px;
}

.stMoneyGoal {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
  text-align: right;
}

/*ゲージ*/
.stbar {
  background: #dadada;
  border-radius: 9999px;
  height: 32px;
  overflow: hidden;
}

.stbarin {
  align-items: center;
  background: linear-gradient(
    in oklch to right,
    #1ad4ff,
    #fb2a79,
    #ffe600,
    #bbf117
  );
  display: flex;
  height: 100%;
  max-width: 100%;
  width: 0;
}

.stbarin p {
  color: #222;
  font-size: 14px;
  line-height: 25px;
  padding-inline: 12px;
  white-space: nowrap;
}

/*サポーター日数*/
/* 残り日数　*/
.stSupo,
.stDay {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.stSupoTtlIcon,
.stDayTtlIcon {
  fill: currentColor;
  height: 24px;
  width: 24px;
}

.stSupoTtl,
.stDayTtl {
  align-items: center;
  display: flex;
  gap: 4px;
}

.stSupoTtl span,
.stDayTtl span {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
}

.stSupoNum,
.stDayNum {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin: -4px 0 -4px auto;
  min-height: 40px;
  white-space: nowrap;
}

/*海外版*/
.stBackers_En {
  font-size: 16px;
  margin-left: 6px;
}

.stDayNumSpan_En {
  font-size: 16px;
}

/*リターン申こみボタンを設置するエリア*/
.pnumBaseDown {
  margin-top: auto;
}

#sienBtn {
  align-items: center;
  background: #ffba00;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  height: 72px;
  justify-content: center;
  line-height: 32px;
  text-decoration: none;
  width: 100%;
}

.support-btn,
.right-contents-support-btn {
  align-items: center;
  background: #ffe600;
  border-radius: 8px;
  color: #222;
  display: flex;
  gap: 4px;
  height: 72px;
  justify-content: center;
}

.right-contents-support-btn {
  margin: 0 0 40px;
}

.support-btn:hover,
.right-contents-support-btn:hover {
  background: #ffee33;
  text-decoration: none;
}

.support-btn-new-store-flow-logo,
.right-contents-support-btn-new-store-flow-logo {
  height: auto;
  width: 144px;
}

.support-btn-span,
.right-contents-support-btn-span {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  margin: -6px 0;
}

#sienBtn02 {
  background: #0cd6f4;
  border-bottom: 3px solid #02bede;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 76px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  width: 290px;
}

#sienBtn03 {
  align-items: center;
  background: #fff;
  border: 1px solid;
  border-radius: 9999px;
  color: inherit;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 28px;
  margin: 0 auto 40px;
  padding: 0 16px;
  text-decoration: none;
  width: fit-content;
}

.txt_thanks {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 5px;
}

#sienBtn:hover,
#sienBtn02:hover {
  background-color: #ffc833;
}

#sienBtn03:hover {
  background: #f5f5f5;
}

.shienEnd {
  align-items: center;
  background: #222;
  border: 2px solid #707070;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 22px;
  font-weight: bold;
  height: 72px;
  justify-content: center;
  line-height: 32px;
}

/* ============================================================
    2014/10/17　PCリニューアル 新しいHERO下
============================================================ */
/*日本版*/
.heroBtmBase {
  background: #fff;
  border-radius: 0 0 8px 8px;
  margin: auto;
  position: relative;
  width: 1000px;
}

/*海外版*/
.heroBtmBase_En {
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  margin: auto;
  position: relative;
  width: 1000px;
}

/*日本版*/
.heroBtmBaseUp {
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
}

/*海外版*/
.heroBtmBaseUp_En {
  border-bottom: 1px solid #f2f2f2;
  height: auto;
  padding: 18px 30px 26px 30px;
}

.projectTtl {
  font-feature-settings: "palt";
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 40px;
  margin: -6px 0;
}

.goodProjectMark {
  align-items: center;
  border-top: 1px solid #eaeaea;
  display: flex;
  justify-content: space-between;
  padding: 24px 32px;
}

.goodProjectMark div {
  align-items: center;
  display: flex;
  gap: 24px;
}

.goodProjectMark img {
  height: 64px;
  width: 64px;
}

.goodProjectMark p {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

.getGoodProjectMarkBtn {
  align-items: center;
  background: #f7c600;
  border-radius: 8px;
  color: #ffffff;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 28px;
  padding: 0px 16px;
}

.getGoodProjectMarkBtn:hover {
  background: #f9d133;
  text-decoration: none;
}

.heroBtmBaseDown {
  align-items: center;
  display: flex;
  gap: 16px;
  padding: 16px 32px;
}

.projectCategory,
.projectLocation {
  align-items: center;
  color: #707070;
  display: flex;
  gap: 4px;
}

.icon_category,
.icon-location {
  fill: currentColor;
  height: 16px;
  width: 16px;
}

.category-name,
.location-name {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

.sns-wrapper {
  margin-left: auto;
}

.sns-wrapper a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.sns-wrapper ul {
  align-items: center;
  display: flex;
  gap: 16px;
}

.sns-wrapper .fb_iframe_widget {
  display: block;
  height: 20px;
}

/* ウィジェット埋め込み */
.newJoin {
  align-items: center;
  color: #707070;
  display: flex;
  gap: 4px;
}

.icon-code {
  fill: currentColor;
  height: 24px;
  width: 24px;
}

.title-widget {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

/*海外版*/
.goodBase_En {
  display: none;
}

.goodBaseIn_tab:hover {
  opacity: 0.72;
}

/* ============================================================
  注目の応援コメントセクション ここから
============================================================ */

.hot-comment {
  border-top: 1px solid #eaeaea;
  display: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 24px 32px;
}

.hot-comment a {
  color: inherit;
  text-decoration: none;
}

.hot-comment-content {
  display: flex;
  gap: 16px;
}

.hot-comment-left {
  align-items: center;
  border-radius: 9999px;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 48px;
}

.hot-comment-left::after {
  border: 1px solid rgba(34 34 34 / 8%);
  border-radius: 9999px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.hot-comment-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hot-comment-header {
  color: #707070;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  margin: -5px 0;
}

.hot-comment-message {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 14px;
  font-weight: bold;
  -webkit-line-clamp: 3;
  line-height: 25px;
  margin: -5.5px 0;
  overflow: hidden;
}

/* 注目の応援コメントセクション ここまで */

/* ============================================================
    スライドショー
============================================================ */

#thumbnailList {
  display: flex;
  gap: 16px;
}

.slideShowThumbnail {
  border-radius: 4px;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  overflow: hidden;
  transition: opacity 0.2s ease-in-out;
}

.slideShowThumbnail:hover {
  opacity: 0.8;
}

.slideShowThumbnail.selected {
  opacity: 0.5;
}

.slideShowThumbnail :is(img, video) {
  height: 100%;
  width: auto;
}

/* ============================================================
    リターン一覧
============================================================ */
#returnTitleText {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-bottom: -5px;
}

#return-question-coach {
  align-items: center;
  display: flex;
  gap: 4px;
  margin: 0 0 32px;
}

.return-question-box {
  position: relative;
}

.return-question-text {
  color: inherit;
  display: flex;
  margin: -8px;
  padding: 8px;
}

.return-question-icon {
  display: block;
  fill: #707070;
  height: 24px;
  width: 24px;
}

.return-coach-mark {
  align-items: center;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 8px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0 0 0 / 12%);
  display: none;
  font-size: 12px;
  gap: 8px;
  left: 50%;
  padding: 8px 12px;
  position: absolute;
  transform: translate(-50%, -8px);
  width: max-content;
}

.return-coach-mark:after {
  background: #fff;
  bottom: -4px;
  box-shadow: 2px 2px 2px rgba(0 0 0 / 12%);
  content: "";
  height: 8px;
  left: 50%;
  margin-left: -4px;
  position: absolute;
  transform: rotate(45deg);
  width: 8px;
  z-index: 1;
}

.return-coach-mark-text {
  font-size: 12px;
  line-height: 22px;
  margin: -5px 0;
}

.return-coach-mark-text a {
  color: #707070;
}

.return-coach-mark-close {
  color: #afafaf;
  cursor: pointer;
  display: flex;
  margin: -8px;
  padding: 8px;
}

.return-coach-mark-close svg {
  fill: currentColor;
  height: 16px;
  width: 16px;
}

/* ============================================================
    EC商品一覧
============================================================ */
/*日本版*/
.productTtl {
  color: #000;
  font-size: 20px;
  margin-bottom: 11px;
}

/*海外版*/
/* TODO: */
/*.returnTtlWidth_En {width: 181px;}*/

/* ============================================================
    ALL IN ALL OR NOTHINGの説明文
============================================================ */
.anoInfo {
  color: #707070;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 24px;
}

.anoInfo p {
  font-size: 12px;
  line-height: 22px;
  margin: -5px 0;
}

.anoInfo a {
  color: inherit;
  display: inline-flex;
  margin: -10px -8px;
  padding: 8px;
  position: relative;
  vertical-align: text-top;
}

.supporterUsageFeeRateIcon {
  fill: currentColor;
  height: 16px;
  width: 16px;
}

/* ============================================================
    左側追従 facebook　twitter　支援ボタン
============================================================ */
.scrollContent {
  background: #fff;
  border-radius: 8px;
  left: 50%;
  margin-left: -661px;
  opacity: 0;
  padding: 16px;
  pointer-events: none;
  position: fixed;
  top: 81px;
  z-index: 20;
}

.visibleScrollContent {
  opacity: 1;
  pointer-events: auto;
}

.scrollTitle {
  font-size: 12px;
  line-height: 22px;
  margin: -6px 0 10px;
  text-align: center;
}

#scrollFb {
  margin: 0 auto 16px;
}

#scrollTw {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

#scrollShienBtnBase {
  border-top: 1px solid #eaeaea;
  margin-top: 16px;
  padding-top: 16px;
}

.scrollShienBtn {
  align-items: center;
  background: #f7c600;
  border-radius: 8px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  justify-content: center;
  line-height: 22px;
  outline: none;
  padding: 0 8px;
}

.scrollShienBtn:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* ============================================================
    プロジェクトタグ
============================================================ */
.tagWrapper {
  display: flex;
  gap: 16px;
}

.pjTag {
  color: #4ab3df;
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

/* ============================================================
    支援するリターンの各
============================================================ */
.return-section {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 40px;
  overflow: hidden;
}

.ProjectDetailInRight {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 16px 48px;
}

.ProjectDetailInRight:hover {
  text-decoration: none;
}

/*売り切れ*/
.ProjectDetailInRight:not(.is-enabled) {
  pointer-events: none;
}

.photoSectionUp {
  margin: -16px -16px 0;
  order: -3;
}

.photoSectionUp img {
  height: auto;
  max-width: 100%;
}

.lefth4RightBase {
  align-items: center;
  display: flex;
  justify-content: space-between;
  order: -2;
}

.lefth4Right {
  font-size: 25px;
  line-height: 36px;
  margin: -5.5px 0;
}

.abstractSpan {
  color: #707070;
  font-size: 12px;
  line-height: 22px;
  margin-left: 4px;
}

.lefth5Right {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
}

.returnDetails {
  align-items: center;
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  margin: -8px 0;
  order: -1;
}

.returnDetails.show {
  display: flex;
}

/* 人気ラベル */
.returnPopularLabel,
.detailRemainNum {
  align-items: center;
  background: #fb2a79;
  border-radius: 9999px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: bold;
  height: 28px;
  line-height: 20px;
  padding: 0 10px;
}

/* 残り個数 */
.detailRemainNum {
  background: #fff;
  border: 1px solid;
  color: #fb2a79;
}

.shienBtn {
  align-items: center;
  background: #f7c600;
  border-radius: 9999px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  justify-content: center;
  line-height: 28px;
}

.ProjectDetailInRight:hover .shienBtn:not(.disabled) {
  background: #f9d133;
}

.shienBtn.disabled {
  background: #c5c5c5;
}

.returnInfo {
  background: #fafafa;
  border-radius: 4px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  margin: -8px 0;
  padding: 16px;
}

.infoTextWrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.infoTextWrapper svg {
  fill: #222;
  height: 16px;
  width: 16px;
}

.infoText {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

.infoText span {
  font-weight: bold;
}

.infoTextSubs {
  font-size: 12px;
  line-height: 22px;
  margin: -5px 0 -5px 16px;
}

.infoTextSubs {
  color: #707070;
  margin: -13px 0 -5px 24px;
}

.detailText {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

/* ============================================================
    リターン確認のモーダル（プレビュー用）
============================================================ */
.modal-return {
  display: none;
  position: relative;
}

.modal-return--visible {
  display: block;
}

.modal-return__overlay {
  background: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000;
}

.modal-return__container {
  bottom: 0;
  height: 85%;
  left: 0;
  margin: auto;
  max-width: 1200px;
  padding: 0 16px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 20001;
}

.modal-return__content {
  background: #f5f5f5;
  border-radius: 4px;
  height: 100%;
  overflow: scroll;
  padding: 32px;
  width: 100%;
}

.modal-return__close {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: absolute;
  right: 16px;
  top: -32px;
}

.modal-return__close:hover {
  opacity: 0.8;
}

.modal-return__close-icon {
  fill: #fff;
  height: 16px;
  width: 16px;
}

/* ============================================================
    右側実行者への問い合わせ
============================================================ */
.anotherLinkArea {
  margin: 0 0 40px;
}

.owner-contact_ask--02 {
  align-items: center;
  background: #fff;
  border: 1px solid;
  border-radius: 9999px;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  justify-content: center;
  line-height: 28px;
  margin: 0 auto;
  padding: 0 16px;
  white-space: nowrap;
  width: fit-content;
}

.owner-contact_ask--02:hover {
  background: #f5f5f5;
  text-decoration: none;
}

/* ============================================================
    右側一番下の説明文
============================================================ */
.anotherInfo {
  margin: 0 0 40px;
}

.anotherInfo p {
  color: #707070;
  font-size: 12px;
  line-height: 22px;
  margin: -5px 0;
}

/* ============================================================
    特商法
============================================================ */
.sct {
  display: flex;
  justify-content: center;
}

.go-to-sct {
  color: #4ab3df;
  font-size: 12px;
  line-height: 22px;
  margin: -5px 0;
}

/* ============================================================
    左側文章下のシェア枠
============================================================ */
.share-block {
  display: flex;
  gap: 32px;
}

.share-btn-facebook,
.share-btn-twitter {
  align-items: center;
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-basis: min-content;
  flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  gap: 8px;
  height: 48px;
  justify-content: center;
  line-height: 28px;
  padding: 0 32px;
  user-select: none;
}

.share-btn-facebook:hover,
.share-btn-twitter:hover {
  opacity: 0.8;
  text-decoration: none;
}

.share-btn-facebook {
  background: #0866ff;
}

.share-btn-twitter {
  background: #000;
}

.share-icon-facebook,
.share-icon-twitter {
  fill: #fff;
  height: 24px;
  width: 24px;
}

/* ============================================================
    シェア(海外版のみ)
============================================================ */
#sheareSns li {
  float: left;
}

#iframeGet:hover {
  opacity: 0.8;
}

#snsFacebookShere,
#snsTweeetShere,
#snsAmebaShere,
#snsHatebuShere {
  margin-right: 20px;
}

/* ============================================================
    Q&A
============================================================ */
#vue-q-and-a {
  margin: 0 auto 48px;
}

/* ============================================================
    応援コメント
============================================================ */
#supporting-comment {
  display: none;
  margin: 0 auto 48px;
}

#supporting-comment-wrapper {
  background: #fff;
  border-radius: 8px;
}

.supporting-comment-content {
  border-top: 1px solid #eaeaea;
  color: inherit;
  display: flex;
  gap: 12px;
  padding: 24px;
}

.supporting-comment-content:first-child {
  border: 0;
}

.supporting-comment-content:hover {
  opacity: 0.8;
  text-decoration: none;
}

.supporting-comment-left {
  align-items: center;
  border-radius: 9999px;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 48px;
}

.supporting-comment-icon {
  max-height: 100%;
  width: auto;
}

.supporting-comment-left::after {
  border: 1px solid rgba(34 34 34 / 8%);
  border-radius: 9999px;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.supporting-comment-right {
  display: flex;
  flex-flow: wrap;
  gap: 12px 8px;
}

.supporting-comment-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: -5.5px 0;
}

.supporting-comment-date {
  color: #707070;
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
}

.supporting-comment-message {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
  width: 100%;
}

.supporting-comment-more {
  border-top: 1px solid #eaeaea;
  display: none;
  padding: 24px;
}

#support-comment-link {
  align-items: center;
  border: 1px solid;
  border-radius: 9999px;
  color: inherit;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 28px;
  margin: 0 auto;
  padding: 0 16px;
  width: fit-content;
}

#support-comment-link:hover {
  background: #f5f5f5;
  text-decoration: none;
}

/* ============================================================
    ストア
============================================================ */

/* HERO上の通知枠　*/
.store-information {
  align-items: center;
  background: #fff;
  border: 2px solid #f7c600;
  border-radius: 8px;
  display: flex;
  margin: 32px auto;
  width: 1000px;
}

.store-information-title {
  background: #ffc600;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  padding: 10px 24px;
  text-align: center;
  width: 128px;
}

.store-information-text {
  flex-grow: 1;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  padding: 10px 24px;
  text-align: center;
}

/* 商品一覧 */
.store-title {
  color: #000;
  font-size: 20px;
  margin-bottom: 20px;
}

.store-header {
  color: #333;
  font-size: 24px;
  margin: 12px 0 32px;
}

.products .ProductItem {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 310px;
}

.products .ProductItem:not(:last-child) {
  margin-bottom: 34px;
}

.products .content {
  color: #333;
  display: block;
  height: 100%;
  padding-bottom: 145px;
}

.products .image {
  position: relative;
}

.products .title {
  font-size: 17px;
  line-height: 1.8;
  padding: 20px 20px 0;
}

.products .schedule {
  color: #777777;
  display: flex;
  font-size: 13px;
  line-height: 1.8;
  padding: 13px 20px 0;
}

.products .schedule-icon {
  fill: #989898;
  height: 14px;
  margin-right: 9px;
  position: relative;
  top: 1px;
  width: 14px;
}

.products .attribute {
  align-items: center;
  display: flex;
  margin-bottom: 14px;
}

.products .button-buy {
  background: #f7c600;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 20px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

.products .button-soldout {
  background: #f5f5f5;
  border-radius: 2px;
  color: #a7a7a7;
  display: block;
  font-size: 20px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

.products .button-buy:hover {
  background: #f9d133;
  text-decoration: none;
}

.products .stock-few,
.products .stock-normal,
.products .stock-wait {
  flex: 1;
  font-size: 14px;
}

.products .stock-normal {
  color: #777777;
}

.products .stock-few {
  color: #f12e78;
}

.products .stock-wait {
  color: #949494;
}

.products .money {
  font-size: 24px;
  position: relative;
  top: -3px;
}

.products .money-suffix {
  font-size: 14px;
  margin-left: 6px;
  position: relative;
  top: 1px;
}

.products .image-thumbnail {
  display: block;
  width: 100%;
}

.products .position {
  bottom: 24px;
  padding: 0 20px;
  position: absolute;
  width: 100%;
}

/* ストアタブ */
.products--gridview {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.products--gridview .ProductItem {
  margin: 17px 0 17px;
}

.products--gridview .ProductItem:not(:nth-child(3n)) {
  margin-right: 34px;
}
/* 詳細度の高いセレクタに対する打ち消し */
.products--gridview .ProductItem:not(:last-child) {
  margin-bottom: 17px;
}
/* 最初の3個だけはmargin-top:0 */
.products--gridview .ProductItem:nth-child(-n + 3) {
  margin-top: 0;
}

/*特商法*/
.store-sct {
  margin: 26px auto 30px;
  text-align: right;
}

.store-go-to-sct {
  color: #707070;
  font-size: 14px;
}

.store-sct--gridview {
  margin: 7px 0;
}

/*ストアタブへのリンクボタン*/
.link-store {
  background: #f7c600;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto 30px;
  text-align: center;
  width: 222px;
}

.link-store:hover {
  background: #f9d133;
  text-decoration: none;
}

/*終了したことの通知*/
.project-information {
  border-top: 1px solid #cfcfcf;
  margin-bottom: 28px;
  padding-top: 70px;
}

.project-information-text {
  background: #ffffff;
  font-size: 13px;
  line-height: 1.7;
  padding: 20px 20px 18px 20px;
}

/*リスクとチャレンジ@プロ編*/
.riskAndChallenge_header {
  font-size: 22px;
  font-weight: bold;
  line-height: 32px;
  margin: 35px 0 19px;
}

.riskAndChallenge_body {
  font-size: 16px;
  line-height: 28px;
  margin: -6px 0;
  white-space: pre-wrap;
}

.return-content-soldout-box {
  display: none;
}

.soldout-return-content-show-button-box {
  margin: 0 0 40px;
}

.soldout-return-paragraph {
  align-items: center;
  background: #fff;
  border: 1px solid;
  border-radius: 9999px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  margin: 0 auto;
  padding: 0 16px;
  text-align: center;
  width: fit-content;
}

.soldout-return-paragraph:hover {
  background: #f5f5f5;
}

/* 本日のあなたへのおすすめ */
.subject {
  font-size: 20px !important;
  font-weight: normal !important;
}

/* ============================================================
    もうすぐ開始
============================================================ */

.comingSoon {
  margin: 0 auto;
  width: 800px;
}

.comingSoon .heroBase {
  background: none;
  border-radius: 8px;
  height: 450px;
  margin: 16px auto;
  overflow: hidden;
}

.comingSoon .hero,
.comingSoon #media,
.comingSoon .videoIn,
.comingSoon #btn-playBase {
  height: 450px;
  margin: 0 auto;
  width: 800px;
}

.comingSoon .slideshowImg {
  max-height: none;
}

.comingSoon .heroBtmBaseUp {
  border: 0;
  margin: 0 0 24px;
  padding: 0;
}

.comingSoon #thumbnailList {
  justify-content: center;
}

.comingSoon .heroBtmBase {
  width: auto;
}

.comingSoon #main {
  display: block;
  padding: 0;
  width: auto;
}

.comingSoon .summaryContainer {
  border: 0;
  margin: 0 0 40px;
  padding: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fade-out {
  animation-name: fadeOut;
}

.fade-in {
  animation-name: fadeIn;
}

#comingSoonSection {
  animation-duration: 250ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
  padding: 40px 0;
  text-align: center;
}

.coming-soon-header {
  display: inline-block;
}

.coming-soon-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 44px;
  margin-bottom: 24px;
}

.coming-soon-title span {
  display: block;
  letter-spacing: 2px;
  margin: -8px 0;
  text-indent: 2px;
}

.coming-soon-subtitle {
  font-size: 20px;
  font-weight: bold;
  line-height: 32px;
}

.coming-soon-subtitle span {
  display: block;
  margin: -16px 0 -8px;
}

.coming-soon-btn-container {
  padding: 32px 0 24px;
}

.coming-soon-btn {
  background: #ffc600;
  border: 0;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 24px;
  outline: none;
  overflow: hidden;
  width: 100%;
}

.coming-soon-btn:hover {
  background: #f9d133;
}

.coming-soon-btn.disabled {
  background: #c5c5c5;
  cursor: not-allowed;
  pointer-events: none;
}

.coming-soon-register {
  animation-duration: 250ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  font-weight: bold;
  line-height: 24px;
  margin: -4px 0 28px;
}

.coming-soon-register:not(.fade-in) {
  opacity: 0;
}

.coming-soon-description {
  font-size: 14px;
  line-height: 24px;
  margin: -4px 0;
}

.coming-soon-google-calendar {
  margin-top: 32px;
}

.coming-soon-google-calendar a {
  align-items: center;
  border-radius: 8px;
  color: inherit;
  display: inline-flex;
  font-size: 14px;
  font-weight: bold;
  padding: 8px;
  text-decoration: underline;
}

.coming-soon-google-calendar a:hover {
  background-color: #f5f5f5;
}

.coming-soon-google-calendar svg {
  fill: #222;
  height: 20px;
  margin-right: 8px;
  padding: 2px;
  width: 20px;
}

.comingSoon #ownerProfileSection {
  padding: 40px 0;
}

.comingSoon .owner-profile-text {
  font-size: 14px;
  line-height: 25px;
  margin: -5.5px 0;
  padding: 24px 0 0;
}

.comingSoon .owner-contact {
  margin: 24px 0 0;
}

.comingSoon .owner-links {
  margin: 24px 0 0;
}