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

/* ----- デフォルト詳細のリセット・変更 ここから ----- */
body {
  min-width: 1110px;
  background: url('https://base.formatline.com/type023/common/img/bg_body.png');
}

/* ===================================
カラー設定 ペイントcolor01用
=================================== */
.type023_color01 {
  --main-color: #ac74e2;
  --main-font-color: #fff;
  --sub-color-01: rgba(172, 116, 226, 0.5);
  --sub-color-02: rgba(172, 116, 226, 0.3);
  --gradation-color: #c974e2;
  --second-color: #ac74e2;
  --readability-color: #312a5e;
  --paint-color-01: rgba(199, 226, 116, 0.3);
  --paint-color-02: rgba(116, 225, 226, 0.3);
  --footer-border-color: rgba(49, 42, 94, 0.5);
}

#main {
  margin: 10px auto 0;
}
#footArea .inner {
  /*padding-right: 220px;*/ /* default 220px */
}
/* ----- デフォルト詳細のリセット・変更 ここまで ----- */

.onlySP {
  display: none;
}
.defs,
.wal {
  display: none;
}
a img:hover,
.btn a:hover {
  opacity: 0.7;
}
.Lbox {
  float: left;
}
.Rbox {
  float: right;
}

/* =========================================================
header,footer,side 共通
========================================================= */
#header a,
footer a,
#footerInfo .formBtn a {
  text-decoration: none;
}
header .inner,
footer .inner {
  width: 1100px;
  margin: 0 auto;
}
footer,
#sideArea {
  font-size: 12px;
  /* font-sizeやline-height等はここで指定する */
  padding: 0;
  margin: 0;
  min-width: 960px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-repeat: repeat;
  /* bodyに指定すると物件概要枠に影響がでるので注意 */
}

/* ===================================
header
=================================== */
#headerContents {
  z-index: 9997;
  width: 100%;
  position: relative;
  top: 0;
  background: #fcfcfc;
  transition: 0.3s;
  padding: 0 0 20px;
}

#headerContents:before {
  position: absolute;
  bottom: -18px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% + 18px);
  content: '';
  background: linear-gradient(to bottom, var(--gradation-color), var(--main-color));
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1641" viewBox="0 0 1600 1641"><path d="M1600,1640.77c-46,1.94-62.93-8.85-112-9.82-54-1.07-57,8.55-133,4.28s-52-11.84-129-9.63c-79.08,2.27-150.19,17.83-202,12.83-108.93-10.49-143,4.28-224,2.34V0h800ZM800,0H0V1640.77c81,1.94,115.07-12.83,224-2.34,51.81,5,122.92-10.56,202-12.83,77-2.21,53,5.35,129,9.63s79-5.35,133-4.28c49.07,1,66,11.76,112,9.82Z"/></svg>') no-repeat center bottom/100% auto;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1641" viewBox="0 0 1600 1641"><path d="M1600,1640.77c-46,1.94-62.93-8.85-112-9.82-54-1.07-57,8.55-133,4.28s-52-11.84-129-9.63c-79.08,2.27-150.19,17.83-202,12.83-108.93-10.49-143,4.28-224,2.34V0h800ZM800,0H0V1640.77c81,1.94,115.07-12.83,224-2.34,51.81,5,122.92-10.56,202-12.83,77-2.21,53,5.35,129,9.63s79-5.35,133-4.28c49.07,1,66,11.76,112,9.82Z"/></svg>') no-repeat center bottom/100% auto;
}

#headerContents > .inner {
  max-width: 1100px;
  width: auto;
  overflow: hidden;
  position: initial;
  padding: 20px 0 15px;
  display: flex;
  justify-content: space-between;
}

#headerContents h1 a {
  background: url(https://captain.formatline.com/common/img/logo.png) no-repeat 0 0;
  background-size: 100%;
  margin: 15px 0 0 0;
  width: 325px;
  height: 60px;
  text-indent: -9999px;
  display: block;
  float: left;
  z-index: 2;
  position: relative;
}

#headerContents h1 a:hover {
  opacity: 0.7;
}

/* ヘッダー電話番号 */
.headerTelBox {
  /* background: rgba(255, 255, 255, 0.4); */
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  box-sizing: border-box;
  margin: 12px 0 0 11vw;
}

.headerTelBox .telBoxWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}

.headerTelBox .telBox {
}

.headerTelBox .infoWrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.headerTelBox .tel {
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 28px;
  padding-left: 26px;
  margin: 0 0 0 15px;
  position: relative;
  color: #000;
}

.headerTelBox .tel:before {
  content: '';
  background: url(//base.formatline.com/type009/common/img/ico_tel.png) no-repeat left;
  background-size: 21px 7px;
  display: block;
  width: 21px;
  height: 7px;
  position: absolute;
  top: 40%;
  left: 0;
}

.headerTelBox .info {
  margin: 3px 0 0 -10px;
}

.headerTelBox .tel02Box {
  margin: 2px 0 0 30px;
}

.headerTelBox .tel02 {
  font-size: 26px;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.headerTelBox .tel02Box .telText {
  display: block;
  margin: 3px 0 0 -10px;
}

.headerTelBox .holiday {
  background: rgba(230, 230, 230, 0.7);
  border-radius: 20px;
  padding: 3px 0 2px;
  margin: 8px 0 0;
}

/* ===================================
  #gnav
  =================================== */
#gnav {
  height: 60px;
  position: relative;
  z-index: 1;
}
#gnav li {
  float: left;
  padding: 17px 0 6px;
  box-sizing: border-box;
}

/* ナビのサイズ調整 */
#headerContents #gnav .list6 > li {
  width: 16%;
}
#headerContents #gnav .list6 > li:nth-child(3) {
  width: 20%;
}

#gnav li a {
  font-size: 14px;
  color: var(--readability-color);
  padding: 5px 0;
  text-align: center;
  display: block;
  text-decoration: none;
  border-left: 1px solid var(--readability-color);
}
#gnav li:last-child a {
  border-right: 1px solid var(--readability-color);
}
#gnav li a:hover {
  color: var(--readability-color);
  opacity: 0.7;
}
#gnav li.mega.selected {
  border: none;
  background: rgba(252, 252, 252, 0.9);
  border-radius: 7px 7px 0 0;
  font-weight: bold;
  color: var(--readability-color);
  opacity: 1;
}
#gnav li.mega.selected a {
  border: none;
}

#gnav b {
  font-weight: normal;
}

/* メガメニュー */
#gnav .menu-info {
  display: none;
  width: 100%;
  width: calc(100% - 80px);
  padding: 0 0 20px;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background: rgba(252, 252, 252, 0.9);
  overflow: hidden;
  border-radius: 8px;
}
#gnav .menu-info .menu-inner {
  padding: 50px 4vw 50px 5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#gnav .subTit {
  float: left;
  width: 200px;
  font-size: 20px;
  font-weight: bold;
  color: var(--readability-color);
  box-sizing: border-box;
  padding: 15px 0 0;
}
#gnav .menu-info ul {
  box-sizing: border-box;
  width: calc(100% - 200px);
  overflow: hidden;
}
#gnav .menu-info ul li {
  width: 23%;
  padding: 0;
  margin: 0 2% 0 0;
  line-height: 50px;
  float: left;
  border-left: none;
}
#gnav .menu-info ul li:last-child a {
  border-right: none;
}
#gnav .menu-info ul li:after {
  display: block;
  content: '';
  width: 24%;
  margin: 0 2% 0 0;
}
@media screen and (max-width: 1370px) {
  #gnav .menu-info ul li {
    width: 31%;
    margin: 0 2% 0 0;
  }
}

#gnav .menu-info ul li a {
  font-size: 16px;
  font-weight: bold;
  color: var(--readability-color);
  display: block;
  margin: 0;
  padding: 10px 15px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  border-left: none;
  position: relative;
  transition: 0.3s;
}
#gnav .menu-info ul li a:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 46%;
  right: 15px;
  border-top: 2px solid var(--readability-color);
  border-right: 2px solid var(--readability-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#gnav .menu-info ul li a:hover {
  color: #fff;
  background: var(--main-color);
  opacity: 1;
}
#gnav .menu-info ul li a:hover:after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#gnav .menu-info ul li.badge {
  width: 115px;
  line-height: 22px;
  color: #fff;
  background: var(--main-color);
  border-radius: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  padding: 0;
  margin: 30px 80% 5px 0;
}

#nav_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 0;
}

.menuListBtn {
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  top: 25px;
  right: 30px;
  width: 40px;
  height: 40px;
  z-index: 9998;
  transition: 0.3s;
}

.menuListBtn li {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 2px;
  background-color: #333;
}

.menuListBtn li:first-child {
  top: 11px;
}

.menuListBtn li:nth-child(2) {
  top: 19px;
}

.menuListBtn li:nth-child(3) {
  top: 27px;
}

.menuListBtn:hover {
  opacity: 0.7;
  cursor: pointer;
  transition: 0.3s;
}

.menuOpen {
  height: 100%;
  overflow: hidden;
}

.spMenu {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  margin: 0;
  overflow-y: auto;
}

.openButton {
  position: relative;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.openButton > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.openButton > span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.openButton:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

.spMenuHead {
  margin: 38px 70px 42px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* spNav */
.spNav {
  width: calc(1100px - 210px);
  min-width: 890px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.spNav dt,
.spNav dd {
  padding: 0 0 50px;
  margin: 0 0 55px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 1.5;
}

.spNav dt {
  width: 280px;
  font-size: 22px;
  font-weight: bold;
  box-sizing: border-box;
  color: #fff;
  /* line-height: 1.5; */
  /* float: left; */
}

.spNav dt a,
.spNav li a {
  color: #fff;
  text-decoration: none;
}

.spNav a:hover {
  color: var(--main-color) !important;
  transition: 0.3s;
}

.spNav dd {
  /* float: right; */
  width: calc(100% - 280px);
  width: 610px;
}

.spNav dd ul.linkList {
  width: 270px;
}

.spNav dd ul.linkList > li {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 22px;
  margin: 3px 0 5px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  width: 200px;
}

.spNav dd ul.linkList > li.wd100 {
  width: 100%;
}

.spNav dd ul.linkList > li::before {
  position: absolute;
  content: '';
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--main-color);
  border-right: 2px solid var(--main-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: -2px;
  bottom: 0;
  margin: auto;
}

.spNav dd ul.linkList .sublink {
  width: 100%;
}

.spNav dd ul.linkList .sublink::before {
  display: none;
}

.spNav dd ul.linkList .sublink .sublinkList {
  float: left;
  line-height: 1.2;
  width: 194px;
}

.spNav dd ul.linkList .sublink .sublinkList li {
  width: 210px;
}

.spNav dd ul.sublinkList li > a {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  padding-left: 18px;
  margin: 15px 0 0 7px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.spNav dd ul.sublinkList li > a:before {
  position: absolute;
  content: '';
  vertical-align: middle;
  width: 6px;
  height: 1px;
  background: #eee;
  left: 0;
  top: -2px;
  bottom: 0;
  margin: auto;
}

.spNav dd ul.linkList .sublink .sublinkList li.badge {
  width: 115px;
  line-height: 22px;
  color: #fff;
  background: var(--main-color);
  border-radius: 30px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  margin: 10px 0 0;
}

.spNav dt.borderNone,
.spNav dd.borderNone {
  border: none;
}

@media screen and (min-width: 751px) and (max-width: 960px) {
  .spNav {
    width: auto;
    min-width: auto;
    margin: 0 30px;
  }

  .spNav dd {
    width: calc(100% - 280px);
  }
}

.spNav dd.linkListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#contentsArea li.bnrArea_link {
  margin: 20px 0;
}

/* ヘッダーに電話番号表示版 */
#headerContents {
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid var(--main-color);
  padding: 0;
}
#headerContents:before {
  display: none;
}
#gnav {
  background: none;
}

/* =========================================================
contents
========================================================= */
#contents {
  width: 1105px; /* default 1180px */
  margin: 0 auto;
}

/* ===================================
#footer
=================================== */
/* ===================================
footer
=================================== */
#pageTop {
  text-align: right;
  margin-top: 30px;
  font-size: 0;
}

footer {
  position: relative;
  color: var(--readability-color);
  padding: 50px 0 0;
}

footer::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: '';
  background: var(--sub-color-02);
  height: 350px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="640" height="350" viewBox="0 0 640 350"><path d="M0,32.06V350H640s-25.37-85-121.75-108c-146-34.83-230.33-178.19-330.86-224.59S0,32.06,0,32.06Z"/></svg>') no-repeat left bottom/640px 350px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="310" viewBox="0 0 480 310"><path d="M480,0c0,23.15-18.28,48.31-140.86,48.31-111.82,0-105.35,79.84-140.85,117C149.9,216,78.71,216.57,26.63,236.17-17.46,252.75,6.11,300.92,7.78,310H480Z"/></svg>') no-repeat right bottom/480px 310px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="640" height="350" viewBox="0 0 640 350"><path d="M0,34.06V350H640s-25.37-85-121.75-108c-146-34.83-230.33-178.19-330.86-224.59S0,32.06,0,32.06Z"/></svg>') no-repeat left bottom/640px 350px, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="310" viewBox="0 0 480 310"><path d="M480,0c0,23.15-18.28,48.31-140.86,48.31-111.82,0-105.35,79.84-140.85,117C149.9,216,78.71,216.57,26.63,236.17-17.46,252.75,6.11,300.92,7.78,310H480Z"/></svg>') no-repeat right bottom/480px 310px;
}

footer .inner {
  position: relative;
}

footer h1 a,
footer .logo a {
  display: block;
  background: url(https://captain.formatline.com/common/img/logo.png) no-repeat 0 0;
  background-size: 100%;
  width: 325px;
  height: 60px;
  margin: 10px auto 30px;
  text-indent: -9999px;
}

footer h1 a:hover,
footer .logo a:hover {
  opacity: 0.7;
}

footer p {
  font-size: 13px;
  color: var(--readability-color);
}

footer .contactBox .tel {
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 30px;
  font-weight: normal;
  padding-left: 30px;
  margin-right: 5px;
  position: relative;
  color: var(--readability-color);
}

footer .contactBox .tel a {
  color: var(--readability-color);
  text-decoration: none;
  pointer-events: none;
}

footer .contactBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0 0;
  align-items: baseline;
}

footer .tel:before {
  content: '';
  background: url(//base.formatline.com/type009/common/img/ico_tel.png) no-repeat left;
  background-size: 21px 7px;
  display: block;
  width: 21px;
  height: 7px;
  position: absolute;
  top: 44%;
  left: 0;
}

footer p.info {
  line-height: 1.5;
}

footer p.info small {
  font-size: 11px;
  display: block;
  margin-top: 6px;
}

footer p.info span {
  display: inline-block;
}

#fNav {
  position: absolute;
  right: 0;
  padding: 45px 0 0;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#fNav li {
  display: inline-block;
  margin: 0 0 25px 40px;
}

#fNav li a {
  font-size: 14px;
  color: var(--readability-color);
  /* padding: 0 15px; */
  text-align: center;
  display: block;
  text-decoration: none;
}

#fNav li a:hover {
  text-decoration: underline;
}

#fNav li:last-child a {
  border: none;
}

#copyright {
  font-size: 11px;
  color: var(--readability-color);
  padding: 22px 0;
}

#copyright p {
  color: var(--readability-color);
  opacity: 0.6;
}

#copyright a {
  color: var(--readability-color);
  text-decoration: none;
}

/* ===================================
SNSアイコン
=================================== */
#copyright .inner {
  position: relative;
}
.snsIcon {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -15px;
}
.snsIcon li {
  display: inline-block;
}
.snsIcon li a:hover {
  opacity: 0.7;
}

/*--- LINEアイコン ---*/
.snsIcon .lineIcon {
  width: 45px;
  height: 45px;
}
.snsIcon .lineIcon .lineIcon__bg {
  fill: #333;
}
.snsIcon .lineIcon .lineIcon__txt {
  fill: #fff;
}

/*--- FACEBOOKアイコン ---*/
.snsIcon .fbIcon {
  fill: #333;
  width: 45px;
  height: 45px;
}

/*--- Twitterアイコン ---*/
.snsIcon .twIcon {
  fill: #333;
  width: 45px;
  height: 45px;
}

/*--- インスタアイコン ---*/
.snsIcon .lnstaIcon {
  fill: #333;
  width: 45px;
  height: 45px;
}

/*--- TikTokアイコン ---*/
.snsIcon .tkIcon {
  fill: #333;
  width: 32px;
  height: 45px;
}

/*--- .sns ---*/
.snsLinkBtn {
  width: 1100px;
  margin: 0 auto;
  text-align: right;
}

/*--- SNSアイコン ---*/
.snsIcon {
  bottom: -20px;
}

.snsIcon .fbIcon {
  fill: #1877f2;
}

.snsIcon .twIcon {
  fill: #1da1f2;
}

.snsIcon .lnstaIcon {
  fill: #d42f7e;
}

.snsIcon .tkIcon {
  fill: #333;
}

.snsIcon .lineIcon .lineIcon__bg {
  fill: #00b900;
}

.snsIcon .lineIcon .lineIcon__txt {
  fill: #fff;
}

/* フッターセンター寄せ＆電話番号2つ */
footer .Lbox {
  float: none;
  text-align: center;
}

footer #fNav {
  position: relative;
  text-align: left;
  padding: 15px 0 5px;
  margin: 0 0 30px;
  border-bottom: 1px solid var(--readability-color);
}
footer #fNav ul {
  margin: 0 6.5vw;
  text-align: center;
}
footer p.info {
  line-height: 1.5;
}
footer .contactBox {
  align-items: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
footer .tel {
  margin: 0 0 5px;
}
footer .tel::before {
  content: '';
  background: url(//base.formatline.com/type009/common/img/ico_tel.png) no-repeat left;
  background-size: 21px 7px;
  display: block;
  width: 21px;
  height: 7px;
  position: absolute;
  top: 44%;
  left: 0;
}
footer .tel a {
  display: block;
  margin: 5px 0 0;
}
footer .infoWrap {
}
footer .infoWrap a {
  display: block;
  font-size: 22px;
  font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  text-decoration: none;
  color: var(--readability-color);
  pointer-events: none;
}
footer .telText {
  font-size: 12px;
  color: var(--readability-color);
  display: block;
  margin: 5px 0 0;
}

#copyright p {
  margin: 30px 0 0;
}

/* ===================================
色付きSNSアイコン
=================================== */
.snsIconColorVer {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: -10px;
  z-index: 2;
}
.snsIconColorVer li a:hover {
  opacity: 0.7;
}

/* カスタム詳細 theta用 */
/* ===================================
#thetaContainer
=================================== */
#thetaContainer {
  min-height: 423px;
  margin-bottom: 10px;
}
#thetaContainer .thetaRow {
  display: none;
  height: 425px;
}
#thetaContainer .thetaRow.active {
  display: block;
}
.thetaTable {
  width: 960px;
  table-layout: fixed;
  margin: 13px 0 0;
  border-collapse: collapse;
}
.thetaTable td {
  vertical-align: middle;
  text-align: center;
  background: #d3d3d3;
  padding: 10px 0;
  cursor: pointer;
}
.thetaTable .hover {
  background-color: #ddd;
}
.thetaTable .active {
  background: var(--main-color);
  color: #eee;
  font-weight: bold;
  position: relative;
  cursor: default;
}
.thetaTable .active:after {
  position: absolute;
  content: ' ';
  left: 50%;
  top: -10px;
  margin: 0 0 0 -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 15px 7.5px;
  border-color: transparent transparent var(--main-color) transparent;
}