@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------------------------*/
/* フォント */
/* --------------------------------------------------------------------*/
/*
以下のコードをHTML に追加
*/
body {
font-family: 'Noto Sans JP', sans-serif !important;
}
/* --------------------------------------------------------------------*/
/* ボタン */
/* --------------------------------------------------------------------*/
/* すべて見る・詳しくはこちらボタン ----------------------------------------*/
/* 全体 形状 */
.jj101001 .btn-border-black,
.grad-btn2
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
.jj101001 .btn-border-black span::before,
.grad-btn2 span::before
{
/*right: 18px !important;*/ /* 丸のとき「>」位置ずらし */
}
/* 全体 装飾 */
.jj101001 .btn-border-black,
.grad-btn2
{
color: #FFFFFF !important;
background-color: #2aaadb !important;
border-color: #fff !important;
/*transition: .3s !important;*/
}
.jj101001 .btn-border-black span::before,
.grad-btn2 span::before {
border-top-color: #fff !important;
border-right-color: #fff !important;
}
.jj101001 .btn-border-black:hover,
.grad-btn2:hover {
background-color: #2aaadb !important;
border-color: #2aaadb !important;
/*opacity: 0.8 !important;*/
}
/* 検索ボックスボタン ----------------------------------------------------*/
/* 全体 形状 */
.search-area .btn_gray_lite,
.search-area .btn_gray_midium,
.search-area .btn_gray_dark,
.search-name-bukken-btn {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* ～を選択ボタン 装飾(色薄いボタン) */
.search-area .btn_gray_lite,
.search-area .btn_gray_midium
{
/*background-color: #c8c8a6 !important;*/
/*border-color: #c8c8a6 !important;*/
/*transition: .3s !important;*/
}
.search-area .btn_gray_lite a,
.search-area .btn_gray_midium a
{
/*color: #2b1d06 !important;*/
}
/* この条件で検索、検索 装飾 */
.search-area .btn_gray_dark,
.search-name-bukken-btn {
background-color: #2aaadb !important;
border-color: #2aaadb !important;
transition: .3s !important;
}
.search-area .btn_gray_dark a,
.search-name-bukken-btn a {
color: #FFFFFF !important;
}
/* 検索ボタン・その他一部共用青ボタン --------------------------------------*/
/* 全体 形状 */
.p-bukken-serch > .e-btn > .btn,
.btn.btn_blue,
.btn_blue-border,
.map-c-btn,
.search-side .btn_serch_ichiran,
.grad-btn-map,
.footer_serch
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 青ボタン 装飾 */
.p-bukken-serch > .e-btn > .btn,
.btn.btn_blue,
.map-c-btn,
.search-side .btn_serch_ichiran,
.footer_serch
{
background-color: #2aaadb !important;
border-color: #2aaadb !important;
transition: .3s !important;
}
.p-bukken-serch > .e-btn > .btn:hover,
.btn.btn_blue:hover,
.map-c-btn:hover,
.search-side .btn_serch_ichiran:hover,
.footer_serch:hover
{
background-color: #2aaadb !important;
opacity: 0.8;
}
.p-bukken-serch > .e-btn > .btn,
.btn.btn_blue a,
.map-c-btn,
.search-side .btn_serch_ichiran,
.footer_serch
{
color: #FFFFFF !important;
}
.search-side .btn_serch_ichiran span::before {
/*border-color: #c8c8a6 !important;*/
}
/* 青ボーダー 白ボタン 装飾 */
.btn_blue-border,
.grad-btn-map
{
background-color: #FFFFFF !important;
border-color: #2aaadb !important;
}
.btn_blue-border,
.grad-btn-map
{
color: inherit !important;
}
/* 検索詳細 さらに条件を追加・この条件を保存ボタン ---------------------------*/
/* 全体 形状 */
.search-side .grad-btn,
.search-side .btn_serch_hozon,
.footer_choice
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.search-side .grad-btn,
.search-side .btn_serch_hozon,
.footer_choice
{
background-color: #FFFFFF !important;
/*border-color: #432d09 !important;*/
transition: .3s !important;
}
.search-side .grad-btn,
.search-side .btn_serch_hozon,
.footer_choice
{
/*color: #FF0000 !important;*/
}
.search-side .grad-btn span::before,
.search-side .btn_serch_hozon span::before,
.footer_choice::before
{
/*border-color: #432d09 !important;*/
}
.search-side .grad-btn:hover,
.search-side .btn_serch_hozon:hover,
.footer_choice:hover
{
/*color: #FF0000 !important;*/
opacity: 0.8 !important;
}
/* 検索一覧 お問合せ・来店予約ボタン ---------------------------------------*/
/* 全体 形状 */
#searchView .search-box-sub-details .btn_contact_g,
#searchView .search-box-sub-details .btn_raiten
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* お問合せボタン 装飾 */
#searchView .search-box-sub-details .btn_contact_g
{
/*background-color: #FFFFFF !important;*/
border-color: #2aaadb !important;
/*color: #FF0000 !important;*/
}
#searchView .search-box-sub-details .btn_contact_g:hover
{
background-color: #FFFFFF !important;
border-color: #2aaadb !important;
opacity: 0.8 !important;
transition: 0.3s !important;
}
/* 来店予約 装飾 */
#searchView .search-box-sub-details .btn_raiten
{
background-color: #2aaadb !important;
/*border-color: #432d09 !important;*/
color: #FFFFFF !important;
transition: 0.3s !important;
}
#searchView .search-box-sub-details .btn_raiten:hover
{
background-color: #2aaadb !important;
/*border-color: #432d09 !important;*/
color: #FFFFFF !important;
}
/* 検索一覧 スマホ版 現在の検索条件を保存するボタン -------------------------*/
/* 全体 形状 */
.xs_searchbox_btn {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.xs_searchbox_btn {
background-color: #FFFFFF !important;
border-color: #2aaadb !important;
}
.xs_searchbox_btn {
/*color: #FF0000 !important;*/
}
.xs_searchbox_btn:hover {
color: inherit !important;
}
/* お気に入り追加ボタン ---------------------------------------------------*/
/* 一覧スマホ版のお気に入りハートアイコンは IMGタグで処理されている */
/* 全体 形状 */
.add-btn.m-small,
#searchView .add-btn,
#searchView .search-box-sub-details .btn_details
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.add-btn.m-small,
#searchView .add-btn,
#searchView .search-box-sub-details .btn_details
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.add-btn.m-small::before,
#searchView .add-btn::before
{
/*content: '';*/
}
/* パノラマボタン ---------------------------------------------------*/
/* 全体 形状 */
.panorama-btn
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.panorama-btn
{
/*background-color: #c8c8a6 !important;*/
/*color: #2b1d06 !important;*/
/*border-color: #FF0000 !important;*/
}
/* 物件詳細 お問合せエリア ------------------------------------------------*/
/* ※カスタマイズは非対応とする */
/* 全体 形状 */
.inforbox .inforbox-btn li a,
.human-action-box .inforbox-btn li.inforbox-btn-tel .inforbox-btn-tel-num
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 来店予約 予約するボタン ------------------------------------------------*/
/* 全体 形状 */
.raiten-shop-yoyaku {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
.raiten-shop-yoyaku span::before {
/*right: 18px !important;*/ /* 丸のとき「>」位置ずらし */
}
/* 全体 装飾 */
.raiten-shop-yoyaku {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.raiten-shop-yoyaku {
/*color: #FF0000 !important;*/
}
.raiten-shop-yoyaku span::before {
/*border-color: #FF0000 !important;*/
}
/* 来店予約 現在地を取得するボタン -----------------------------------------*/
/* ※マップアイコンは IMG タグで処理されてる */
/* 全体 形状 */
.shop-btn-raiten-xs {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 3px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.shop-btn-raiten-xs {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-btn-raiten-xs {
/*color: #FF0000 !important;*/
}
/* 来店予約 各店舗メールでお問合せ・電話でお問合せボタン -----------------------*/
/* ※アイコンは IMG タグで処理されてる */
/* 全体 形状 */
.shop-l-details-btn {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.shop-l-details-btn {
/*background-color: #432d09 !important;*/
/*border-color: #FF0000 !important;*/
transition: .3s !important;
}
.shop-l-details-btn {
/*color: #FFFFFF !important;*/
}
.shop-l-details-btn:hover {
/*background-color: #432d09 !important;*/
/*border-color: #FF0000 !important;*/
opacity: 0.8 !important;
}
/* 会員登録確認・登録完了画面グレーボタン -----------------------------------*/
/* 全体 形状 */
.btn_darkgray
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.btn_darkgray
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn_darkgray
{
/*color: #FF0000 !important;*/
}
.btn_darkgray:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn_darkgray:hover
{
/*color: #FF0000 !important;*/
}
/* マイページ・お気に入り物件ボタン -----------------------------------------*/
/* 予約状況「来店予約」 来店予約をするボタンも反映 */
/* 全体 形状 */
.content2-btn-erea .btn1,
.content2-btn-erea .btn2,
.my-page-all-btn,
.btn-g-i,
.reservation-back
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 白ボタン 装飾 */
.content2-btn-erea .btn1
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.content2-btn-erea .btn1
{
/*color: #FF0000 !important;*/
}
.content2-btn-erea .btn1:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
/*opacity: 0.8 !important;*/
}
.content2-btn-erea .btn1:hover
{
/*color: #FF0000 !important;*/
}
/* グレー（？）ボタン 装飾 */
.content2-btn-erea .btn2,
.my-page-all-btn,
.btn-g-i,
.reservation-back
{
/*background-color: #432d09 !important;*/
/*border-color: #FF0000 !important;*/
}
.content2-btn-erea .btn2,
.my-page-all-btn,
.btn-g-i,
.reservation-back
{
/*color: #FFFFFF !important;*/
}
.content2-btn-erea .btn2:hover,
.my-page-all-btn:hover,
.btn-g-i:hover,
.reservation-back:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.content2-btn-erea .btn2:hover,
.my-page-all-btn:hover,
.btn-g-i:hover,
.reservation-back:hover
{
/*color: #FF0000 !important;*/
opacity: 0.8 !important;
}
/* マイページ・検索条件 ---------------------------------------------------*/
/* 全体 形状 */
.content3-btn1,
.content3-btn2 {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
.content3-btn2 {
/*background-color: #353750 !important;*/
/*border-color: #FF0000 !important;*/
}
.content3-btn2 {
/*color: #FFFFFF !important;*/
}
.content3-btn2:hover {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.content3-btn2:hover {
/*color: #FF0000 !important;*/
opacity: 0.8 !important;
}
/* 店舗一覧 現在地を取得するボタン -----------------------------------------*/
/* ※マップアイコンは IMG タグで処理されてる */
/* 全体 形状 */
.shop-btn {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.shop-btn {
/*background-color: #c8c8a6 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-btn {
/*color: #FF0000 !important;*/
}
.shop-btn:hover {
/*background-color: #d3d3b8 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-btn:hover {
/*color: #FF0000 !important;*/
}
/* お問合せフォームボタン --------------------------------------------------*/
/* 全体 形状 */
.btn_contact_long,
.btn-revision,
.btn-send,
.yubin-btn
{
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 確認画面へボタン 装飾 */
.btn_contact_long
{
background-color: #2aaadb !important;
/*border-color: #FF0000 !important;*/
transition: all .3s ease !important;
}
.btn_contact_long
{
color: #FFFFFF !important;
}
.btn_contact_long:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
opacity: 0.8 !important;
}
.btn_contact_long:hover
{
/*color: #FF0000 !important;*/
}
/* 修正するボタン 装飾 */
.btn-revision
{
background-color: #2aaadb !important;
border: #2aaadb 1px solid !important;
}
.btn-revision
{
color: #fff !important;
}
.btn-revision:hover
{
background-color: #2aaadb !important;
border-color: #2aaadb !important;
opacity: 0.8 !important;
}
.btn-revision:hover
{
color: inherit !important;
}
/* 送信するボタン 装飾 */
.btn-send
{
background-color: #2aaadb !important;
/*border-color: #FF0000 !important;*/
}
.btn-send
{
color: #FFFFFF !important;
}
.btn-send:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
opacity: 0.8 !important;
}
.btn-send:hover
{
color: #FFFFFF !important;
}
/* 郵便番号ボタン 装飾 */
.yubin-btn {
background-color: #2aaadb !important;
color: #ffffff !important;
/*border-color: #FF0000 !important;*/
}
.yubin-btn:hover {
background-color: #2aaadb !important;
color: #ffffff !important;
/*border-color: #FF0000 !important;*/
}
/* 404画面・アクセス集中画面 ----------------------------------------------*/
/* 全体 形状 */
.p-404-button > a {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.p-404-button > a {
background-color: #2aaadb !important;
/*border-color: #FF0000 !important;*/
}
.p-404-button > a {
/*color: #FF0000 !important;*/
}
.p-404-button > a:hover {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.p-404-button > a:hover {
/*color: #FF0000 !important;*/
}
/* スマホグローバルメニューボタン -------------------------------------------*/
/* 全体 形状 */
.btn-white {
/*border-radius: 100vw !important;*/ /* 丸 */
border-radius: 5px !important; /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 修正するボタン 装飾 */
.btn-white {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn-white {
/*color: #FF0000 !important;*/
}
/* スマホ家賃相場切り替えボタン -------------------------------------------*/
/* 装飾 */
#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label
{
background-color: #2aaadb !important;
color: #FFFFFF !important;
}
/* --------------------------------------------------------------------*/
/* 見出しデザイン ※会社概要のみ */
/* --------------------------------------------------------------------*/
/* 見出しデザイン(左ボーダーデザイン) ※カラー選択 */
/*.c-h3 {
border-left: #c29870 5px solid !important;
}
*/
/* 見出しデザイン(文字下のみアンダーバー) */
.c-h3 {
display: inline-block;
padding: 0.25em 0 !important;
border-left: none !important;
border-bottom: #2aaadb 4px solid;
}
/* 見出しデザイン(全体アンダーバー) */
/*
.c-h3 {
padding: 0.25em 0 !important;
position: relative;
border-left: none !important;
}
.c-h3::before {
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background-color: #CCCCCC;
}
.c-h3::after {
content: '';
width: 5em;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
background-color: #009260;
}
*/
/* --------------------------------------------------------------------*/
/* 見出しデザイン ※検索一覧条件ボックス見出し、会員情報見出し */
/* --------------------------------------------------------------------*/
/* 見出しデザイン(左ボーダーデザイン) ※カラー選択 */
.search-box-title
{
border-left: #2aaadb 5px solid !important;
}
.search-box-title {
display: inline-block;
padding: 0.25em 0 !important;
border-left: none !important;
border-bottom: #2aaadb 4px solid;
}
/* --------------------------------------------------------------------*/
/* メニューバーの色 */
/* --------------------------------------------------------------------*/
.header-black {
background-color: #2aaadb !important;
}
.gnavi_right {
background-color: #e8f7fe !important;
}
.gnavi_right a {
color: #000000 !important;
}
@media print, screen and (max-width: 1200px) {
.gnavi_right a {
color: #FFFFFF !important;
}
}
/* --------------------------------------------------------------------*/
/* スマートフォン表示時の画面最下部ボタン */
/* --------------------------------------------------------------------*/
.sp-footerNavi {
background-color: #2aaadb !important;
}
/* --------------------------------------------------------------------*/
/* 再販用レイアウト修正 */
/* --------------------------------------------------------------------*/
.shop-arrow span {
padding-right: 1.5em !important;
}
.shop-arrow span::before {
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) rotate(45deg)!important;
}
/* --------------------------------------------------------------------*/
/* 固有調整修正 */
/* --------------------------------------------------------------------*/
.logo img {
width: 100px !important;
}
@media print, screen and (max-width: 981px) {
.logo img {
margin-top: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}
@media screen and (min-width: 981px) {
.logo {
width: 100px !important;
margin: 0px 20px 0px !important;
padding-top: 4px !important;
}
}
@media print, screen and (max-width: 1200px) {
.logo {
width: 100% !important;
margin: 0px 20px 0px !important;
padding-top: 10px !important;
}
}
@media print, screen and (max-width: 640px) {
.logo img {
width: 100px !important;
/*
padding-top: 4px !important;
margin-right: 10% !important;
*/
}
}
@media screen and (min-width: 825px) {
.footer-logo {
width: 200px !important;
}
}
@media screen and (max-width: 640px) {
.footer-logo {
width: 200px !important;
}
}