﻿@charset "utf-8";

.clearfix {
 zoom: 1;
 /*for IE 5.5-7*/
}
.clearfix:after {
 /*for modern browser*/
 content: ".";
 display: block;
 height: 0px;
 clear: both;
 visibility: hidden;
 font-size: 0;
 /*これで解決させる*/
}
* html .clearfix {
 display: inline-table;
 /*\*/
 display: block;
 /**/
 height: 1px;
}
.printout {
 text-align: right;
 margin: 0 0 20px 0;
 padding: 0 0 10px 0;
 border-bottom: 1px dotted #ccc;
}

/*font-style*/
.font11 {
 font-size: 11px;
}
.font12 {
 font-size: 12px;
}
.font14 {
 font-size: 14px;
}
.font16 {
 font-size: 16px;
}
.font20 {
 font-size: 20px;
}
.font22 {
 font-size: 22px;
}
.font24 {
 font-size: 24px;
}
.font34 {
 font-size: 34px;
}
.font35 {
 font-size: 35px;
}
.font_cr {
 font-weight: normal;
}
.font_b {
 font-weight: bold;
}

/*font-color*/
.font_red01 {
 color: #d60201;
}
.font_red02 {
 color: #d60201;
}
.font_red03 {
 color: #3974AA;
}
.font_blue01 {
 color: #3974AA;
}
.font_blue02 {
 color: #008DEC;
}
.font_blue03 {
 color: #2589AF;
}
.font_yellow01 {
 color: #E18D00;
}
.font_green01 {
 color: #21A957;
}
.form_caution01 {
 color: #d60201;
}
.en {
 font-family: 'La Belle Aurore', cursive;
}
.en_osw {
 font-family: 'Oswald', sans-serif;
}
.num {
 font-family: 'Arial', sans-serif;
 line-height: 1;
 font-weight: bold;
}
.text_c {
 text-align: center;
}
.text_cm {
 text-align: center;
 vertical-align: middle;
}
.text_r {
 text-align: right;
}
.text_l {
 text-align: left;
}
.text_top {
 vertical-align: top;
}
.text_mid {
 vertical-align: middle;
}
.text_btm {
 vertical-align: bottom;
}
.flt_r {
 float: right;
}
.flt_l {
 float: left;
}
.center {
 margin: 0 auto;
}
.cr {
 height: 0;
 margin: 0;
 padding: 0;
 font-size: 1px;
 line-height: 1px;
 display: block;
 clear: both;
}

/* clearboth */
.eraser {
 text-indent: -9999px;
 height: 0;
 font-size: 9px;
}


/*border*/
/*5px*/
.border_gray5px01 {
 border: solid 5px #ccc;
}
.border_blue5px01 {
 border: solid 5px #73A4D0;
}
.border_yellow5px01 {
 border: solid 5px #FFCC00;
}
/*2px*/
.border_blue2px01 {
 border: solid 2px #73A4D0;
}
/*background-color*/
.bg_gray01 {
 background: #efefef;
}
.bg_white {
 background: #fff;
}
.bg_blue01 {
 background: #E3EDF6;
}
.bg_yellow01 {
 background: #FFF5F4;
}
.bg_orange01 {
 background: #FFE893;
}
.bg_red01 {
 background: #FFE8F4;
}
.bg_brown01 {
 background: #F3F1E2;
}
.bg_page01 {
 border: 1px solid #ccc;
 border-top: none;
 background: #EBF6FC;
}
.bg_thanks01 {
 margin: 20px 40px;
 padding: 20px;
 color: #CC3333;
 font-size: 14px;
 text-align: center;
 border: 3px solid #CC3333;
 background: #fff;
}

/*input*/
.input50 {
 width: 50px;
}
.input80 {
 width: 80px;
}
.input100 {
 width: 100px;
}
.input130 {
 width: 130px;
}
.input150 {
 width: 150px;
}
.input180 {
 width: 180px;
}
.input200 {
 width: 200px;
}
.input250 {
 width: 250px;
}
.input300 {
 width: 300px;
}
/*ボタン*/
.hover_anime_ltor {
 position: relative;
 z-index: 1;
 transition: .3s;
}
.hover_anime_ltor:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 transform-origin: 0% 50%;
 transform: scaleX(0);
 transition: transform ease .3s;
}
.hover_anime_ltor:hover::before {
 transform-origin: 0% 50%;
 transform: scaleX(1);
}
.btnSend {
 text-align: center;
 margin: 30px 0;
}
.btnSend .btn_login01, .btnSend .btn_regist01, .btnSend .btn_confirm01, .btnSend .btn_mod01,
.btnSend .btn_return, .btnSend .btn_next,
.btnSend .btn_withdraw02, .btnSend .btn_rsv01, .btnSend .btn_rqentry01, .btnSend .btn_rqcondition01 {
 border: none;
}
.btnSend02 {
 width: 520px;
 text-align: center;
 margin: 30px auto 20px auto;
}
.btnSend02 .btn_login01, .btnSend02 .btn_regist01, .btnSend02 .btn_confirm01, .btnSend02 .btn_mod01,
.btnSend02 .btn_next,
.btnSend02 .btn_withdraw02, .btnSend02 .btn_rsv01, .btnSend02 .btn_rqentry01, .btnSend02 .btn_rqcondition01 {
 float: right;
 width: 250px;
 height: 50px;
 border: none;
}
.btnSend02 .btn_return {
 float: left;
 width: 250px;
 height: 50px;
 border: none;
}
.btn_regist03 {
 width: 260px;
 height: 55px;
 border: none;
}
.btn_member01 {
 border: none;
}
.btn_confirm02 {
 width: 260px;
 height: 40px;
 border: none;
}
.btn_search01, .btn_search03, .btn_search04, .btn_search05 {
 width: 260px;
 height: 55px;
 border: none;
}
.btn_search02 {
 width: 585px;
 height: 50px;
 border: none;
}
.btn_rqbox01 {
 width: 200px;
 height: 85px;
 border: none;
}
.btn_favoritelist01 {
 width: 250px;
 height: 35px;
 border: none;
}
.btn_visitbooking01 {
 width: 250px;
 height: 35px;
 border: none;
}
.btn_rqlist01 {
 width: 250px;
 height: 30px;
 border: none;
}
.btn_rq01 {
 width: 250px;
 height: 30px;
 border: none;
}
.btn_rqcondition02 {
 width: 250px;
 height: 30px;
 border: none;
}
.btn_rqcondition03 {
 width: 160px;
 height: 30px;
 border: none;
}
.prpdetail_ttlbtn, .rqdetail_ttlbtn {
 width: 90px;
 height: 35px;
 border: none;
 margin: 0;
 padding: 0;
}

/*必須項目*/
.required, .arbitrary {
 width: 120px;
 color: #333;
 text-align: left;
 vertical-align: middle;
 padding: 5px 20px 5px 40px;
 border: 1px solid #ccc;
}
.required {
 background: #ededed url(../img/common/form_required.gif) no-repeat 5px center;
}
.arbitrary {
 background: #EDEDED url(../img/common/form_arbitrary.gif) no-repeat 5px center;
}
.empty {
 background: #F6F6F6;
 width: 150px;
 color: #333;
 text-align: left;
 vertical-align: middle;
 padding: 5px 20px 5px 10px;
 border: 1px solid #ccc;
}
.required02, .arbitrary02 {
 color: #333;
 text-align: left;
 vertical-align: middle;
 padding: 10px 20px 10px 40px;
 border: 1px solid #ccc;
}
.required02 {
 background: #F6F6F6 url(../img/common/form_required.gif) no-repeat 5px center;
}
.arbitrary02 {
 background: #F6F6F6 url(../img/common/form_arbitrary.gif) no-repeat 5px center;
}
.w100p {
 width: 100%;
}
.w25 {
 width: 25px;
}
.w30 {
 width: 30px;
}
.w40 {
 width: 40px;
}
.w60 {
 width: 60px;
}
.w70 {
 width: 70px;
}
.w100 {
 width: 100px;
}
.w120 {
 width: 120px;
}
.w135 {
 width: 135px;
}
.w150 {
 width: 150px;
}
.w180 {
 width: 180px;
}
.w200 {
 width: 200px;
}
.w250 {
 width: 250px;
}
.w320 {
 width: 320px;
}
.w700 {
 width: 700px;
}
.h50 {
 height: 50px;
}
.h65 {
 height: 65px;
}
.mgn10w {
 margin: 0 10px;
}
.mgn10h {
 margin: 10px 0;
}
.mgn20w {
 margin: 0 20px;
}
.mgn20h {
 margin: 20px 0;
}
.mgn10t {
 margin: 0px;
}
.mg20t {
 margin: 0px;
 padding-top: 20px;
}

.pdng10wh {
 padding: 10px;
}
.pdng20wh {
 padding: 20px;
}
.att_area {
 margin: 0 50px;
 color: #333;
 font-size: 11px;
}



/*gmap*/

/*緑（一般物件）*/
.gmap_ttl01 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #e6f3c0;
}
.gmap_ttl01 a:link, .gmap_ttl01 a:visited {
 color: #390;
}

/*オレンジ（会員限定物件）*/
.gmap_ttl02 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #FECB99;
}
.gmap_ttl02 a:link, .gmap_ttl02 a:visited {
 color: #FF8000;
}

/*青（店舗公開物件）*/
.gmap_ttl03 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #bee0ff;
}
.gmap_ttl03 a:link, .gmap_ttl03 a:visited {
 color: #008fff;
}

/*黄（希望条件物件）*/
.gmap_ttl04 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #FFF1B9;
}
.gmap_ttl04 a:link, .gmap_ttl04 a:visited {
 color: #E18D00;
}

/*公的*/
.gmap_ttl0601 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #73A4D0;
 color: #333;
}
.gmap_ttl0601 a:link, .gmap_ttl0601 a:visited {
 color: #333;
}
.gmap_ttl0601 img {
 margin: 0 5px;
}

/*事例*/
.gmap_ttl0602 {
 font-size: 14px;
 font-weight: bold;
 margin: 3px 0;
 padding: 3px;
 background: #FFA91A;
 color: #333;
}
.gmap_ttl0602 a:link, .gmap_ttl0602 a:visited {
 color: #333;
}
.gmap_ttl0602 img {
 margin: 0 5px;
}
.gmap_ttl01 a:hover, .gmap_ttl02 a:hover, .gmap_ttl03 a:hover, .gmap_ttl04 a:hover,
.gmap_ttl0601 a:hover, , .gmap_ttl0602 a:hover {
 color: #494949;
}
.gmap_dtl {
 font-size: 12px;
 padding: 3px 0;
}

.icon_star01 {
 padding: 0 0 0 15px;
 background: url(../img/common/icon_star01.gif) no-repeat left 3px;
}
.icon_star_attn {
 width: 205px;
 float: right;
 padding: 0 0 0 15px;
 background: url(../img/common/icon_star01.gif) no-repeat left 5px;
}

/*list_member*/
tr.list_member {
 border: 3px solid #FF80A8;
}
tr.list_member td {
 padding: 10px 5px;
 border: 1px solid #ccc;
 border-top: solid 3px #FF80A8;
 border-bottom: solid 3px #FF80A8;
 background-color: #ffedf2;
}
tr.list_member .text_cm {
 border-left: solid 3px #FF80A8;
}
tr.list_member .td_left {
 border: 1px solid #ccc;
 border-top: solid 3px #FF80A8;
 border-bottom: solid 3px #FF80A8;
 border-left: solid 3px #FF80A8;
}
tr.list_member .td_right {
 border: 1px solid #ccc;
 border-top: solid 3px #FF80A8;
 border-bottom: solid 3px #FF80A8;
 border-right: solid 3px #FF80A8;
}

/*img_hover*/
a img {
 transition: all .3s ease;
}
a:hover img {
 opacity: 0.5;
}

/*object-fit-image*/
.of-image-cover img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 font-family: 'object-fit:cover;';
}

/***** zooooooom *****/
.zoom img {
 transition: all .3s ease;
}
.zoom:hover img {
 opacity: 1 !important;
 transform: scale(1.2, 1.2);
 transition: all .3s ease;
}

/*==================================================
  BUTTON
==================================================*/
.btnSend {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.btnSend li {
 margin-right: 20px;
}
.btnSend li:last-child {
 margin-right: 0;
}

/*************** ベタ塗ボタン(ログイン・登録系統) ****************/
.btn_type01 {
 text-align: center;
 margin: 40px 0;
}
.btn_type01 input[type="submit"], .btn_type01 a {
 background: #111;
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
 padding: 18px 0;
 text-decoration: none;
 display: inline-block;
 min-width: 220px;
 border: 1px solid #111;
 transition: all .3s ease;
}
.btn_type01 input[type="submit"]:hover, .btn_type01 a:hover {
 opacity: 1 !important;
 background: #fff;
 border-color: #111;
 color: #111;
}

.btn_type01 a.emember_btn {
 background: #d30004;
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
 padding: 18px 0;
 text-decoration: none;
 display: inline-block;
 min-width: 220px;
 border: 1px solid #d30004;
 transition: all .3s ease;
}
.btn_type01 a.emember_btn:hover {
 opacity: 1 !important;
 background: #fff;
 border-color: #d30004;
 color: #111;
}
/*************** 枠線ボタン(次へ・確認・戻る系統) ****************/
.btn_type02 {
 text-align: center;
 margin: 40px 0;
}
.btn_type02 input[type="submit"], .btn_type02 a {
 border: 1px solid #111;
 font-size: 1.2em;
 font-weight: bold;
 color: #111;
 padding: 18px 0;
 text-decoration: none;
 display: inline-block;
 min-width: 220px;
 box-sizing: border-box;
 transition: all .3s ease;
}
.btn_type02 input[type="submit"]:hover, .btn_type02 a:hover {
 opacity: 1 !important;
 background: #111;
 color: #fff;
 border-color: #111;
}

/*************** 物件リストボタン(検索結果・販売物件リスト) ****************/
.btnList {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
}
.btnList li {
 text-align: center;
 font-weight: bold;
 margin: 10px 10px 10px 0;
}
.btnList li:last-child {
 margin-right: 0;
}
.btnList li input[type="submit"], .btnList li a {
 padding: 8px 0;
 min-width: 320px;
 font-size: 1em;
 height: 40px;
 line-height: 20px;
 transition: all .3s ease;
}

/*************** 物件リストボタン(物件詳細上) ****************/
.btnList02 {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 margin-bottom: 0 !important;
}
.btnList02 li {
 margin: 10px 10px 10px 0;
}
.btnList02 a, .btnList02 input[type="submit"] {
 padding: 8px 20px;
 text-decoration: none;
 display: inline-block;
 height: 40px;
 text-align: center;
 min-width: initial;
 line-height: 20px;
 font-size: 14px !important;
 margin: 0 !important;
}

/*==================================================
  CONTACT FORM 7
==================================================*/
.submit_warning {
 color: #D60201;
 text-align: center;
 margin: 20px auto 5px auto;
}
.submit_box {
 margin: 30px;
 text-align: center;
}
.submit_box input[type="submit"] {
 background: #111;
 font-size: 1.2em;
 font-weight: bold;
 color: #fff;
 padding: 18px 0;
 text-decoration: none;
 display: inline-block;
 min-width: 220px;
 border: 1px solid #111;
 transition: all .3s ease;
}
.submit_box input[type="submit"]:hover {
 opacity: 1;
 color: #111;
 background: #fff;
}
.wpcf7-not-valid-tip {
 width: 60%;
 margin: 5px;
 background: #fff;
 border: 1px solid #D60201;
 padding: 5px;
 color: #D60201 !important;
}
#form .text {
	text-align: center;
}

/*==================================================
  ENTRY TABLE
==================================================*/
.entrytbl {
 width: 100%;
 margin: 20px auto;
}
.entrytbl .brdr_td {
 padding: 10px;
 border: 1px solid #ccc;
}
.entrytbl th {
 width: 180px;
 background-color: #F5F5F5;
 border: 1px solid #ccc;
}
.entrytbl td {
 padding: 10px;
 border: solid 1px #CCC;
 vertical-align: middle;
}
.entrytbl td table {
 width: 100%;
}
.entrytbl02 td{
 border: none;
}
.entrytbl a{
 text-decoration: underline;
}
.entrytbl a:hover{
 text-decoration: none;
 opacity: 1 !important;
}
.required, .arbitrary {
 width: 120px;
 text-align: left;
 vertical-align: middle;
 padding: 10px 20px 10px 40px;
 border: 1px solid #ccc;
}
.required {
 background: #F6F6F6 url(/share/img/basic/form_required.gif) no-repeat 5px center;
}
.arbitrary {
 background: #F6F6F6 url(/share/img/basic/form_arbitrary.gif) no-repeat 5px center;
}
.empty {
 width: 150px;
 text-align: left;
 vertical-align: middle;
 padding: 5px 20px 5px 10px;
 border: 1px solid #ccc;
 background-color: #F6F6F6;
}
.required02, .arbitrary02 {
 text-align: left;
 vertical-align: middle;
 padding: 10px 20px 10px 40px;
 border: 1px solid #ccc;
}
.required02 {
 background: #F6F6F6 url(/share/img/basic/form_required.gif) no-repeat 5px center;
}
.arbitrary02 {
 background: #F6F6F6 url(/share/img/basic/form_arbitrary.gif) no-repeat 5px center;
}

/*==================================================
  WIDTH
==================================================*/
.w100p {
	width: 100%;
}
.w25 {
	width: 25px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px;
}
.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}
.w135 {
	width: 135px;
}
.w140 {
	width: 140px;
}
.w150 {
	width: 150px;
}
.w180 {
	width: 180px;
}
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w320 {
	width: 320px;
}
.w350 {
	width: 350px;
}
.w400 {
	width: 400px;
}
.w500 {
	width: 500px;
}
.w700 {
	width: 700px;
}
.h50 {
	height: 50px;
}
.h65 {
	height: 65px;
}
/*==================================================
  MARGIN
==================================================*/
.mgn5 {
	margin: 5px;
}
.mgn5t {
	margin-top: 5px;
}
.mgn5b {
	margin-bottom: 5px;
}
.mgn5l {
	margin-left: 5px;
}
.mgn5r {
	margin-right: 5px;
}
.mgn5w {
	margin: 0 5px;
}
.mgn5h {
	margin: 5px 0;
}
.mgn10 {
	margin: 10px;
}
.mgn10t {
	margin-top: 10px;
}
.mgn10b {
	margin-bottom: 10px;
}
.mgn10l {
	margin-left: 10px;
}
.mgn10r {
	margin-right: 10px;
}
.mgn10w {
	margin: 0 10px;
}
.mgn10h {
	margin: 10px 0;
}
.mgn20 {
	margin: 20px;
}
.mgn20t {
	margin-top: 20px;
}
.mgn20b {
	margin-bottom: 20px;
}
.mgn20l {
	margin-left: 20px;
}
.mgn20r {
	margin-right: 20px;
}
.mgn20w {
	margin: 0 20px;
}
.mgn20h {
	margin: 20px 0;
}
.mgn30 {
	margin: 30px;
}
.mgn30t {
	margin-top: 30px;
}
.mgn30b {
	margin-bottom: 30px;
}
.mgn30l {
	margin-left: 30px;
}
.mgn30r {
	margin-right: 30px;
}
.mgn30w {
	margin: 0 30px;
}
.mgn30h {
	margin: 30px 0;
}
/*==================================================
  PADDING
==================================================*/
.pdng10t {
	padding-top: 10px;
}
.pdng10b {
	padding-bottom: 10px;
}
.pdng10l {
	padding-left: 10px;
}
.pdng10r {
	padding-right: 10px;
}
.pdng10w {
	padding: 0 10px;
}
.pdng10h {
	padding: 10px 0;
}
.pdng20t {
	padding-top: 20px;
}
.pdng20b {
	padding-bottom: 20px;
}
.pdng20l {
	padding-left: 20px;
}
.pdng20r {
	padding-right: 20px;
}
.pdng20w {
	padding: 0 20px;
}
.pdng20h {
	padding: 20px 0;
}
.pdng30t {
	padding-top: 30px;
}
.pdng30b {
	padding-bottom: 30px;
}
.pdng30l {
	padding-left: 30px;
}
.pdng30r {
	padding-right: 30px;
}
.pdng30w {
	padding: 0 30px;
}
.pdng30h {
	padding: 30px 0;
}
.att_area {
	margin: 0 50px;
	font-size: 11px;
}
