/* 2022.12売買リニューアル時の差分css */
:root {
  --color-tx1: rgba(0, 0, 0, 0.87);
  --color-bg1: #ffffff;
  --color-bg2: #f1efee;
  --color-bg2-alpha: rgba(0, 0, 0, 0.05);
  --color-bd1: #e7e1e0;
  --color-bd2: #bdbdbd;
  --color-pj1: #3980dd;
  --color-pj1-light: #f6f8fc;
  --color-pj2: #d12c15;
}

*,
::after,
::before {
  box-sizing: border-box;
  font-family: YakuHanJPs, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Noto Sans Japanese", Meiryo, "Yu Gothic Medium", sans-serif;
}

a:not([class]),
button:not([class]),
input:not([class]),
select:not([class]),
a.text,
a.logo.is-site,
a.menu-button,
a.box.is-link,
button.tab {
  outline: revert;
}

a:not([class]) {
  text-decoration: none;
}

a:not([class]):hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: 700;
}

.text.is-pj1 {
  color: var(--color-pj1);
}

.text.is-font-size-240per {
  font-size: 240%;
}

.button.is-plain.is-pj1:not(:disabled) {
  background-color: var(--color-pj1);
}

.button.is-plain.is-pj1:not(:disabled):hover {
  background-color: var(--color-pj1);
}

.button.is-outline.is-pj1:not(:disabled) {
  border-color: var(--color-pj1);
  color: var(--color-pj1);
}

.button.is-outline.is-pj1:not(:disabled):hover {
  background-color: var(--color-pj1);
}

.badge.is-plain.is-pj1 {
  background-color: var(--color-pj1);
}

.icon.is-pj1 {
  color: var(--color-pj1);
  fill: var(--color-pj1);
}

.box.is-bg-pj1-light {
  background-color: var(--color-pj1-light);
}

body:has(.section.is-bg-cover) header#header {
  border-bottom: none;
}

.nav.is-global > :not(:first-child) {
  margin-left: 0;
}

.menu.is-entrance .button.is-outline.is-active {
  background-color: var(--color-pj1);
  border-color: var(--color-pj1);
}

.menu-button:not(.is-disabled).is-active,
.menu-button:not(.is-disabled):hover {
  color: var(--color-pj1);
}

.menu-button:not(.is-disabled).is-active .menu-button-icon,
.menu-button:not(.is-disabled):hover .menu-button-icon {
  color: var(--color-pj1);
  fill: var(--color-pj1);
}

.menu-button:not(.is-disabled).is-active .menu-button-text,
.menu-button:not(.is-disabled):hover .menu-button-text {
  color: var(--color-pj1);
}

#main {
  background: none;
}

#mainContainer {
  width: 944px;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--color-bg1);
}

#mainCenterContainer::after {
  content: none;
}

#main2ColContainer {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
  width: auto;
}

#main2ColContainer::after {
  content: none;
}

#mainCenterContainer {
  float: none;
  flex: 1 0;
}

#mainLeftSideContainer {
  float: none;
  flex: 0 0 215px;
  width: auto;
  margin-right: 0;
}

#mainCenterBoxTopBoder {
  width: auto;
  background: var(--color-pj1);
}

#mainCenterBox {
  width: auto;
  border-top: none;
}

#mainCenterBox h1 {
  width: auto;
  border-left-color: var(--color-pj1);
}

#mainCenterBox h2.subtitle {
  width: auto;
}

#main:has(.section.is-bg-cover) > .section:has(.breadcrumb-list) {
  position: relative;
  height: 32px;
  background: none;
  border-bottom-color: transparent;
  z-index: 2;
}

#main:has(.section.is-bg-cover) > .section:has(.breadcrumb-list) .breadcrumb-list > li:not(:first-child) > .text:before {
  border-top-color: rgb(255, 255, 255, 0.75);
  border-right-color: rgb(255, 255, 255, 0.75);
}

#main:has(.section.is-bg-cover) > .section:has(.breadcrumb-list) .breadcrumb-list .text.is-primary {
  color: #ffffff;
}

.leftSideCondList p.selected {
  background-color: var(--color-pj1-light);
}

.section.is-bg-cover {
  position: relative;
  margin-top: -32px;
  margin-bottom: -56px;
  padding-top: 80px;
  padding-bottom: 112px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.section.is-bg-cover > .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.section.is-bg-cover > .inner {
  position: relative;
  z-index: 2;
}

.section.is-bg-cover + #mainContainer {
  position: relative;
  z-index: 2;
}

.section.is-bg-cover .badge.is-plain.is-pj1 {
  background-color: #ffffff;
  color: var(--color-pj1);
  vertical-align: text-top;
}

.tabs,
.tab-contents {
  font-size: initial;
}

.tabs .tab {
  font-size: inherit;
}

.tabs.is-vertical .tab.is-outline.is-left.is-active {
  border-left-color: var(--color-pj1);
}

.tabs.is-vertical .tab.is-outline.is-active {
  background-color: var(--color-pj1-light);
}

.area.is-japan a,
.area.is-region a {
  text-decoration: none;
}

#topIppatsuSearchSec {
  position: relative;
  top: 0;
  margin-right: 8px;
}

#ippatsuSearchBox {
  width: auto;
  border: 1px solid var(--color-bd2);
  border-radius: 3px;
  box-shadow: none;
  overflow: hidden;
}

#ippatsuSearchBox h3 {
  width: 100%;
  height: auto;
  padding: 8px 0;
  background: var(--color-bg2);
  border-bottom: 1px solid var(--color-bd2);
  color: var(--color-tx1);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-indent: 0;
}

#ippatsuSearchBody {
  width: 100%;
  padding: 12px 12px 4px;
  border: none;
}

#ippatsuSearchBody > * {
  margin-bottom: 8px;
}

#ippatsuSearchInput {
  width: 100%;
  height: calc(2.5em + (1px * 2));
  padding: 0.5em 0.75em;
  background-color: var(--color-bg1);
  background-image: none;
  border: 1px solid var(--color-bd2);
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#ippatsuSearchRadio {
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 160px;
  font-size: 14px;
}

.ippatsuSearchSelect {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-tx1);
  font-size: 14px;
  font-weight: 400;
}

.ippatsuSearchSelect select {
  cursor: pointer;
  flex: 1 0;
  width: 100%;
  height: auto;
  padding: 0.25em;
  background-color: var(--color-bg1);
  border: 1px solid var(--color-bd2);
  border-radius: 2px;
  color: var(--color-tx1);
  line-height: 1.5;
}

#ippatsuSearchBottom {
  width: 100%;
  padding: 0 12px 12px;
  background: none;
  border: none;
  border-radius: 0;
}

#ippatsuSearchBtn {
  width: 100%;
  height: auto;
  padding: 4px;
  background: var(--color-pj1);
  border-radius: 3px;
  color: white;
  font-size: 14px;
  font-weight: 700;
}

#ippatsuSearchRadio li {
  line-height: 1.625;
}

.newItemSelectNavi {
  float: none;
  width: 100%;
  margin-top: 10px;
}

.newItemDateMark {
  background: var(--color-pj1);
}

.info-alert.rent {
  width: 100%;
  background: var(--color-pj1-light);
}

#currentSelectedCondList {
  background-color: var(--color-pj1-light);
}

#topMidArea {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-template-rows: 100%;
  gap: 8px;
}

#topMidArea.clearfix:after {
  content: none;
}

#topMidLeftArea {
  float: none;
  width: 100%;
  margin: 0;
}

#topMidRightArea {
  float: none;
  width: 100%;
}

.overlay.is-bg-pj1 {
  background-color: var(--color-pj1);
}

.overlay.is-opacity-065 {
  opacity: 0.65;
}

.contentHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--color-bg2);
  border-bottom: 1px solid var(--color-bd1);
}

.contentHeader.clearfix:after {
  content: none;
}

.contentHeader h3 {
  margin: 0;
  padding: 0;
  color: var(--color-tx1);
  font-size: 14px;
  font-weight: 700;
}

.contentHeader h3,
h3#myHomeAreaSearch,
#conditonContentCaption,
#recentContentCaption,
#themeContentCaption,
#areaRankingContentCaption,
#otherThemeContentCaption {
  padding: 0;
  background: none;
}

.updateMark,
.updateMarkL {
  margin: 0;
  background: var(--color-pj1);
}

.contentBoxSepartor {
  display: none;
}

.conditonContentInner {
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto;
  gap: 12px;
}

.conditonContentInner.clearfix::after {
  content: none;
}

.conditonContentList {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.conditonContentList.clearfix::after {
  content: none;
}

.conditonContentInner dt {
  clear: none;
  float: none;
  width: auto;
}

.conditonContentInner dd {
  width: auto;
  margin: 0;
}

.conditonContentList li {
  float: none;
  margin: 0;
  padding: 0;
  background: none;
}

.conditonContentList li a {
  display: flex;
  padding: 2px 6px;
  background: var(--color-bg1);
  border: 1px solid var(--color-bd2);
  border-radius: 999em;
  font-size: 14px;
  font-weight: 400;
}

.conditonContentList li a:hover {
  background: var(--color-bg2);
  text-decoration: none;
}

#recentRecommendBody {
  padding: 16px;
}

.recentRecommendList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 100%;
  gap: 12px;
  padding: 0;
}

.recentRecommendList + .recentRecommendList {
  margin-top: 16px;
}

.recentRecommendList li {
  float: none;
  width: 100%;
  margin: 0;
}

.recentRecommendList.clearfix::after {
  content: none;
}

.recentRecommendImgRect {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  background-color: var(--color-bg2);
  overflow: visible;
}

.recentRecommendImgRect img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recentRecommendImgCaption {
  top: 0;
  right: 0;
  background: var(--color-pj1);
  white-space: nowrap;
  z-index: 1;
}

.recentRecommendText .price {
  color: var(--color-pj2);
}

#prefTopRecentContentBody {
  padding: 16px;
}

#prefTopRecentContentBody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  align-items: flex-start;
  gap: 12px;
}

#prefTopRecentContentBody > li.prefTopRecentContentItem {
  float: none;
  width: auto;
  margin: 0;
}

#prefTopRecentContentBody li.sep {
  display: none;
}

.prefTopRecentContentList {
  width: auto;
}

.prefTopRecentContentDetailButton a {
  background: var(--color-bg1);
}

.prefTopRecentContentList li .price {
  color: var(--color-pj2);
}

#themeContentSlideUp,
#themeContentSlideDown {
  position: relative;
  width: 100%;
  background: var(--color-pj1-light);
}

#themeContentOuter a.disable {
  background: var(--color-pj1-light);
}

#themeContentSlideUp:not(.disable)::after,
#themeContentSlideDown:not(.disable)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 10px;
  background-color: var(--color-pj1);
  transform: translate(-50%, -50%);
}

#themeContentSlideUp:not(.disable)::after {
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

#themeContentSlideDown:not(.disable)::after {
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

#themeContentList {
  max-width: 100%;
}

.themeContentSet li {
  display: flex;
}

.themeContentSet li.clearfix:after {
  content: none;
}

.themeContentImg {
  flex: 0 0 85px;
  float: none;
}

.themeContentImg:focus {
  outline: revert;
}

.themeContentText {
  flex: 1 0;
  float: none;
  width: 100%;
}

#areaRankingContentSelection {
  background: var(--color-pj1-light);
}

.areaRankingContentCaption {
  background-color: var(--color-pj1);
}

#usefulContentBody {
  padding: 12px;
}

#usefulContentList.clearfix:after {
  content: none;
}

#usefulContentList > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-template-rows: auto;
  gap: 8px;
}

#usefulContentBody .to_column_txt {
  margin: 12px 0 0;
}

#usefulContentBody li {
  float: none;
  width: 100%;
  margin: 0;
}

.usefulContentImg {
  float: none;
  width: auto;
  margin-right: 0;
  background-color: var(--color-bg2);
}

.usefulContentImg:focus {
  outline: revert;
}

.usefulContentImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.to_column_txt {
  border-top: 1px solid var(--color-bd1);
  margin: 12px;
}

.to_column_txt dt {
  font-size: 12px;
}

.to_column_txt #newsContentsMore {
  margin-bottom: 0;
  font-size: 12px;
}

.to_column_txt #newsContentsMore a {
  position: relative;
  padding-left: 0;
  padding-right: 1.75em;
  background: none;
}

.to_column_txt #newsContentsMore a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.75em;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid var(--color-bd2);
  border-right: 2px solid var(--color-bd2);
  transform: translateY(-50%) rotate(45deg);
}

#usefulContentCaption {
  padding: 0;
  background: none;
}

#usefulContentBody.clearfix:after {
  content: none;
}

ul#usefulContentBody {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-template-rows: auto;
  gap: 8px;
}

ul#usefulContentBody > li {
  float: none;
  width: 100%;
  margin: 0;
}

#recommendContentCaption {
  padding: 0;
  background: none;
}

#recommendContentBody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 12px;
  padding: 12px;
  padding-bottom: 19px;
}

#recommendContentBody.clearfix:after {
  content: none;
}

#recommendContentBody li {
  float: none;
  display: grid;
  grid-template-columns: 180px 1fr;
  grid-template-rows: auto;
  gap: 2px;
  width: auto;
  margin-right: 0;
}

.recommendContentText {
  float: none;
  width: auto;
  margin-left: 8px;
}

#recommendContentBody li.clearfix:after {
  content: none;
}

#prefsContentCaption {
  padding: 0;
  background: none;
}

#prefsContentList {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-template-rows: auto;
}

#prefsContentList.clearfix:after {
  content: none;
}

#prefsContentList dt {
  float: none;
  width: auto;
  background: var(--color-bg1);
  border-top: 1px solid var(--color-bd1);
  box-shadow: none;
  font-weight: 700;
}

#prefsContentList dt span {
  font-size: 1em;
}

#prefsContentList dd {
  float: none;
  width: auto;
  border-top: 1px solid var(--color-bd1);
  border-left: 1px solid var(--color-bd1);
}

#prefsContentList dt:nth-child(1),
#prefsContentList dd:nth-child(2) {
  border-top: none;
}

#otherThemeContentBody {
  padding: 12px;
}

#otherThemeContentBody {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 8px;
}

#otherThemeContentBody li {
  float: none;
  width: auto;
  padding: 0;
}

#otherThemeContentBody .otherThemeContentBanner {
  float: none;
  margin: 0 0 4px;
}

#otherThemeContentBody li div {
  float: none;
  width: auto;
}

#otherThemeContentBody li.sep,
#otherThemeContentBody2 li.sep {
  display: none;
}

#otherThemeContentBody .clearfix:after {
  content: none;
}


#otherRecommendContent > h3 {
  background-color: var(--color-pj1);
}

#otherRecommendContentBody {
  background-color: var(--color-pj1-light);
}

#otherRecommendContentBody h4 {
  border-left: solid 3px var(--color-pj1);
}

.categoryNav .ttl {
  background-color: var(--color-pj1);
}

.categoryNav ul {
  background-color: var(--color-pj1-light);
}

#resultTypeSelectRightContent mark {
  display: inline-block;
}

.resultNumArea p.resultNum .numberB,
.resultNumArea p.resultNum .number {
  color: var(--color-pj1);
}

.nayose_head h2.link {
  display: flex;
  background-color: var(--color-pj1-light);
}

.nayose_head h2.link::after {
  content: none;
}

.buy_list .nayose .nayose_head h2.link > p {
  float: none;
  flex: 1 0;
  width: auto;
}

.buy_list .nayose .itemBody:hover {
  background-color: var(--color-pj1-light);
}

.buy_list .nayose .itemBody > .clearfix {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.buy_list .nayose .itemBody > .clearfix::after {
  content: none;
}

.buy_list .nayose .itemImageContent {
  float: none;
  flex: 0 0 227px;
  display: grid;
  grid-template-columns: 170px 52px;
  grid-template-rows: auto;
  margin-right: 0;
}

.buy_list .nayose .itemImageContent img {
  display: block;
}

.buy_list .nayose .itemImageContent.clearfix::after {
  content: none;
}

.buy_list .nayose .mainImageRect {
  float: none;
  margin: 0;
  display: grid;
  justify-content: center;
  align-items: center;
}

.buy_list .nayose .subImages {
  float: none;
}

.buy_list .nayose .itemContentWrapper {
  float: none;
  flex: 1 0;
  width: auto;
}

.buy_list .nayose .itemContentWrapper.clearfix::after {
  content: none;
}

.buy_list .nayose .itemContent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px 8px;
}

.buy_list .nayose .itemContent.clearfix::after {
  content: none;
}

.buy_list .nayose .itemContent dt {
  float: none;
  clear: none;
  margin-bottom: 0;
  background: var(--color-bg2-alpha);
  color: var(--color-tx1);
}

.comment_nayose div.l {
  background: var(--color-bg2);
}

.buy_list .nayose .itemContent dd {
  flex: 0 0 calc(100% - 95px);
  margin: 0;
  padding: 0;
  word-break: normal;
}

.buy_list .nayose .itemContent dd.col2L,
.buy_list .nayose .itemContent dd.col2R {
  flex: 0 0 calc(50% - 105px);
  width: auto;
  margin-left: 0;
}

.buy_list .nayose .itemContent dt.col2 {
  float: none;
  clear: none;
}

.buy_list .nayose .itemContent .price {
  color: var(--color-pj2);
}

.comment_nayose div.l {
  flex: none;
  background: var(--color-bg2-alpha);
}

.comment_nayose div.r {
  position: relative;
}

.comment_nayose div.r .dot {
  position: absolute;
  right: 0;
  bottom: 0;
}

.comment_nayose div.r p {
  margin-left: 0;
}

.nayose_conts table tbody:hover td {
  background: var(--color-pj1-light);
}

.nayose_conts table td .price {
  color: var(--color-pj2);
}

.buy_list table.shinchiku_manshion td:nth-child(4),
.buy_list table.shinchiku_manshion td:nth-child(5) {
  font-size: 80%;
}

.nayose_conts .more {
  background-color: var(--color-bg1);
  background-image: none;
}

.nayose_conts .more:hover {
  background: var(--color-pj1-light);
}

.nayose_conts .more p:before {
  background: var(--color-pj1);
}

.nayose_conts .more p:after {
  box-sizing: content-box;
}

.columnListSec .list li {
  width: 162px;
}

.columnListSec .list li .usefulContentImg {
  width: auto;
}

.columnListSec .list li .usefulContentImg img {
  width: 165px;
}

.near_search_title {
  border-left-color: var(--color-pj1);
  font-weight: 700;
}

#bottomCondChangeButtons p a {
  background-position-y: 3px;
}

#typeNaviCaption {
  background-color: var(--color-pj1);
  padding: 2px 8px;
}

#typeNaviBody {
  background-color: var(--color-bg1);
}

#prefTopPrefSelection {
  position: static;
  width: auto !important;
  height: auto;
  margin-bottom: 8px;
  height: 24px;
}

#areaTopAreaSelection li:first-child,
#prefTopPrefSelection li:first-child {
  margin-left: 0;
}

#areaTopAreaSelection li,
#prefTopPrefSelection li,
#areaTopAreaSelection li.all,
#prefTopPrefSelection li.all {
  background: var(--color-bg1);
  border-color: var(--color-bd1);
  border-radius: 2px;
}

#areaTopAreaSelection li.selected,
#prefTopPrefSelection li.selected {
  background: var(--color-pj1);
  border-color: var(--color-pj1);
  color: white;
}

#prefTopPrefSelection li.space {
  display: none;
}

#tabSelectMenuBottomBorder,
#tabSelectMenuBottomBorder2 {
  width: 423px;
}

#tabAreaSearch,
#tabSelectMenuNewItems {
  background: var(--color-bg1);
  border-color: var(--color-bd1);
  border-radius: 3px;
}

#tabAreaSearch a,
#tabSelectMenuNewItems a {
  background-position-y: -256px;
}

#stationSearchHeader dt {
  background-color: var(--color-pj1);
}

#stationSearchHeader dd {
  background-color: transparent;
}

#stationRankingContentCaption {
  background-position-y: -318px;
}

#stationRankingContentCaption + .updateMarkL {
  margin-right: auto;
  margin-left: 8px;
}

#prefTopSpecializeContent {
  background-color: var(--color-pj1-light);
}

#prefTopSpecializeContent input#specializeButton {
  background: var(--color-pj1);
  border-radius: 3px;
  color: white;
  font-weight: 700;
}

.prefTopSearchSubmitButton,
.prefTopStationSubmitButton {
  width: 280px;
  height: 46px;
  background: var(--color-pj1);
  border-radius: 4px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  text-indent: unset;
}
.openOtherPrefButton,
.closeOtherPrefButton{
  width: 182px;
  height: 33px;
}
.prefTopSearchConditionsTbl th {
  width: 135px;
  background-color: var(--color-bg2);
}

.prefTopSearchConditionsTbl td {
  width: 730px;
}

.prefTopSearchConditionsTblCheckListCol4 li {
  width: 25%;
}

.prefTopSearchConditionsTblCheckListCol5 li {
  width: 20%;
}

.prefTopSearchConditionsTbl p.selected {
  background-color: transparent;
}

.prefTopSearchConditionsCheckList li p.selected {
  background-color: transparent;
}

.prefTopSearchConditionsCheckList li p.selected a {
  background-color: transparent;
  color: #007e91;
}

.prefTopSearchResultNumber .number {
  color: var(--color-pj1);
  font-weight: 700;
}

#bottomPrefContentList {
  background-color: var(--color-pj1-light);
}

#prefRankingIntroductionContentList {
  background-color: transparent;
}

#bottomPrefContentList li a,
#prefRankingIntroductionContentList li a {
  background-position-y: -255px;
}

.prefRankingContent {
  width: 278px;
}

#cityTitleBest10,
#lineTitleBest10,
#stationTitleBest10 {
  width: 284px;
}

.desc_txt {
  width: auto;
}

#prefTopUpperLeftArea {
  float: none;
}

#prefTopUpperNaviMenu {
  display: flex;
  gap: 12px;
  background-color: var(--color-pj1-light);
  border: 1px solid var(--color-bd1);
  padding: 20px;
}

#prefTopUpperNaviMenu.clearfix::after {
  content: none;
}

#prefTopUpperNaviMenu li {
  float: none;
  flex: 1 0;
  margin-right: 0;
}

#prefTopUpperNaviTypeList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px;
  background: var(--color-bg2);
  border-right: 1px solid var(--color-bd1);
  border-bottom: 1px solid var(--color-bd1);
  border-left: 1px solid var(--color-bd1);
}

#prefTopUpperNaviTypeList.clearfix::after {
  content: none;
}

#prefTopUpperNaviTypeList li {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: 0;
}

#prefTopUpperNaviTypeList li input {
  margin: 0;
}

#prefTopUpperNaviTypeList li.rentLink a {
  margin-top: 0;
  text-decoration: none;
}

#prefTopUpperNaviTypeList li.rentLink a:hover {
  text-decoration: underline;
}

#prefTopIppatsuSearchSec {
  float: none;
  margin-right: 0;
}

.rank_market .rank_marketCaption {
  border-left-color: var(--color-pj1);
}

.rank_market .box.market table.market th {
  background: var(--color-pj1-light);
}

.rank_market .tabLink li.on a {
  border-top: solid 3px var(--color-pj1);
}

#quickSearchBar {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  opacity: 1;
}

#quickSearchBar .prefTopSearchResultNumber .number {
  color: white;
}

#quickSearchBarSubmitButton, #quickSearchBarStationSubmitButton {
  width: 280px;
  height: 46px;
  background: var(--color-pj1);
  border-radius: 4px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  text-indent: unset;
}

aside.buyTop {
  top: 8px;
}

aside.buySideTop {
  top: 8px;
}

.section.is-bg-cover ~ #mainContainer aside.buySideTop {
  top: 76px;
}

@media (max-width: 1399px) {
  aside.buySideTop {
    display: none;
  }
}

#sideHistoryContentCaption,
#sideBookmarkedContentCaption,
#sideRecentViewedContentCaption {
  padding-left: 0;
  background: none;
}

h3.sideRecommendContentCaption {
  padding-left: 0 !important;
  background: none;
}

#sideHistorySearchList,
#sideHistorySavedList {
  border-bottom: 1px solid var(--color-bd1);
}

#sideUsefulContentBody li {
  border-bottom: 1px solid var(--color-bd1);
}

#sideBookmarkViewAll,
.sideBarMoreLink {
  background: var(--color-bg2);
}

#sideBookmarkViewAll a,
.sideBarMoreLink a {
  padding-left: 0;
  background: none;
}

.sideItemList .price {
  color: var(--color-pj2);
}

.voice_area .detailCommonTtl {
  border-bottom: 2px solid var(--color-pj1);
  background: var(--color-pj1-light) url(../images/bg_detail_common_ttl.png)
}

#footerNaviChange {
  padding: 28px 0 48px;
}

#footerNaviChange .footerNaviBlock {
  border-right: none;
}

#footerNaviChange .listIconY {
  background: var(--color-pj1);
  height: 4px;
}

#quickSearchBar {
  z-index: 2;
}

.searchResultItemsBigList .itemImageContent {
  width: 186px;
}

.searchResultItemsBigList .mainImageRect {
  width: 129px;
}

.searchResultItemsList .itemContent {
  width: 542px;
}

.changePopupFooter {
  background-color: var(--color-pj1-light);
}

.changePopupSearchButton {
  background-color: var(--color-pj1);
}

.changePopupResultNumber .number {
  color: var(--color-pj1);
}

#nohitContent ul {
  display: flex;
  padding: 15px 0 15px 7px;
}

#nohitContent ul li {
  margin-right: 7px;
}

#nohitContent ul li#nohitChangeLineButton a {
  width: 311px;
  height: 62px;
}

#nohitContent ul li#nohitBackPrefButton a {
  width: 311px;
  height: 62px;
}