I’m /*　後で消す　*/
.introduce p {
    padding: 10px 15px 10px 15px;
}

* {
    text-decoration: none;
    margin: 0;
    padding: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
      scroll-behavior: smooth;
      font-size: 10px;
}
body {
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
/*  font-family: YakuHanJP, "Noto Sans JP", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif; */
    line-height: 1.6;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
a {
}
.red {
    color: red;
}
.bold {
    font-weight: bold;
}

/* なぜか指定していたが、使わない方がわかりやすい。個別にする
h2 {
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  background-color: green;
	color: white;
  padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
  clear: both;
}
*/

ul {
    margin: 0;
	padding: 0;
}
li {
    list-style: none;
}
.li-100 {
  width: 100% !important;
}
.li-50 {
  width: 50% !important;
}
.li-33 {
  width: 33.3% !important;
}
.li-25 {
  width: 25% !important;
}
.li-20 {
  width: 20% !important;
}
.li-16 {
  width: 16.6% !important;
}


dd {
    margin: 0;
}

a.sapporo:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/sapporo-tower.png) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.morioka:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/iwate-ginkou.png) no-repeat;
    background-position: 0px 4px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.sendai:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/sendai-datemasamune.png) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.fukushima:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/fukushima-akabeko.png) no-repeat;
    background-position: 0px 5px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.chiba:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/chiba.png) no-repeat;
    background-position: 0px 2px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.tokyo:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/tokyo.gif) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.yokohama:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/yokohama-landmark-tower.png) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.nagoya:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/nagoya_syachihoko.gif) no-repeat;
    background-position: 0px 3px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.osaka:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/tsutenkaku_osaka.gif) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.kyoto:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/kyoto-tower.png) no-repeat;
    background-position: 0px 1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.kobe:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/kobe-port-tower.png) no-repeat;
    background-position: 0px -1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.hiroshima:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/hiroshima.jpg) no-repeat;
    background-position: 0px 4px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.fukuoka:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/fukuoka-tower.gif) no-repeat;
    background-position: 0px -1px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.kumamoto:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/kumamoto.png) no-repeat;
    background-position: 0px 3px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.okinawa:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/okinawa.gif) no-repeat;
    background-position: 0px 3px;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}



.display-flex {
  display: flex;
  flex-direction: column;
}

/*　リンクの色　*/

a:link {
color: #1558d6;
}
a:visited {
color: #681da8;
}
a:hover {
}

/*　背景色　*/

.background-color-red {
  background-color: lavenderblush;
}
.background-color-green {
  background-color: hsl(80deg 55% 89%);
}
.background-color-beige {
  background-color: beige;
}
.background-color-gray {
  background-color: whitesmoke;
}


/*　ヘッダー　*/
header {
}

.titleBACK {
	background-color: #339933;
	text-align: center;
}

.site-desc {
    font-size: 1.0rem;
    font-weight: normal;
	line-height: 1.2;
    text-align: center;
    padding: 5px;
    padding-bottom: 0;
    margin: 0px;
    background-color: #339833;
    color: white;
}

/*　パンくず　*/

div#breadcrumbs {
	font-size: 1.4rem;
  line-height: 1.4;
    padding: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
}
div#breadcrumbs ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
div#breadcrumbs ol li:before {
	content: " > ";
}
div#breadcrumbs ol li:first-child:before {
	content:"";
}
div#breadcrumbs a {
}

/*　ページのイメージ画像　*/
.pageimage {
	text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}
.pageimage img {
	      width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;

}

/*　ページタイトル　*/

.pagetitletokyo {
  text-align: left;
  clear: both;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1.5rem;
  margin-bottom: 1.2rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.pagetitletokyo-h2 {
    margin-left: 100%;
    margin-right: 15px;
    font-size: 1.8rem;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: normal;
	text-align: left;
	background-color: white;
    color: black;
}
time {
    font-size: 1.3rem;
        width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
    text-align: center;
    color: gray;
}
.pagetitletokyo-h3 {
  font-size: 1.3rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;
}
.pagetitletokyo-p {
    width: 90%;
    font-size: 3.7333333333vw;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: justify;
}
.whats-rentaloffice {
	padding: 1% 4% 3% 4%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
 	background-color: whitesmoke;
    margin-bottom: 7px;
    border-radius: 5px;
}
.whats-rentaloffice h2 {
	font-size: 1.6rem;
      background-color: transparent;
    color: black;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
.whats-rentaloffice h3 {
	font-size: 1.4rem;
  line-height: 1.4;
    color: black;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;  
}
.whats-rentaloffice p {
	font-size: 1.3rem;
    line-height: 1.4;
    margin-bottom: 7px;
}


/*　top100　*/
.top100 {
margin-bottom: 7px;
}
.top100 ul {

}
.top100 li {
display: flex;
}
.top100 .thumbnail {
width: 15%;
}
.top100 .thumbnail img {
width: 15%;
}
.top100 .shisetsu {
width: 85%;
}



/*　横移動　*/

.navisub-pop { /*　港区 - 中央区 - 千代田区・・・など市区町村　*/
font-size: 1.4rem;
    line-height: 2;
    color: lightpink;
    background-color: beige;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px 5px 5px 5px;
}
.navisub-pop ul {
    display: flex;
	flex-wrap: wrap;
	padding-top: 5px;
    padding-bottom: 5px;
}
.navisub-pop li {
	text-align: center;
	min-width: 16.6%;
    flex-basis: 16.6%;
}

.navisub-pop-area { /*　新橋 - 青山 - 赤坂・・・などエリア　*/
	font-size: 1.3rem;
    line-height: 2;
    background-color: whitesmoke;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0 0 5px 5px;
    background-color: hsla(0, 0%, 93%, 1);
}
.areaindex-h3 {
	font-size: 1.4rem;
    width: auto;
    padding: 0;
    padding-top: 7px;
    padding-bottom: 3px;
    margin: 0;
    margin-bottom: -1px;
    text-align: center;
    font-weight: normal;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	border-radius: 5px 5px 0 0;
}
.navisub-pop-area ul {
    display: flex;
    flex-wrap: wrap;
    background-color: whitesmoke;
    border-top: solid 1px lightgray;
	padding-top: 5px;
    padding-bottom: 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.navisub-pop-area li {
	text-align: center;
  width: 20%;
}
.navisub-pop-title {
	color: red;
	display: block;
    margin-top: -2px;
    margin-bottom: -3px;
}


/*　東京の人気エリアなど　*/
.areaindex_pop {
  font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
	width: 95%;
	border-radius: 5px;
  margin-left: auto;
    margin-right: auto;
}
.areaindex_pop ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
/*　align-items: center;　エリアメニューで小川町/淡路町が消えてしまう→改行する→align-items: centerで上下中央揃えにすると背景画像がおかしくなる　*/
      margin-bottom: 3px;
}
.areaindex_pop li {
	text-align: center;
    width: 16.66%;
/*　min-width: 16.6%;　*/
/*　flex-basis: 16.6%;　*/
  word-break: keep-all;
  padding-top: 7px;
    padding-bottom: 7px;
}



/*　メニュー　全国　*/
.area-top2021 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.map-zenkoku .areaindex-h3 {
	background-color: #fbeef1;
	border: none;
      z-index: 0;
}

/*　メニュー　東京23区　*/
.navisub-pop {
	order: 3;
}

/*　メニュー　東京　*/
.areaindex_pop.map-tokyo {
	order: 1;
}
/*　メニュー　横浜　*/
.areaindex_pop.map-yokohama {
	order: 1;
}
/*　メニュー　大阪　*/
.areaindex_pop.map-osaka {
	order: 1;
}
/*　メニュー　全国　*/
.areaindex_pop.map-zenkoku {
    order: 2;
}
.map-tokyo .areaindex-h3 {
  width: 60%;
  border: solid 1px lightcoral;
  border-bottom: 1px solid white;
}
.map-tokyo ul {
  background-image: url(../images/menu/map-tokyo.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: solid 1px lightcoral;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 5px;
}
.map-tokyo li {
  width: 16.6%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    line-height: 1.1;
}

/*　メニュー　東京のエリア　*/
.areaindex_pop.map-tokyo-area {
  order: 2;
}
.map-tokyo-area .areaindex-h3 {
  background-color: hsl(80deg 55% 89%);
	border: none;
  padding-top: 7px;
padding-bottom: 7px;
}
.map-tokyo-area ul {
  background-color: hsl(80deg 55% 89%);
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.map-tokyo-area li {
  width: 20%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    line-height: 1.1;
    color: gray;
}
.map-tokyo-area .li-w {
width: 40%;
}

/*　メニュー　東京の区　*/
.areaindex_pop.map-tokyo-ku {
  order: 2;
}
.map-tokyo-ku .areaindex-h3 {
  background-color: beige;
	border: none;
  padding-top: 7px;
padding-bottom: 5px;
}
.map-tokyo-ku ul {
  background-color: beige;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.map-tokyo-ku li {
  width: 14.2%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    line-height: 1.1;
    color: gray;
}
.map-tokyo-ku .li-w {
width: 40%;
}


/*　メニュー　東京の区ページのエリアを6列にする。今は港区だけ　*/
.map-tokyo-area li.li-six {
    width: 16.6%;
}
.map-tokyo-area li.li-w {
    width: 33.2%;
}


.map-tokyo-area .A1 {
  background-image: url(../images/map-tokyo/map-tokyo-A1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .A2 {
  background-image: url(../images/map-tokyo/map-tokyo-A2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .A3 {
  background-image: url(../images/map-tokyo/map-tokyo-A3.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .akabane {
  background-image: url(../images/map-tokyo/map-tokyo-akabane.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .oji {
  background-image: url(../images/map-tokyo/map-tokyo-oji.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .O1 {
  background-image: url(../images/map-tokyo/map-tokyo-O1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .O2 {
  background-image: url(../images/map-tokyo/map-tokyo-O2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .itabashi {
  background-image: url(../images/map-tokyo/map-tokyo-itabashi.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .ikebukuro {
  background-image: url(../images/map-tokyo/map-tokyo-ikebukuro.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .ike1 {
  background-image: url(../images/map-tokyo/map-tokyo-ike1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .ike2 {
  background-image: url(../images/map-tokyo/map-tokyo-ike2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .mejiro {
  background-image: url(../images/map-tokyo/map-tokyo-mejiro.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .shinokubo {
  background-image: url(../images/map-tokyo/map-tokyo-shinokubo.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .yoyogi {
  background-image: url(../images/map-tokyo/map-tokyo-yoyogi.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .shibuya {
  background-image: url(../images/map-tokyo/map-tokyo-shibuya.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .N1 {
  background-image: url(../images/map-tokyo/map-tokyo-N1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .N2 {
  background-image: url(../images/map-tokyo/map-tokyo-N2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .osaki {
  background-image: url(../images/map-tokyo/map-tokyo-osaki.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .shinagawa {
  background-image: url(../images/map-tokyo/map-tokyo-shinagawa.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .TG {
  background-image: url(../images/map-tokyo/map-tokyo-TG.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .tamachi {
  background-image: url(../images/map-tokyo/map-tokyo-tamachi.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .mita {
  background-image: url(../images/map-tokyo/map-tokyo-mita.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .H1 {
  background-image: url(../images/map-tokyo/map-tokyo-H1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .hamamatsucho {
  background-image: url(../images/map-tokyo/map-tokyo-hamamatsucho.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .K2 {
  background-image: url(../images/map-tokyo/map-tokyo-K2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .daimon {
  background-image: url(../images/map-tokyo/map-tokyo-daimon.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .shiodome {
  background-image: url(../images/map-tokyo/map-tokyo-shiodome.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .shinbashi {
  background-image: url(../images/map-tokyo/map-tokyo-shinbashi.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .tokyo-station {
  background-image: url(../images/map-tokyo/map-tokyo-yama2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .T1 {
  background-image: url(../images/map-tokyo/map-tokyo-T1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .T2 {
  background-image: url(../images/map-tokyo/map-tokyo-T2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .kanda {
  background-image: url(../images/map-tokyo/map-tokyo-kanda.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .uguisudani {
  background-image: url(../images/map-tokyo/map-tokyo-uguisudani.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .U1 {
  background-image: url(../images/map-tokyo/map-tokyo-U1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .nishinippori {
  background-image: url(../images/map-tokyo/map-tokyo-nishinippori.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .tabata {
  background-image: url(../images/map-tokyo/map-tokyo-tabata.jpg);
  background-size: 100% 100%;
}






.map-tokyo-area .C1 {
  background-image: url(../images/map-tokyo/map-tokyo-C1.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .C2 {
  background-image: url(../images/map-tokyo/map-tokyo-C2.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .C3 {
  background-image: url(../images/map-tokyo/map-tokyo-C3.jpg);
  background-size: 100% 100%;
}
.map-tokyo-area .C4 {
  background-image: url(../images/map-tokyo/map-tokyo-C4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .chuo1 {
  background-image: url(../images/map-tokyo/map-tokyo-chuo1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .chuo2 {
  background-image: url(../images/map-tokyo/map-tokyo-chuo2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .cross {
  background-image: url(../images/map-tokyo/map-tokyo-cross.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .L1 {
  background-image: url(../images/map-tokyo/map-tokyo-L1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .L2 {
  background-image: url(../images/map-tokyo/map-tokyo-L2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .L3 {
  background-image: url(../images/map-tokyo/map-tokyo-L3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S1 {
  background-image: url(../images/map-tokyo/map-tokyo-S1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S2 {
  background-image: url(../images/map-tokyo/map-tokyo-S2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S3 {
  background-image: url(../images/map-tokyo/map-tokyo-S3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S4 {
  background-image: url(../images/map-tokyo/map-tokyo-S4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S5 {
  background-image: url(../images/map-tokyo/map-tokyo-S5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .S6 {
  background-image: url(../images/map-tokyo/map-tokyo-S6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .K2 {
  background-image: url(../images/map-tokyo/map-tokyo-K2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yama1 {
  background-image: url(../images/map-tokyo/map-tokyo-yama1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yama2 {
  background-image: url(../images/map-tokyo/map-tokyo-yama2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaL1 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaL1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaL2 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaL2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaL3 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaL3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaL4 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaL4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaN1 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaN1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaN2 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaN2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaN3 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaN3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaN4 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaN4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS1 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS2 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS2.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS3 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS4 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS5 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .yamaS6 {
  background-image: url(../images/map-tokyo/map-tokyo-yamaS6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


.map-tokyo-area li a {
    background-color: rgb(232 242 212 / 35%);
    padding: 5px;
    border-radius: 5px;
}
.map-tokyo-area li p a {
    background-color: transparent;
}




.map-tokyo-area .back-0 {
  background-image: url(../images/menu/map-tokyo-area-0.gif);
  background-size: 100% 100%;
}
.map-tokyo-area .back-0og {
  background-image: url(../images/menu/map-tokyo-area-0og.gif);
  background-size: 100% 100%;
}
.map-tokyo-area .back-1 {
  background-image: url(../images/menu/map-tokyo-area-1.gif);
  background-size: 100% 100%;
}
.map-tokyo-area .back-1o {
  background-image: url(../images/menu/map-tokyo-area-1o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-2 {
  background-image: url(../images/menu/map-tokyo-area-2.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-2o {
  background-image: url(../images/menu/map-tokyo-area-2o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c1 {
  background-image: url(../images/menu/map-tokyo-area-c1.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c2 {
  background-image: url(../images/menu/map-tokyo-area-c2.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c2o {
  background-image: url(../images/menu/map-tokyo-area-c2o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c3 {
  background-image: url(../images/menu/map-tokyo-area-c3.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c4 {
  background-image: url(../images/menu/map-tokyo-area-c4.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-c4o {
  background-image: url(../images/menu/map-tokyo-area-c4o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-t1 {
  background-image: url(../images/menu/map-tokyo-area-t1.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-t2go {
  background-image: url(../images/menu/map-tokyo-area-t2go.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-t3 {
  background-image: url(../images/menu/map-tokyo-area-t3.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-t4 {
  background-image: url(../images/menu/map-tokyo-area-t4.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-tokyo-area .back-t4go {
  background-image: url(../images/menu/map-tokyo-area-t4go.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


.map-tokyo-ku .toshin {
  background-color: hsl(120 30% 90% / 1);
}
.map-tokyo-ku .johoku {
  background-color: hsl(280 50% 90% / 1);
}
.map-tokyo-ku .jonan {
  background-color: hsl(204 50% 90% / 1);
}
.map-tokyo-ku .jotou {
  background-color: hsl(39 50% 90% / 1);
}
.map-tokyo-ku .josai {
  background-color: hsl(0 50% 90% / 1);
}



/*　メニュー　横浜のエリア　*/
.map-yokohama .areaindex-h3 {
  width: 60%;
  border: solid 1px lightcoral;
  border-bottom: 1px solid white;
  z-index: 1;
}
.map-yokohama ul {
  background-image: url(../images/menu/map-yokohama.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color:rgba(255,255,255,0.8);
  background-blend-mode:lighten;
  border: solid 1px lightcoral;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 5px;
}
.map-yokohama-rosen ul {
  background-image: url(../images/menu/map-yokohama-sp.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-yokohama li {
    width: 16.6%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    line-height: 1.1;
}
.map-yokohama li.li-w {
    width: 33.2%;
}





.map-osaka .areaindex-h3 {
  width: 60%;
  border: solid 1px lightcoral;
  border-bottom: 1px solid white;
  z-index: 1;
}
.map-osaka ul {
  border: solid 1px lightcoral;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 5px;
}
.map-osaka-rosen ul {
  background-image: url(../images/menu/map-osaka-sp.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka li {
    width: 16.6%;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 34px;
    line-height: 1.1;
}
.map-osaka li.li-w {
    width: 33.2%;
}

/*　メニュー　大阪のエリア　*/
.areaindex_pop.map-osaka-area {
  order: 2;
}
.map-osaka-area .areaindex-h3 {
  background-color: hsl(80deg 55% 89%);
	border: none;
  padding-top: 7px;
padding-bottom: 7px;
}
.map-osaka-area ul {
  background-color: hsl(80deg 55% 89%);
  border-radius: 5px;
}
.map-osaka-ku li {
  width: 20%;
}
.map-osaka-ku .li-w {
width: 40%;
}
.map-osaka-area .back-0 {
  background-image: url(../images/menu/map-osaka-area-0.gif);
  background-size: 100% 100%;
}
.map-osaka-area .back-0og {
  background-image: url(../images/menu/map-osaka-area-0og.gif);
  background-size: 100% 100%;
}
.map-osaka-area .back-1 {
  background-image: url(../images/menu/map-osaka-area-1.gif);
  background-size: 100% 100%;
}
.map-osaka-area .back-1o {
  background-image: url(../images/menu/map-osaka-area-1o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-2 {
  background-image: url(../images/menu/map-osaka-area-2.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-2o {
  background-image: url(../images/menu/map-osaka-area-2o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c1 {
  background-image: url(../images/menu/map-osaka-area-c1.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c2 {
  background-image: url(../images/menu/map-osaka-area-c2.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c2o {
  background-image: url(../images/menu/map-osaka-area-c2o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c3 {
  background-image: url(../images/menu/map-osaka-area-c3.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c4 {
  background-image: url(../images/menu/map-osaka-area-c4.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-c4o {
  background-image: url(../images/menu/map-osaka-area-c4o.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-t1 {
  background-image: url(../images/menu/map-osaka-area-t1.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-t2 {
  background-image: url(../images/menu/map-osaka-area-t2go.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-t3 {
  background-image: url(../images/menu/map-osaka-area-t3.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-osaka-area .back-t4 {
  background-image: url(../images/menu/map-osaka-area-t4go.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}









/*　メニュー　都道府県と市町村　*/
.map-area .areaindex-h3 {
	background-color: lavenderblush;
	border: none;
}
.map-area ul {
	background-color: lavenderblush;
}
.map-area li {
  width: 16.6%;
}
.map-area .li-w {
width: 33%;
}
.map-area .li-50 {
width: 50%;
}
.map-area .li-66 {
width: 66.6%;
}







/*　エリアインデックス・・・エリアの一覧表。トップページ、東京ページなど。全国ページは↓.map-zenkoku　*/
.searchtitle {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	color: white;
	background-color: #339933;
	margin-top: 0px;
	margin-bottom: 0px;
}
.areaindex_box {
	margin-top: 3px;
	margin-bottom: 10px;
}
.areaindex_box-child {
    width: auto;
}



.areaindex {
	font-size: 1.3rem;
	line-height: 2;
    background-color: whitesmoke;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
	width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.areaindex ul {
	border-bottom: 1px solid lightgray;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    flex-wrap: wrap;
}
.areaindex ul:last-child {
	border: none;
}
.areaindex li {
	text-align: center;
  width: 16.6%;
}
.areaindex li.li-kugiri {
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #cccccc;
}
.areaindex li.li-w {
    width: 33%;
}
.areaindex a {
}
.areaindex h4 {
	font-weight: normal;
	margin: 0;
	display: inline;
}

/* 区や県などを小さくまとめる */
.areaindex_conpact .areaindex {
    display: flex;
    flex-wrap: wrap;
        margin-top: 10px;
}
.areaindex_conpact h3 {
    border-bottom: 1px solid lightgray;
    width: 16.6%;
    background-color: hsla(0, 0%, 93%, 1);
	font-size: 1.4rem;
	padding-top: 3px;
    padding-bottom: 2px;
    text-align: center;
}
.areaindex_conpact h3:last-of-type {
	border: none;
}
.areaindex_conpact ul {
    width: 83.4%;
    padding: 0;
    padding-top: 3px;
    padding-bottom: 2px;
}
.areaindex_conpact li {
	width: 20%;
}
.areaindex_conpact li.li-w {
	width: 40%;
}
/* 東京の区市リンクが縦になった時２つに分かれないように */
.order4 .areaindex {
	border-top: 1px solid lightgray;
    margin-top: 0;
}

/*　エリアインデックス（全国人気都市）　*/
.map-zenkoku {
}
.map-zenkoku ul {
  justify-content:left;
  background-color: #fbeff2;
  background-image: url(../images/menu/map-japan.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.map-zenkoku li {
}
.map-zenkoku .hokkaido {
  background-color: hsl(140deg 100% 50% / 13%);
}
.map-zenkoku .touhoku {
  background-color: hsl(165deg 100% 50% / 10%);
}
.map-zenkoku .kantou {
  background-color: hsl(190deg 100% 50% / 10%);
}
.map-zenkoku .koushinetsu {
  background-color: hsl(230deg 100% 50% / 5%);
}
.map-zenkoku .hokuriku {
  background-color: hsl(230deg 100% 50% / 10%);
}
.map-zenkoku .toukai {
  background-color: hsl(89deg 100% 50% / 10%);
}
.map-zenkoku .kansai {
  background-color: hsl(47deg 100% 50% / 10%);
}
.map-zenkoku .tyugoku {
  background-color: hsl(33deg 100% 50% / 10%);
}
.map-zenkoku .shikoku {
  background-color: hsl(16deg 100% 50% / 10%);
}
.map-zenkoku .kyusyu {
  background-color: hsl(358deg 100% 50% / 5%);
}
.map-zenkoku .okinawa {
  background-color: hsl(350deg 100% 50% / 12%);
}

/*　幅を調節する。他より後に書く　*/

ul.w33 li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
	width: 33.3%;		/* 日本橋の住所や、福岡のエリア名など、長くて収まりきらない場合に使う */
}

/*　レイアウト　*/
#flex {
display: flex;
flex-wrap: wrap;
}
#main {
display: contents;
}
#pickup {
    order: 1;
}
#list {
    order: 3;
        width: 100%;
}
#shousai {
    width: 100%;
        order: 4;
}
#guide {
    order: 5;
}
#except-link {
    order: 6;
}
#self {
    order: 7;
}
#matome {
    order: 7;
}
#side {
display: contents;
}
#side-banner {
    order: 2;
}
.in-link {
width: 100%;
    order: 8;
}

  
/*　h2（物件リスト）　*/

h2.bukkenlist-h {
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
    clear: both;
    color: white;

    background-color: green;
    padding: 2% 4%;
    margin-top: 0;
    margin-bottom: 0;
}
.bukkenlist-p {
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: darkgreen;
    color: white;
}

/*　h2（物件詳細）　*/

h2.bukkenshousai-h {
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
    clear: both;
    color: white;

    background-color: hsla(208, 70%, 50%, 1);
    padding: 2% 4%;
    margin-top: 0;
    margin-bottom: 0;
}
.bukkenshousai-p {
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: hsla(208, 70%, 30%, 1);
    color: white;
}

/*　内部リンク　*/
.in-link .h3 {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 3;
    width: 92%;
    margin: auto;
    padding-left: 10px;
    margin-top: -9px;
    margin-bottom: 8px;
    background-color: whitesmoke;
    border-left: solid 60px gainsboro;
}
.in-link .h4 {
    line-height: 2;
    width: 92%;
    margin: auto;
    border-bottom: solid 1px gainsboro;
    margin-bottom: 8px;
}
.in-link ul {
 width: 92%;
     margin: auto;
 }
.in-link li {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: solid 1px gainsboro;
}
.in-link a {
display: flex;
}
.in-link-photo {
width: 15vmin;
height: 15vmin;
}
.in-link img {
    width: 100%;
    height: 100%;
border-radius: 4px;
}
.in-link-text {
    width: 75vmin;
    padding-left: 3%;
}
.in-link p {
font-size: 1.4rem;
    text-align: left;
}

/*　一覧リスト　*/

.shityouson td {
    border-bottom: solid 2px silver;/*　スマホの時は区切りを太く　*/
}

/*　目次　*/
.mokuji {
    border: 1px solid #E5E5E5;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.3rem;
    display: grid;
    grid-template-columns: 10% 90%;
    line-height: 2;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.mokuji p {
        line-height: 1;
    margin: 0;
    margin-bottom: 8px;
    padding-bottom: 5px;
    align-self: center;
    justify-self: center;
}
.mokuji ul {
	list-style: none;
	margin: 0;
}
.mokuji li {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 10px 9px;
}
.mokuji li:before {
    content: '●';
}
li.mokuji-whats-rentaloffice:before {
    color:lightgray;
}
li.mokuji-pickup:before {
    color:orange;
}
li.mokuji-list:before {
    color:seagreen;
}
li.mokuji-shousai:before {
    color:dodgerblue;
}
.mokuji a {
}

/*　物件一覧　*/

.bukkenlist {
	margin-top: 10px;
}

.bukken {
	padding: 0% 4% 6% 4%;
}
.bukkenlist h3 {
	font-size: 2.4rem;
    line-height: 1.5;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: solid 7px orange;
}
.bukkenlist h4 {
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 10px;
        padding-left: 1%;
    padding-right: 1%;
}
.bukken a {
}
.bukken p {
}
img.thumbnail {
    /* object-fit: cover; */
    /* display: inline-block; */
}
.bukken-name {
	width: 260px;
    display: inline-block;
    vertical-align: middle;
	text-decoration: underline;
	letter-spacing: normal; /* 文字間を元に戻す */
}
.bukken .type {
      vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
    padding-left: 0;
    display: flex;
}
.bukken .type img {
    width: 10%;
    height: 25px;
    /* height: 24px; */
    /* align-self: flex-start; */
    /* flex-grow: 1; */
    /* border-radius: 5px; */
    /* margin-right: 2px;*/
}
.bukkenlist li {
}
.bukken-img {
}
.bukken-img ul {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bukken-img li {
	width: 100%;
}
.bukken-img img {
	width: 100%;
    object-fit: cover;
}
.bukken-img p {
	padding-left: 9px;
    padding-right: 5px;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.bukken-comment {
    font-weight: normal;
    line-height: 1.8;
    padding: 10px;
    padding-top: 0;
}
.bukken-comment-box {
    margin-top: 10px;
    margin-bottom: 15px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0;
    padding-bottom: 0;
}
.bukken-photo {
    width: 100%;
    margin-bottom: 10px;
}
.bukken-comment-box h5 {
font-size: 1.6rem;
    margin-top: 10px;
    font-weight: bold;
}
.bukken-comment-box p {
    margin-bottom: 10px;
    font-size: 1.4rem;
    text-align: justify;
}
.bukken-price {
    padding: 0 0 0 0;
    margin: 7px 0 10px 0;
    padding-left: 37px;
    text-indent: -37px;
    font-size: 1.4rem;
}
.bukken-address {
    padding: 0 0 0 0;
    margin: 7px 0 10px 0;
    padding-left: 37px;
    text-indent: -37px;
    font-size: 1.4rem;
}
.bukken-access {
    padding: 0 0 0 0;
    margin: 7px 0 10px 0;
    padding-left: 37px;
    text-indent: -37px;
    font-size: 1.4rem;
}
.bukken-price span {
    background-color: gainsboro;
    padding: 4px 3px 4px 3px;
    margin-right: 3px;
    border-radius: 5px;
}
.bukken-address span {
    background-color: gainsboro;
    padding: 4px 3px 4px 3px;
    margin-right: 3px;
    border-radius: 5px;
}
.bukken-access span {
    background-color: gainsboro;
    padding: 4px 3px 4px 3px;
    margin-right: 3px;
    border-radius: 5px;
}
.buttons {
	text-align: center;
  margin-top: 15px;
}
.button-tel {
    margin-bottom: 10px;
}
.button-web {
}
.button-tel a {
    border: solid 1px #337ab7;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	font-size: 2.2rem;
}
.button-tel span {
	display: none;
}
.button-web a {
  font-size: 1.8rem;
	border: solid 1px dodgerblue;
  background-color: dodgerblue;
  border-bottom: 5px solid #2785d9;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  color: white;
  border-radius: 5px;
  padding: 10px;
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.button-web a:hover {
  color: white;
}
.button-web a:visited {
  color: white;
}
.button-web span {
	display: none;
}
.button-tel a:before {
	content: "\0260E";
}
.button-tel a:hover {
}
.button-web a:hover {
}


/*　物件一覧（コンパクト）　*/

.bukkenlist-compact {
}
.bukkenlist-compact ul {
	margin-top: -15px;
}
.bukkenlist-compact li {
	list-style: none;
    border-bottom: solid 1px lightsteelblue;
	padding-top: 10px;
    padding-bottom: 10px;
}
.bukkenlist-compact a {
}
.bukkenlist-compact img.thumbnail {
	vertical-align: top;
}
.bukkenlist-compact h2 {
}
.bukkenlist-compact h3 {
	letter-spacing: -.4em;
	margin-top: 0;
    margin-bottom: 0;
}
.bukkenlist-compact p {
}
.bukkenlist-compact span {
    width: 280px;
    padding-left: 10px;
    font-size: 1.8rem;
    line-height: 1.4;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: normal;
	font-weight: normal;
}



/*　いろいろ　*/

#anshin-toiawase {
    background-color: hsla(0, 0%, 93%, 1);
    padding: 0 4% 4% 4%;
}

#anshin-toiawase p {
    font-size: 1.4rem;
    line-height: 1.3;
    border-radius: 5px;
    text-align: center;
    padding: 2% 5% 2% 5%;
    background-color: white;
}

.anshin {
    margin-bottom: 3%;
    color: brown;
    background-color: #fff7d8;
}

.toiawase {
    color: #FF3300;
    background-color: linen;
}

.bukken .toiawase { /* 物件ページの「お問い合わせの時は〜」 */
}

.LabelF {
	font-size: 1.3rem;
	line-height: 2;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 8px;
	background-color: white;
	background-color: whitesmoke;
  border-bottom: solid 1px #e5e5e5;
}

/* エリアガイドなど */

.areaguide {
}
.areaguide h2 {
    padding: 4% 5%;
    margin-bottom: 3%;
    font-size: 2rem;
    background-color: whitesmoke;
    /* background-color: hsl(120deg 28.19% 82.43%); */
    /* color: white; */
    /* color: darkgreen; */

}
.areaguide h3 {
	margin-bottom: 10px;
    margin: 0;
    font-size: 1.6rem;
    border-left: solid 7px orange;
    padding-left: 7px;
    margin-bottom: 5px;
}
.areaguide .h3 {
	margin-bottom: 10px;
    margin: 0;
    font-size: 1.6rem;
    border-left: solid 7px orange;
    padding-left: 7px;
    margin-bottom: 5px;
}

.areaguide h4 {
	margin-bottom: 10px;
    margin: 0;
}
.areaguide p {
	font-size: 1.4rem;
  line-height: 1.8;
  width: 90%;
  text-align: justify;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 10px;
}
.guide-p {
    font-size: 1.4rem;
}
.areafulltext {
    width: 95%;
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
}
.areafulltext-h3 {
    text-align: center !important;
    padding-top: 7px;
    padding-bottom: 6px;
    width: 100% !important;
}
.areafulltext-h4 {
    border-top: solid 2px gray;
    border-bottom: dotted 1px gray;
    margin-bottom: 6px;

}
.areafulltext-h4:first-child {
    margin-top: -7px;
}
.areafulltext ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
}
.areafulltext ul ul {
}
.areafulltext li {
    width: 20%;
    padding-top: 7px;
    padding-bottom: 6px;
}
.areafulltext li.li-w {
    width: 40%;
}


/* 物件詳細ページ */

#bukken-point {
}
#bukken-point h2 {
}

#bukken-point h3 {
	font-size: 2rem;
    line-height: 1.5;
	padding: 7px 0 7px 8px;
    margin-top: 30px;
    margin-bottom: 18px;
    border-bottom: solid 2px lightsteelblue;
    background-color: aliceblue;
}
#bukken-point h4 {
	font-size: 1.8rem;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 6px;
    border-left: solid 8px lightblue;
}
#bukken-point h5 {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    font-size: 1.8rem;
}
#bukken-point p {
	font-size: 1.5rem;
	margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
}
#bukken-point img {
	width: 100%;
}

.official-button {
    font-size: 1.8rem;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: lightblue;
    text-align: center;
    width: 75%;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
.official-button a {
}


.uppercopy {
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0px;
	background-color: #339933;
	padding-top: 5px;
	padding-left: 5px;
	color: white;
    text-align: center;
}
.titleBACK img {
	width: 80%;
}

/* imgの下に出来る隙間を消す。初期設定のbaseline以外ならOK */
img {
	vertical-align: middle;
}

/*　マウスオーバー　*/
#container a:hover {  /* バナー広告部分 */
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.bukkenlist-old a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.bukkenlist a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/*　クリックした後　*/
#container a:hover {  /* バナー広告部分 */
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}
.bukkenlist-old a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}
.bukkenlist a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}



/*　フッター　*/
footer {
clear: both;
	font-size: 1.3rem;
	line-height: 2;
    text-align: center;
    border-top: 1px solid gray;
    padding-top: 7px;
	background-color: white;
	padding-left: 5px;
    padding-right: 5px;
	margin-top: 5px;
}



/*　コンテンツの幅を相対値にする（モバイル対応）　*/
.main {
	width: 100%;
    margin-top: 7px;
}
.center {
	width: 60.2%;
	padding-left: 1.8%;
    padding-right: 1.8%;
	text-align: center;
    vertical-align: top;
}
.left {
	width: 19.9%;
	text-align: center;
    vertical-align: top;
}
.right {
	width: 19.9%;
	text-align: center;
    vertical-align: top;
}





/*　ニュース＆キャンペーン　*/
.newsBOX {
	border-bottom: 1px dotted #999999;
	text-align: left;
	padding-top: 7px;
	padding-left: 7px;
    background-color: white;
}
.newsBOX img {
    float: left;
	width: 21.2%;
}
.newsBOX h3 {
	margin: 0;
	font-size: 1.4rem;
}
.newsBOX .text {
	font-size: 1.3rem;
	padding-top: 1px;
	padding-bottom: 4px;
	margin: 0;
}
.newsBOX_textBOX {
	padding-left: 23%;
}

.newsBOX_n {
  display: flex;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px gainsboro;
}
.newsBOX_n a {
}
.newsBOX_n img {
	width: 30%;
    margin-right: 3%;
	float: left;
    border-radius: 0.5rem;
        min-height: 75px;
}
.newsBOX_n h3 {
    font-size: 1.6rem;
}
.newsBOX_n p {
	font-size: 1.3rem;
	color: dimgray;
}





/*  トップページ横「東京の市区町村」 */
.tokyo-shiku {
}
.tokyo-shiku span {/*  改行しない */
	display: inline-block;
	white-space: nowrap;
    text-decoration: underline;/*  なぜかリンクのアンダーラインが消えてしまうので */
}
.tokyo-shiku h2 {
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: white;
	background-color: #339933;
	margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tokyo-shiku ul {
	text-align: center;
	line-height: 1.2;
	color: #666666;
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
    padding-right: 7px;
}
.tokyo-shiku li {
    list-style-type: none;
    padding-top: 7px;
    padding-bottom: 7px;
}
.tokyo-shiku h3 {
	font-size: 1.4rem;
	font-weight:normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
    background-color: hsla(80, 60%, 75%, 1);
}
.tokyo-shiku h4 {
	font-size: 1.4rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*  トップページ左側「東京の人気エリア」 */
.tokyo-ninki {
}
.tokyo-ninki h2 {
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	color: white;
	background-color: #339933;
	margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tokyo-ninki ul {
	text-align: center;
	line-height: 1.2;
	color: #666666;
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 7px;
    padding-right: 7px;
}
.tokyo-ninki li {
    list-style-type: none;
    padding-bottom: 12px;
}
.tokyo-ninki h3 {
	font-size: 1.4rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*　ニュース＆キャンペーン　*/

#news-campaign {
        order: 3;
    }
    
/*　新規オープン　*/
#newopen {
order: 4;
width: 100%;
}
#newopen h2 {
font-size: 1.8rem;
    line-height: 1.3;
	font-weight: normal;
	text-align: center;
	color: white;
	background-color: #339933;
	margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#newopen ul {
	text-align: center;
	line-height: 1.4;
	color: #666666;
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 5px;
    padding-right: 5px;
}
#newopen li {
    list-style-type: none;
    padding-bottom: 5px;
}
#newopen h3 {
	font-size: 1.3rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#newopen p {
	font-size: 1.3rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 5px;
}

/*　海外のオフィス　*/
#oversea {
order: 9;
width: 100%;
}
#oversea h2 {
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	color: white;
	background-color: #339933;
	margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#oversea ul {
	text-align: center;
	line-height: 1.4;
	color: #666666;
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
    padding-right: 7px;
}
#oversea li {
    list-style-type: none;
    padding-bottom: 5px;
}
#oversea h3 {
	font-size: 1.4rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#oversea p {
	font-size: 1.3rem;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 5px;
}





/*　h1の上に置く場合、下線を引かない）　*/
.h1upper p {
	border-bottom: 0;
}

div.h1upper {
    background-color: #339933;
}

.navisub-title {
	color: dimgray;
	margin-right: 8px;
}
.navisub-pop-title {
	color: coral;
}




/* 「近隣の人気エリア」に区切り線を表示 */

.neighborhood a:after {
    content: "|";
    color: darkkhaki;
	text-decoration: none;
	display: inline-block; /* 擬似要素の下線を消すために必要 */
	margin-left: 4px;
    margin-right: 0px;
	font-weight: normal;
}
.neighborhood a:last-child:after { /* 最後のエリアは区切り線いらない */
    content: none;
}


/*　サイト間の横移動　*/
.crosslinkbar {
	font-size: 1.3rem;
	line-height: 1.3;
	width: 100%;
	margin-bottom: 0px;
}
.crosslinkbar span {
}
.crosslinkbar span a {
	padding: 3px 0px 3px 0px;
	display: inline-block;
    width: 19%;
    white-space: normal;
    text-align: center;
}
.crosslinkbarA {
	background-color: #339933;
	border-radius: 3px 3px 0 0;
	text-decoration: none;
}
.crosslinkbarB {
	background-color: yellowgreen;
	border-radius: 3px 3px 0 0;
}
.crosslinkbarC {
	background-color: darkTurquoise;
	border-radius: 3px 3px 0 0;
}
.crosslinkbarD {
	background-color: hotPink;
	border-radius: 3px 3px 0 0;
}
.crosslinkbarE {
	background-color: chocolate;
	border-radius: 3px 3px 0 0;
}
.crosslinkbar a:link {
	color: #FFFFFF;
}
.crosslinkbar a:visited {
	color: #FFFFFF;
}
.crosslinkbar a:hover {
	color: #FFFFFF;
}

/*　ページの下の方の説明文　*/
.areatext p {
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.5;
	background-color: whitesmoke;
	margin-bottom: 4px;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
    padding-right: 15px;
}

/*　サイト内移動のタブ　*/


.tubmargin {
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 24px;
	white-space: nowrap;
	border-bottom: 1px solid #999999;
}
.tubHome {
	background-image: url(images/tub/03.gif);
	height: 25px;
	text-align: center;
	margin: 0px;
	width: 100px;
	vertical-align: middle;
	display: inline-block;
}
.tubHomeC {
	background-image: url(images/tub/02.gif);
	height: 25px;
	text-align: center;
	margin: 0px;
	width: 100px;
	vertical-align: middle;
	display: inline-block;
}
.tubHomeOpen {
	background-image: url(images/tub/01.gif);
	text-align: center;
	height: 25px;
	width: 100px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.tubAreaOpen {
	height: 25px;
	text-align: center;
	background-image: url(images/tub/10.gif);
	background-position: right 0px;
	margin: 0px;
	vertical-align: middle;
	padding-left: 5px;
    padding-right: 37px;
	display: inline-block;
}
.tubAreaC {
	background-image: url(images/tub/05.gif);
    background-position: -20px;
	width: 80px;
	height: 25px;
	text-align: left;
	margin: 0px;
	vertical-align: middle;
	padding: 0px;
	display: inline-block;
}
.tubAreaCC {
	background-image:  url(images/tub/06.gif);
	width: 100px;
	height: 25px;
	text-align: left;
	margin: 0px;
	vertical-align: middle;
	padding: 0px;
	display: inline-block;
}
.navisubTodouhuken {
	color: #666666;
	text-align: left;
	padding-left: 20px;
	display: inline-block;
    height: 21px;
}



/*　？？？　*/
.pagetitleB {
	font-size: 1.4rem;
	font-weight: bold;
	color: #462C15;
	text-align: center;
	line-height: 2.2;
	background-color: #FF9933;
	margin-top: 5px;
	margin-bottom: 0px;
}

/*　一覧リスト　*/

.shityouson {
	width: 100%;
}
.shityouson td {
    border-bottom: solid 1px silver; /*　基本デザイン（PC）　*/
    padding-top: 7px; /*　基本デザイン＝画面サイズが851pxより大きい場合（PC）　*/
    padding-bottom: 7px; /*　基本デザイン＝画面サイズが851pxより大きい場合（PC）　*/
    vertical-align: middle;
}
.shityouson a:nth-child(1) { /*　サムネと物件名の間の罫線を消す　*/
	text-decoration: none;
}
.shityouson tr:last-child td {
    border-bottom: solid 1px white; /*　最後の罫線を消す　*/
}

.shityouson div {
	float: right;
}

.nodata {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333333;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}
.bypath {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 3px orange;
    background-color: white;
}

/*　アドセンス　*/
.adsense {
	margin: 0px 0px 0px 0px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*　改行しない。試してみて上手くいくやつを使う　*/
.nowrap {
	display: inline-block;
	white-space: nowrap;
}
.nowrap-chiyodaku {
    display: inline-block;
    white-space: nowrap;
}
.keep {
	word-break: keep-all;
}

/*　東京ページ（tokyo.htm）のタブ　*/
.tub {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	font-size: 1.6rem;
}
.tub_a {
	padding: 10px 10px;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	background-color: whitesmoke;
	text-align: center;
	width: 305px;
}
.tub_a_on {
	padding: 10px 10px;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-right:1px solid silver;
	text-align: center;
	font-weight: bold;
	width: 305px;
}
.tub_b {
	border-bottom:1px solid silver;
	width: 100px;
}
.tub_c {
	border-bottom:1px solid silver;
	width: 20px;
	text-align: center;
}
.areaAll {
	text-align: center;
	margin-top: 10px;
	font-size: 1.6rem;
}
.areaAll .on {
	font-weight: bold;
	text-decoration: none;
	padding: 7px;
	border-radius: 5px;
	background-color: darkorange;
	color: white;
}
.areaAll a {
	white-space: nowrap;
	margin-left: 10px;
	margin-right: 10px;
}



/*　住所から探す　*/
.address h2 {
	font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    color: white;
    background-color: #339933;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 5px;
}

/*　グローバルメニュー。　トップページ（東京）-大阪-全国　*/
div.globalmenu {
	color: black;
	background-color: white;
}
div.globalmenu ul {
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.globalmenu li {
    background-color: white;
}
div.globalmenu a {
    display: block;
    padding: 5px 24px 4px 24px;
    font-size: 1.2rem;
}
a#tokyo:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 24px;
    background: url(images/icon/tokyo.gif) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: -3px 3px 0px 0px;
}
a.zenkoku:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 23px;
    background: url(images/icon/japan.gif) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 3px 3px 0px 0px;
}
div.globalmenu li a:hover {
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}




.sp_none { display: none; }



.globalmenu_top .navisub-pop {
    margin-top: -22px;
}
.globalmenu_top div.globalmenu ul {
    justify-content: left;
}
div.globalmenu a {
    padding: 5px 18px 4px 14px;
}



/*　ガイド　*/

.guide {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    padding-bottom: 15px;
}
.guide h2 {
    font-size: 1.8rem;
}
.guide h3 {
    font-size: 1.8rem;
    line-height: 2;
    background-color: whitesmoke;
    border-left: solid 7px green;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.guide h4 {
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 10px;
    margin-bottom: 0px;
}




.inner-link {
}
.inner-link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.inner-link li {
    text-align: left;
	margin-left: 10px;
    margin-right: 10px;
    width: auto;
}

/*　自己紹介　*/
.self {
width: 92%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    padding-bottom: 15px;
}

/*　路線　*/
.station-line {
	font-size: 1.4rem;
}
.station-line h2 {
    font-size: 1.8rem;
    font-weight: normal;
    text-align: center;
    background-color: green;
    color: white;
    line-height: 1.5;
    padding: 10px;
}
.station-line ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 0;
    line-height: 2.8;
}
.station-line li {
	    list-style: none;
			    width: 33%;
    margin-right: 0;
}
.station-line a {
}
.station-line img {
	    width: 22px;
    margin-right: 3px;
}



.font-size-sp12px-pc13px li {
font-size: 1.2rem;
}




 .order-7 {
	 display: none;
}
 .order-8 {
	 display: none;
}
 .order-11 {
	 display: none;
}
 .order-12 {
	 display: none;
}
 .order-13 {
	 display: none;
}
 .order-14 {
	 display: none;
}
 .order-15 {
	 display: none;
}
 .order-16 {
	 display: none;
}
 .order-17 {
	 display: none;
}
 .order-18 {
	 display: none;
}
 .order-21 {
	 display: none;
}
 .order-25 {
	 display: none;
}
 .order-28 {
	 display: none;
}
 .order-73 {
	 display: none;
}
 .order-74 {
	 display: none;
}

br.sp { display: inline; }/*　<br class="sp">　スマホだけ改行する　*/
br.pc { display: contents; }/*　<br class="pc">　パソコンだけ改行　*/

li.pc { display: none; }/*　<li class="sp">　パソコンだけ表示する　*/

/* -------------------------------------------------------------------------------------- */
/* ↑モバイルファースト。シンプルにタテに並べる。*/
/* -------------------------------------------------------------------------------------- */
/* ↓パソコン用。画面サイズ〇〇pxで切り替え。「@media only screen and (max-width: 〇〇px) { }」  */ 
/* -------------------------------------------------------------------------------------- */


@media print, screen and (min-width: 1024px) {/*　パソコン・タブレット＝sm,md,lg(960px以上)　*/


br.sp { display: contents; }/*　<br class="sp">　*/
br.pc { display: inline; }/*　<br class="pc">　*/

li.pc { display: inline; }/*　<li class="sp">　パソコンだけ表示する　*/

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h3.shisetsu a {
text-decoration: underline;
}

div#breadcrumbs li:last-child a {
text-decoration: none;
font-weight: normal;
}

h2 {
position: static;
}

h2.pickup {
}

.li-100 {
  width: 100% !important;
}
.li-50 {
  width: 25% !important;
}
.li-33 {
  width: 15% !important;
}
.li-25 {
  width: 25% !important;
}
.li-20 {
  width: 20% !important;
}
.li-16 {
  width: 16.6% !important;
}

.li-10-pc {
    width: 10% !important;
}
.li-12-pc {
    width: 12.5% !important;
}
.li-16-pc {
    width: 16.6% !important;
}
.li-20-pc {
    width: 20% !important;
}
.li-25-pc {
    width: 25% !important;
}
.li-33-pc {
    width: 33.3% !important;
}
.li-50-pc {
    width: 50% !important;
}


 .order-1 {
	 order: 1; /*　初期値0　*/
}
 .order-2 {
	 order: 2; /*　初期値0　*/
}
 .order-3 {
	 order: 3; /*　初期値0　*/
}
 .order-4 {
	 order: 4; /*　初期値0　*/
}
 .order-5 {
	 order: 5; /*　初期値0　*/
}
 .order-6 {
	 order: 6; /*　初期値0　*/
}
 .order-7 {
	 order: 7; /*　初期値0　*/
}
 .order-8 {
	 order: 8; /*　初期値0　*/
}
 .order-9 {
	 order: 9; /*　初期値0　*/
}
 .order-10 {
	 order: 10; /*　初期値0　*/
}
 .order-11 {
	 order: 11; /*　初期値0　*/
}
 .order-12 {
	 order: 12; /*　初期値0　*/
}
 .order-13 {
	 order: 13; /*　初期値0　*/
}
 .order-14 {
	 order: 14; /*　初期値0　*/
}
 .order-15 {
	 order: 15; /*　初期値0　*/
}
 .order-16 {
	 order: 16; /*　初期値0　*/
}
 .order-17 {
	 order: 17; /*　初期値0　*/
}
 .order-18 {
	 order: 18; /*　初期値0　*/
}
 .order-19 {
	 order: 19; /*　初期値0　*/
}
 .order-20 {
	 order: 20; /*　初期値0　*/
}
 .order-21 {
	 order: 21; /*　初期値0　*/
}
 .order-22 {
	 order: 22; /*　初期値0　*/
}
 .order-23 {
	 order: 23; /*　初期値0　*/
}
 .order-24 {
	 order: 24; /*　初期値0　*/
}
 .order-25 {
	 order: 25; /*　初期値0　*/
}
 .order-26 {
	 order: 26; /*　初期値0　*/
}
 .order-27 {
	 order: 27; /*　初期値0　*/
}
 .order-28 {
	 order: 28; /*　初期値0　*/
}
 .order-29 {
	 order: 29; /*　初期値0　*/
}
 .order-30 {
	 order: 30; /*　初期値0　*/
}
 .order-31 {
	 order: 31; /*　初期値0　*/
}
 .order-32 {
	 order: 32; /*　初期値0　*/
}
 .order-33 {
	 order: 33; /*　初期値0　*/
}
 .order-34 {
	 order: 34; /*　初期値0　*/
}
 .order-35 {
	 order: 35; /*　初期値0　*/
}
 .order-36 {
	 order: 36; /*　初期値0　*/
}
 .order-37 {
	 order: 37; /*　初期値0　*/
}
 .order-38 {
	 order: 38; /*　初期値0　*/
}
 .order-39 {
	 order: 39; /*　初期値0　*/
}
 .order-40 {
	 order: 40; /*　初期値0　*/
}
 .order-41 {
	 order: 41; /*　初期値0　*/
}
 .order-42 {
	 order: 42; /*　初期値0　*/
}
 .order-43 {
	 order: 43; /*　初期値0　*/
}
 .order-44 {
	 order: 44; /*　初期値0　*/
}
 .order-45 {
	 order: 45; /*　初期値0　*/
}
 .order-46 {
	 order: 46; /*　初期値0　*/
}
 .order-47 {
	 order: 47; /*　初期値0　*/
}
 .order-48 {
	 order: 48; /*　初期値0　*/
}
 .order-49 {
	 order: 49; /*　初期値0　*/
}
 .order-50 {
	 order: 50; /*　初期値0　*/
}
 .order-51 {
	 order: 51; /*　初期値0　*/
}
 .order-52 {
	 order: 52; /*　初期値0　*/
}
 .order-53 {
	 order: 53; /*　初期値0　*/
}
 .order-54 {
	 order: 54; /*　初期値0　*/
}
 .order-55 {
	 order: 55; /*　初期値0　*/
}
 .order-56 {
	 order: 56; /*　初期値0　*/
}
 .order-57 {
	 order: 57; /*　初期値0　*/
}
 .order-58 {
	 order: 58; /*　初期値0　*/
}
 .order-59 {
	 order: 59; /*　初期値0　*/
}
 .order-60 {
	 order: 60; /*　初期値0　*/
}
 .order-61 {
	 order: 61; /*　初期値0　*/
}
 .order-62 {
	 order: 62; /*　初期値0　*/
}
 .order-63 {
	 order: 63; /*　初期値0　*/
}
 .order-64 {
	 order: 64; /*　初期値0　*/
}
 .order-65 {
	 order: 65; /*　初期値0　*/
}
 .order-66 {
	 order: 66; /*　初期値0　*/
}
 .order-67 {
	 order: 67; /*　初期値0　*/
}
 .order-68 {
	 order: 68; /*　初期値0　*/
}
 .order-69 {
	 order: 69; /*　初期値0　*/
}
 .order-70 {
	 order: 70; /*　初期値0　*/
}
 .order-71 {
	 order: 71; /*　初期値0　*/
}
 .order-72 {
	 order: 72; /*　初期値0　*/
}
 .order-73 {
	 order: 73; /*　初期値0　*/
}
 .order-74 {
	 order: 74; /*　初期値0　*/
}
 .order-75 {
	 order: 75; /*　初期値0　*/
}
 .order-76 {
	 order: 76; /*　初期値0　*/
}
 .order-77 {
	 order: 77; /*　初期値0　*/
}
 .order-78 {
	 order: 78; /*　初期値0　*/
}
 .order-79 {
	 order: 79; /*　初期値0　*/
}
 .order-80 {
	 order: 80; /*　初期値0　*/
}


body {
    width: 94vw;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

/*　ヘッダー　*/
header {
}

.titleBACK {
}

.site-desc {
    font-size: 1.2rem;
	line-height: 1.2;
    padding: 5px;
    padding-bottom: 0;
}



/*　パンくず　*/

div#breadcrumbs {
    font-size: 1.4rem;
    padding-top: 7px;
    padding-bottom: 7px;
}

.display-flex {
    justify-content: space-between;
    flex-direction: row;
        flex-wrap: wrap;
}

.navisub-pop-title {
}

/*　横移動　*/

.navisub-pop {
		    width: 100%;
        font-size: 1.4rem;
}
.navisub-pop ul {
	justify-content: space-around;
}
.navisub-pop li {
    min-width: 8.333%;
    flex-basis: 8.333%;
}
.navisub-pop a.sp-kugiri-off:after { /* スマホの時に改行するエリアには「class="sp-kugiri-off"」を書いておく */
    content: inline;
}
.navisub-pop-area {
		    width: 100%;
}
.navisub-pop-area ul {
}
.navisub-pop-area li {
    min-width: 11% !important;
    flex-basis: 11% !important;
}

/*　ページタイトル　*/

.titleBACK img {
    width: 42%;
}

.pagetitletokyo {
font-size: 2.5rem;
  text-align: center;
}
.pagetitletokyo:first-line {/*　1行目　*/
}

.pagetitletokyo-h2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	color:black;
	background-color:white;
	border:none;
	font-weight: bold;
}
time {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 10px;
}
.pagetitletokyo-h3 {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 12px;
  margin-bottom: 0px;
  text-align: justify;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.pagetitletokyo-p {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: justify;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

/*　エリアインデックス　*/
.searchtitle {
}
.areaindex_box {
	display: flex;
    justify-content: space-between;
    font-size: 2rem;
}
.areaindex_box-child {
	width: 49.5%;
}
.areaindex {
	width: 100%;
}
.areaindex h3:last-of-type {
	border: none;
}
.areaindex_pop {
  font-size: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.w-100 {
	width: 100%;
}


.map-tokyo {
    width: 49.5%;
}
.map-tokyo ul {
}
.map-tokyo-area {
    width: 49.5%;
}
.map-tokyo-ku {
    width: 49.5%;
}

.map-yokohama {
    width: 49.5%;
}
.map-yokohama ul {
}
.map-yokohama-area {
    width: 49.5%;
}

.map-osaka {
    width: 49.5%;
}
.map-osaka ul {
}
.map-osaka-area {
    width: 49.5%;
}



.areaindex_pop li {
}
.areaindex_pop li.li-t {
    min-width: 16.5%;
    flex-basis: 16.5%;
}
.areaindex_pop li.li-q {
    min-width: 22%;
    flex-basis: 22%;
}
.areaindex_pop .li-3 li {
    min-width: 11%;
    flex-basis: 11%;
}



.map-zenkoku li {
    width: 10%;
    display: block;/* 全国メニューの空白のliを、スマホの時はdisplay:noneで消してるので、パソコン時はdisplay: blockで表示する */
}
.map-area li {
    width: 8.3%;
}
.map-area .li-w {
    width: 16.6%;
}
.map-area .li-50 {
width: 20%;
}
.map-area .li-66 {
width: 20%;
}



.areaindex ul {
}
.areaindex_conpact h3 {
    width: 14%;
}
.areaindex_conpact ul {
	justify-content: left;
    padding-top: 3px;
    padding-bottom: 2px;
	width: 86%;
}
.areaindex_conpact li.li-w {
	width: 16.6%;
}
.areaindex-h3 {
    width: 50%;
    font-size: 1.4rem;
}
.areaindex_box .areaindex-h3 {
    width: 70%;
}

.order4 .areaindex {
    border-top: none;
    margin-top: 10px;
}

.areaindex li {
    width: 10%;
}
.areaindex li.li-w {
    width: 10%;
    min-width: 10%;
}


.areaindex_conpact li {
    width: 16.6%;
    font-size: 1.4rem;
}
.areaindex_conpact li.li-w {
    width: 33.3%;
}



.areaindex_pop div.areaindex li {
    /* width: 11%; */
}
.areaindex ul:last-child {
	border: none;
}

.areaindex a {
}
.areaindex h4 {
}

/*　エリアインデックス（全国人気都市）　*/

.map-zenkoku {
    width: 49.5%;
}

.w20 li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
}
.w25 li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
}
.w33 li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
	width:16.6%;
}
.w14-pc li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
	width:14%;
}



/*　レイアウト　*/
#flex {
    justify-content: space-between;
}
#main {
    width: calc(75% - 15px);
    display: block;
}
#side {
    width: calc(25% - 21px);
    display: block;
}
#pickup {
}
#list {
}
#shousai {
}
#guide {
}
#except-link {
}
#matome {
}



#news-campaign {
}
#newopen {
}
#oversea {
}


/*　内部リンク　*/

.in-link {
}
.in-link .h3 {
width: 100%;
border-left: solid 47px gainsboro;
}
.in-link .h4 {
width: 100%;
}
.in-link ul {
width: 100%;
 }
.in-link li {
}
.in-link a {
}
.in-link-photo {
height: auto;
}
.in-link img {
}
.in-link-text {
}
.in-link p {
font-size: 1.3rem;
}






/*　目次　*/

.mokuji {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 50px 570px;
    font-size: 1.4rem;
}
.mokuji p {
grid-column: 1 / 2;
    align-self: center;
    justify-self: center;
}
.mokuji ul {
grid-column: 2 / 3;
    align-self: center;
}
.mokuji li {
}
.mokuji a {
}

/*　物件リスト　*/
.bukkenlist-h {
}



/*　いろいろ　*/


.whats-rentaloffice {
    width: 100%;
    padding: 7px 0px 5px 0px;
}
.whats-rentaloffice h3 {
    font-size: 1.5rem;
}
.whats-rentaloffice .display-flex div {
  width: 50%;
  padding-left: 20px;
    padding-right: 20px;
}
.whats-rentaloffice .display-flex div:nth-child(n+2) {
    padding-left: 50px;
}
.whats-rentaloffice .display-flex div h2 {
    text-align: left;
        font-size: 1.8rem;
        padding: 0px;
}

#anshin-toiawase {
    background-color: white;
    padding: 2% 2% 2% 2%;
}

#anshin-toiawase p {
    padding: 1% 1% 1% 1%;
    background-color: whitesmoke;
}

.anshin {
    margin-bottom: 1%;
}

.toiawase {
}

.LabelF {
    font-size: 1.5rem;
}









.bukkenlist {
	padding: 10px 0px 10px 0px;
}
.bukkenlist h2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
}
.bukken {
    padding: 20px;
    padding-top: 0;
    margin-bottom: 50px;
}
.bukkenlist h3 {
	margin-left:0;
	margin-right:0;
	padding-left: 10px;
    position: static;
}
.bukkenlist h3:hover {

}
.bukkenlist h4 {
    font-size: 2rem;
}

.bukken a {
}
img.thumbnail {
	margin-right: 5px;
	border-radius: 5px;
	width: 75px;
	    height: 75px;
    object-fit: cover;
}
.bukken-name {
	font-size: 2.2rem;
	display: inline;
}
.type {
	margin: 10px 0 10px 0;
}
.type img {
    width: 10%px;
    height: 30px;
}
.bukken-img {
}
.bukken-img ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bukken-img ul:before {
    content:"";
    display: block;
    width:24%;
    order:1;
}
.bukken-img ul:after {
    content:"";
    display: block;
    width:24%;
}
.bukken-img li {
    display: inline-block;
	vertical-align: top;
    width: 24%;
}
.bukken-img img {
    margin-bottom: 0px;
    object-fit: cover;
    width: 100%;
    height: 192px;
}
.bukken-img p {
	font-size: 1.4rem;
}
.bukken-comment {
}
.bukken .type {
    width: 60%;
    display: flex;
    justify-content: space-between;
}
.bukken .type img {
border-radius: 10%;
    width: 9%;
    height: 30px;
}
.bukken-price {
	margin: 15px 0 0 0;
}
.bukken-address {
	margin: 15px 0 0 0;
}
.bukken-access {
	margin: 15px 0 15px 0;
}
.bukken-price span {
}
.bukken-address span {
}
.bukken-access span {
}
.buttons {
    margin-bottom: 10px;
}
.button-tel a:before {
}
.button-web a:hover {
    color: white;
}


/*　物件一覧（コンパクト・詳細ページの横移動など）　*/

.bukkenlist-compact {
}
.bukkenlist-compact ul {
}
.bukkenlist-compact li {
}
.bukkenlist-compact a {
}
.bukkenlist-compact img.thumbnail {
	width: 10%;
}
.bukkenlist-compact h2 {
}
.bukkenlist-compact h3 {
}
.bukkenlist-compact p {
}
.bukkenlist-compact span {
    text-decoration: underline;
	width: 90%;
}


/*　幅を調節する。他より後に書く　*/

ul.w33 li { /* classやid名は必ずアルファベットから始める。数字から始めてはいけない */
	width: 10%;		/* 10%に戻す←日本橋の住所や、福岡のエリア名など、長くて収まりきらない場合に使う */
}





/* 物件詳細ページ */

#bukken-point {
}
#bukken-point h2 {
}
#bukken-point h3 {
	margin-top: 30px;
}
#bukken-point h2 + h3 { /*　隣接セレクタ。「ある要素の次に来る兄弟要素」を指定できる。これは「h2要素の次に来るh3」　*/
	margin-top: 15px;
}
#bukken-point h4 {
}
#bukken-point p {
}
#bukken-point img {
	width: 50%;
	margin-bottom: 10px;
}


/*　ニュース＆キャンペーン　*/
.newsBOX {
}
.newsBOX img {
}
.newsBOX h3 {
}
.newsBOX .text {
}
.newsBOX_textBOX {
}

.newsBOX_n {
  width: 100%;
  padding: 0;
  margin-right: 20px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px gainsboro;
}
.newsBOX_n a {
}
.newsBOX_n img {
	width: 120px;
  margin-right: 10px;
  border-radius: 0.5rem;
}
.newsBOX_n h3 {
	    width: 550px;
}
.newsBOX_n p {
	clear: none;
    padding-left: 135px;
}





/*　ガイド　*/


.guide {
	width: 100%;
}
.guide h2 {
}
.guide h3 {
}

.areaguide {
}
.areaguide h2 {
padding: 1% 2%;
    margin-top: 2%;
    margin-bottom: 1%;
}
.areaguide h3 {
  width: 100%;
}
.areaguide h4 {
}
.areaguide p {
  width: 100%;
}
.guide-p {
}
.areafulltext {
width: 100%;
}
.areafulltext ul {
justify-content: center;
}
.areafulltext li {
width: 10%;
font-size: 1.4rem;
}







/* フッターのリンク */
.inner-link {
}
.inner-link ul {
}
.inner-link li {
}
.inner-link dt {
}



/*　路線　*/
.station-line {
    padding-top: 5px;
}
.station-line h2 {
}
.station-line ul {
}
.station-line li {
	width: 16.6%;
    padding-bottom: 15px;
}
.station-line a {
}
.station-line img {
	width: 40px;
}


/*　テキストの装飾　*/
.highlight {
	background:linear-gradient(transparent 70%, #FFFF00 0%);
  font-weight: bold;
}





.font-size-sp12px-pc13px li {
font-size: 1.3rem;
}


.two-cell {
    display: flex;
    flex-wrap: wrap;
}


}