@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
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.jj101001 .btn-border-black:hover,
.grad-btn2:hover {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !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: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.search-area .btn_gray_lite a,
.search-area .btn_gray_midium a
{
/*color: #FF0000 !important;*/
}
/* この条件で検索、検索 装飾 */
.search-area .btn_gray_dark {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.search-area .btn_gray_dark a {
/*color: #FF0000 !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: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.p-bukken-serch > .e-btn > .btn,
.btn.btn_blue a,
.map-c-btn,
.search-side .btn_serch_ichiran,
.footer_serch
{
/*color: #FF0000 !important;*/
}
.search-side .btn_serch_ichiran span::before {
/*border-color: #FF0000 !important;*/
}
/* 青ボーダー 白ボタン 装飾 */
.btn_blue-border,
.grad-btn-map
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn_blue-border,
.grad-btn-map
{
/*color: #FF0000 !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: #FF0000 !important;*/
/*border-color: #FF0000 !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: #FF0000 !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: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
/*color: #FF0000 !important;*/
}
/* 来店予約 装飾 */
#searchView .search-box-sub-details .btn_raiten
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
/*color: #FF0000 !important;*/
}
/* 検索一覧 スマホ版 現在の検索条件を保存するボタン -------------------------*/
/* 全体 形状 */
.xs_searchbox_btn {
border-radius: 100vw !important; /* 丸 */
/*border-radius: 5px !important;*/ /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.xs_searchbox_btn {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.xs_searchbox_btn {
/*color: #FF0000 !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: '';*/
}
/* 物件詳細 お問合せエリア ------------------------------------------------*/
/* ※カスタマイズは非対応とする */
/* 全体 形状 */
.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: 5px !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: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-l-details-btn {
/*color: #FF0000 !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;*/
}
.content2-btn-erea .btn1:hover
{
/*color: #FF0000 !important;*/
}
/* グレー（？）ボタン 装飾 */
.content2-btn-erea .btn2,
.my-page-all-btn,
.btn-g-i,
.reservation-back
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.content2-btn-erea .btn2,
.my-page-all-btn,
.btn-g-i,
.reservation-back
{
/*color: #FF0000 !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;*/
}
/* マイページ・検索条件 ---------------------------------------------------*/
/* ※カスタマイズは非対応とする */
/* 全体 形状 */
.content3-btn1,
.content3-btn2 {
/*border-radius: 100vw !important;*/ /* 丸 */
/*border-radius: 5px !important;*/ /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 店舗一覧 現在地を取得するボタン -----------------------------------------*/
/* ※マップアイコンは IMG タグで処理されてる */
/* 全体 形状 */
.shop-btn {
border-radius: 100vw !important; /* 丸 */
/*border-radius: 5px !important;*/ /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 全体 装飾 */
.shop-btn {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-btn {
/*color: #FF0000 !important;*/
}
.shop-btn:hover {
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.shop-btn:hover {
/*color: #FF0000 !important;*/
}
/* お問合せフォームボタン --------------------------------------------------*/
/* 全体 形状 */
.btn_contact_long,
.btn-revision,
.btn-send
{
border-radius: 100vw !important; /* 丸 */
/*border-radius: 5px !important;*/ /* 角丸 */
/*border-radius: 0px !important;*/ /* 四角 */
}
/* 確認画面へボタン 装飾 */
.btn_contact_long
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn_contact_long
{
/*color: #FF0000 !important;*/
}
.btn_contact_long:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn_contact_long:hover
{
/*color: #FF0000 !important;*/
}
/* 修正するボタン 装飾 */
.btn-revision
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn-revision
{
/*color: #FF0000 !important;*/
}
.btn-revision:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn-revision:hover
{
/*color: #FF0000 !important;*/
}
/* 修正するボタン 装飾 */
.btn-send
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn-send
{
/*color: #FF0000 !important;*/
}
.btn-send:hover
{
/*background-color: #FF0000 !important;*/
/*border-color: #FF0000 !important;*/
}
.btn-send:hover
{
/*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: #FF0000 !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;*/
}
/* --------------------------------------------------------------------*/
/* 見出しデザイン ※会社概要のみ */
/* --------------------------------------------------------------------*/
/* 見出しデザイン(左ボーダーデザイン) ※カラー選択 */
/*
.c-h3 {
border-left: #FF0000 5px solid !important;
}
*/
/* 見出しデザイン(文字下のみアンダーバー) */
/*
.c-h3 {
display: inline-block;
padding: 0.25em 0 !important;
border-left: none !important;
border-bottom: #CCCCCC 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;
}
/* --------------------------------------------------------------------*/
/* メニューバーの色 */
/* --------------------------------------------------------------------*/
.header-black {
background-color: #006844 !important;
}
.gnavi_right {
background-color: #318567 !important;
}
/* --------------------------------------------------------------------*/
/* SP版フッター追随ナビゲーションの色 */
/* --------------------------------------------------------------------*/
@media screen and (max-width:640px) {
.sp-footerNavi {
background: #006844;
}
}
/* --------------------------------------------------------------------*/
/* 再販用レイアウト修正 */
/* --------------------------------------------------------------------*/
.shop-arrow span {
padding-right: 1.5em !important;
}
.shop-arrow span::before {
top: 50% !important;
right: 0 !important;
transform: translateY(-50%);
}