@media screen and ( max-width:767px )
{

.fbchat {
	padding-bottom:100px;
}

}/*消さない*/

/*ページャの色変更*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #2180C4!important;
    color:#FFF!important;
    z-index: 0;
}
.pagination>li>a, .pagination>li>span {
    background-color: #FFF!important;
    color:#50a6e2!important;
    border:solid 1px #50a6e2!important;
}


/*body{ min-width:1200px; }*/
@media screen and (max-width:992px) {
	body{ min-width:0px;}
}

body,input,select,button{
font-family:YuGothic, 'Yu Gothic', "メイリオ", sans-serif;
}
/*iOS画面ズーム対策*/
@media screen and (max-width: 767px) { input , select{font-size:16px !important; transform: scale(0.85);}}

.mb0{ margin-bottom: 0px !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb55{ margin-bottom: 55px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb65{ margin-bottom: 65px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb75{ margin-bottom: 75px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb85{ margin-bottom: 85px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb95{ margin-bottom: 95px !important;}
.mb100{ margin-bottom: 100px !important;}
.mt0{ margin-top: 0px !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}
.mt35{ margin-top: 35px !important;}
.mt40{ margin-top: 40px !important;}
.mt45{ margin-top: 45px !important;}
.mt50{ margin-top: 50px !important;}
.mt55{ margin-top: 55px !important;}
.mt60{ margin-top: 60px !important;}
.mt65{ margin-top: 65px !important;}
.mt70{ margin-top: 70px !important;}
.mt75{ margin-top: 75px !important;}
.mt80{ margin-top: 80px !important;}
.mt85{ margin-top: 85px !important;}
.mt90{ margin-top: 90px !important;}
.mt95{ margin-top: 95px !important;}
.mt100{ margin-top: 100px !important;}

/****ヘッダー色変更****/

.navbar-default {
  background-color: #888888;
  border-color: #666666;
}
.navbar-default .navbar-brand ,
.navbar-default .navbar-nav > li > a {
  color: #000000;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #666666;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}

/****サイド色変更****/
.sidever{ background-color:#E4E4E4;}

/****フッター色変更****/

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
}

.visible-xs .nav > li {
    display: block;
    border: 1px solid;
    margin: 0;
    width: 50%;
    float: left;
}
.visible-xs .navbar-toggle{ color:#fff; border:none; font-size:22px; margin:5px 15px 0; cursor:pointer;}
/*.visible-xs .navbar-toggle.collapsed{ width:22px; height:13px; background:#999; overflow:hidden;}*/
.spImg{ width:100%; height:auto;}

.contents{ padding:0px 15px 40px;}
.nav-user-button{ margin-right:15px; margin-left: 15px;}

.pagination {
    margin: 10px;
    padding-bottom: 10px;
}

.registrationBtn{ margin-top:100px}
@media screen and (max-width: 767px) {.registrationBtn{ margin-top:30px}}

.navbar{ margin-bottom:0;}
.navbar .navbar-header h1{ margin:0;}
.navbar-default .navbar-nav.navbar-right > li > a {color: #333;}
.navbar-default .navbar-nav.navbar-right > li > a:hover { text-decoration:underline;}
.navbar-header .collapsed{transform: rotateX( 180deg ); -webkit-transform: rotateX( 180deg );}
.navbar .contactBox dl{ color:#000; font-size:15px;}
.navbar .contactBox dl dt{ font-size:13px;}
.navbar .navbar-collapse{ background-color:#F0F0F0; }
.navbar .navbar-collapse .row{ display: flex; align-items: flex-end;}

.navbar-default .navbar-link:hover {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #666666; text-decoration:underline;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
}



/***メインページ・サイド***/
.sidever{ border-right: solid 1px #666; height:auto; padding-top:15px; padding-bottom:75px; }
.sidever .h2Box{ overflow:hidden; border-bottom:solid 1px #666; padding-bottom:8px; margin-bottom:8px;}
.sidever .h2Box h2{ font-size:18px; font-weight:bold; float:left; margin:0;}
.sidever .h2Box .editLink{ float:right; font-size:16px;}
.sidever > div { margin-bottom:25px;}
.sidever .kibouBox .kagen{ display:block; margin-left:3.5em;}
.sidever .kibouBox dl{ margin-bottom:8px;}
.sidever .kibouBox dl dt{ display:inline; font-size:14px; font-weight:normal;color:#666;}
.sidever .kibouBox dl dd{ display:inline; font-size:14px; font-weight:bold; color:#000;}
.sidever .contactBox{}
.sidever .contactBox dl dt{ font-size:18px;color:#000;margin-bottom:10px;}
.sidever .contactBox dl dd{ font-size:26px;color:#333; margin-bottom:10px;}
.sidever a{ text-decoration:underline; color:#333;}
.sidever a:hover{ text-decoration:none;}


/* Sidebar固定
 */
.sidebar {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 0;
  padding: 20px 20px 100px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}
.main{ padding-top:65px;padding-bottom:130px;}

/****メインページ・チャット***/
.chatDate{
  display: table;
  text-align: center;
  white-space: nowrap;
}
.chatDate:after, .chatDate:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.chatDate:after {
  border-left: 1em solid transparent;
}
.chatDate:before{
  border-right: 1em solid transparent;
}

.housePanel .panel-heading a{ font-size:120%; font-weight:bold; color:#2c3e50;}
.housePanel .img-responsive{ width:100%;}
.hyoukaPanel .col-xs-4{ padding: 0 10px;}
.hyoukaPanel .col-xs-4 .btn{ margin-top:0;}
	.hyoukaPanel .row {margin: 0 0px;}
    .hyoukaPanel{
	position: relative; z-index:0;
}
.hyoukaPanel .btn{ margin-top:10px;}

a .housePanel .panel-heading{ font-size:120%; font-weight:bold; color:#2c3e50;}
a .housePanel .panel-heading span{ font-weight:lighter;}
a .housePanel .panel-body { color:#2c3e50;}
a .housePanel:hover { opacity:0.7;}

/*スライダー*/

.slick-prev {left: -10px; z-index:10; margin-top:-10px; color:initial; background-color:initial;}
.slick-next {right: -10px; z-index:10; margin-top:-10px;color:initial; background-color:initial;}
.slick-prev::before{ color:#555 !important; font-family: 'Glyphicons Halflings'; content: "\e079";}
.slick-next::before{ color:#555 !important; font-family: 'Glyphicons Halflings'; content: "\e080";}
.slick-slide .housePanel , .slick-slide .hyoukaPanel{ width:98%; margin:0 auto;}

iframe {
	border:none;
}


@media (max-width: 768px) {.main{ width:100% ;}
}


/*
.carousel-indicators{ bottom:-30px; width:100%; margin-left:-50%;}
.carousel-indicators li{ border:1px solid #ccc}
.carousel-indicators .active{background-color: #ccc;}

.carousel-control.left{ background-image:none; left: 0; width:3%;}
.carousel-control.right{ background-image:none; right:0; width:3%;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{ top:180px; left: -15%; color:#798d8f; text-shadow:none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{top:180px; right: -15%; color:#798d8f; text-shadow:none;}*/


.messageRow{ position:fixed; bottom:0; right:8.33333333%; margin:0; background:#fff; width:66.66666667%; z-index:100; padding:15px; box-sizing:border-box;}
/* Medium devices: Desktops (≥992px) */ 
@media (min-width: 992px) and (max-width: 1199px) {
.messageRow{ right:0; margin:0 -3.75%; width:75%;}}    

@media (max-width: 991px) {
.messageRow{ right:0; margin:0px; width:100%;}
.messageRow .col-xs-3 , .messageRow .col-xs-9{ padding: 0 5px;}
.messageRow .form-horizontal .form-group{margin: 0 0px;}
.messageRow .col-lg-12{ padding:0}
}

.messageRow textarea{ width:100%; resize: none; padding:10px; height:100px; box-sizing:border-box;}
.messageRow .btn{ overflow:visible; }
.messageRow .form-group{ height:100px; display: flex; align-items: flex-end;justify-content:center ;}


/*編集画面*/
.editLeadRow{ font-size:18px;}
.editHeadlineRow{ font-size:18px; font-weight:bold;margin-top: 30px;}
@media (max-width: 767px) {
.editFormLabelColor .control-label{
	background: #efefef;
	display: block;
	padding:10px 15px;
	margin-bottom:15px;
	border-bottom: 2px solid #666;
	margin-top: 15px;
}
/*.editFormLabelColor hr{ display:none;}*/
}

/*問い合わせ*/
.inquiry textarea{width: 100%; resize: vertical; padding: 10px; height: 100px; box-sizing: border-box;}

/*ログイン前*/
.loginPanel{
	margin: 0;
}
.tourokuPanel .control-label{ padding:0;}
.unregisteredPanel .panel-body{ height:100%; position:relative;}
.unregisteredPanel .panel-body > .row{ width:100%; position:absolute; bottom:95px;}
@media (min-width: 768px) and (max-width: 991px) {.unregisteredPanel .panel-body > .row{ position:static;}}
@media (max-width: 767px) {
.loginPanel{ border:none;}
.loginPanel .panel-body{ padding:15px 0; border:none;}
.loginPanel .control-label{background: #ccc; display: block; padding:10px 15px; margin-bottom:15px;}
.tourokuPanel{padding-left:0; padding-right:0;}
.tourokuPanel .alert{ margin-left:15px; margin-right:15px;}
}


/*********/
.articleListTable{ margin: 15px 0;}
.articleListTable th{ cursor: pointer;}
/*.articleListTable th:hover{ opacity: 0.7; }*/
.articleListTable th span {
    float: right;
    margin-top: 2px;
}

.articleListTable .label {
    display: inline-block;
    padding: 5px 0;
    width: 100px;
}
.clickable:hover{ cursor: pointer; opacity:0.8; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25), 0 -3px 3px rgba(0, 0, 0, 0.25);}
.btn-label-group input[type="radio"]{ margin: 0 5px 0 0;}

.alert-error {
    margin-bottom: 15px;
    padding: 5px 15px;
}
.alert-error span{ margin: 0 5px 0 0;}

.label-required {
    margin: 0 0 0 1em;
    padding: 0 0.6em;
    vertical-align: inherit;
}

.formTab{ margin-top: 5px;}
.formTabContentsPeriods{  margin-top: 5px;}


.formIcon{ width:42px; padding-top:42px;  background-size: contain;}
.formIconArea{  padding:0;}

.loginArea{ margin-top:150px;}

.mailTagArea{}

.mailTagArea .panel-heading span{ float: right;}
.mailTagArea .panel-heading{ cursor: pointer; font-weight: bold;}
.mailTagArea .panel-heading:hover{ opacity: 0.7;}
.mailTagArea .panel-body{ display: none;}
.mailTagArea .noneIcon{ display: none;}

.navbar-brand{ padding: 5px;}
.navbar-brand img{
	padding-left: 15px;
	max-width:200px;
	max-height:50px;
}

.userName{  display: block;  padding: 1em; color: #fff;}

.buttonTd{ width:50px;}
.button2Td{ width: 150px;}
.button3Td{ width: 215px;}
.button3TdWide{ width:250px;}
.confirmText {
    display: block;
    padding-top: 9px;
}

.aleatDangerInfo{ border:2px solid #7D0020;}
.form-group .aleatDangerInfo{ margin-top: 10px; border:none;}

.dataPadding{ padding:0;}
.dataPaddingText {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 8px 5px;
}

.accordionSwitch{ cursor:pointer;}
.accordionSwitch + div{ display:none;}


/***********/

.userDetailStyle .btn-block{ margin-top:15px;}
.priorityConditionInput{ margin-top:15px;}
.OrderForm-control{ padding:3px;}

/*チャットチャットチャート登録画面*/
td.arrow .btn{ padding:5px}

.balloonLeft{width: 100%; margin: 20px 0;}
.balloonRight{width: 100%; margin: 20px 0;}
.faceicon{ min-width:40px;}
/*以下、①背景色など*/
.previewColumn{padding:15px 0;}
.balloonLeft .faceicon{width: 100%;height: auto;}
.balloonLeft .balloon {display: inline-block;position: relative; padding: 10px;/*max-width: 250px;*/border-radius: 12px;background: #E4E8ED;}
.balloonLeft .balloon:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 3px;
	left: -19px;
	border-right: 18px solid #E4E8ED;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}
.balloon p {margin: 0;padding: 0;}
.balloon + .balloon{ margin-top:10px;} 
/*以下、③右側の緑コメント*/ 
.balloonRight .balloon{margin: 10px 0;}
.balloonRight .balloon{display: inline-block;position: relative;margin: 0 10px 0 0;padding: 10px;border-radius: 12px;background-color:#01B800; color:#fff; font-size: 15px:}
.balloonRight .balloon:after{content: "";position: absolute;top: 3px;right: -19px;border: 8px solid transparent;border-left: 18px solid #01B800;-ms-transform: rotate(-35deg);-webkit-transform: rotate(-35deg);transform: rotate(-35deg);}
.balloonDate{ font-size:85%;}
.previewColumn .btn{ margin-top:10px;}

/*物件詳細パネル内*/ 
.contractDetailPanel > div{ border-bottom:1px solid #ecf0f1; padding:8px;}
/*会員詳細ブロック*/ 
.memberShosaiBlock { border-bottom: 1px solid #ecf0f1; padding:12px 0; box-sizing:border-box; word-wrap: break-word; overflow-wrap: break-word;}



/*bootstrap調整*/
    /* navbar collapse for iPad (bootstrap) */
    @media (max-width: 991px) {
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin: 0 0 2px;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        .navbar-collapse.collapse.in {
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
	.navbar-collapse{
	padding:0;
}
    }
    
.mainChat .panel-default > .panel-heading{ background-color:transparent;}





.housePanel .panel-heading{ position: relative; }
.housePanel .panel-heading .favorite {
    background: transparent;
    color: #ffbf00;
    font-size:18px;
}
.housePanel .panel-heading i{ margin: 0 0 0 30px; display: block;}



.row-eq-height {display: flex; flex-wrap: wrap;}

h2 small {
    float: right;
    padding-top: 10px;
}
label, .radio label, .checkbox label, .help-block
{ font-size: 14px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{  vertical-align: middle; word-break: break-all;}

.table-striped > tbody > tr:nth-of-type(2n+1) .btn-default{ background-color: #2B3E50;}

.table > thead > tr > th {
    padding-bottom: 1em;
    padding-top: 1em;
}
.form-horizontal .control-label{ text-align: left;}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 2px;
}

.datepicker table tr td.day:hover,.datepicker table tr td.focused,
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{ background-color:#dddddd !important;}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{  background-color:#CC0033 !important; background-image:none !important; }

.navbar-brand{
	width:200px;
}

.album {
	margin: auto;
	background-color: white;
	position: relative;
}

.album img {

	animation-name: album;
	-webkit-animation-name: album;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	opacity: 0;
}

.album .img1 {
    display: block;
    margin: 0 auto;
    width: 100%;
    top: -10px;
}

.album .img2 {
	animation-delay:5s;
	-webkit-animation-delay:5s;
	position: absolute;
	top: -30px;
	width: 100%;
}

@keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

@-webkit-keyframes album {
	0% {
		opacity: 0;
	}
	
	12.5% {
		opacity: 1;
	}

	37.5% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
.head-title{}
.user_reg_h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}


.reg-btn-wrap {
    display: block;
    margin: 0 auto;
    width: 280px;
    padding-top: 20px;
}
.reg-btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #217FC4;
    color: #FFF;
    border-bottom: solid 4px #165787;
    border-radius: 3px;
    width: 280px;
    height: 55px;
    margin: 0 auto;
}
.reg-btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.reg-input {
	background-color: pink;
}

.reg-form-g {
	overflow:hidden;
}
.reg-form-g-last {
	overflow:hidden;
	border-bottom: solid 5px #F5F5F5;
}
.reg-hanako {
    height: auto;
}
.reg-company {
	color: #333;
}

.reg-footer-logo {
	display:block;
	width: 180px;
	height: auto;
}
.reg-copyright {
	background-color:#333333;
	padding: 5px;
}

.top-message {
    background-color: #f5f5f5;
    overflow:hidden;
}

.top-message p {
    padding: 20px;
    font-weight: bold;
}
.hope-btn {
    width: 100%!important;
    text-align: center!important;
    display: block!important;
    margin-left:0px!important;
}
.short-title {
    float: left;
    padding-top: 5px;
}
.favo {
    float: right;
    color: #f39c12;
    background-color: #fff;
    border-color: #f39c12;
    text-align: center;
    vertical-align: middle;
    /* border-style: none; */
    border-radius: 5px;
    padding: 4px;
    border-width: 1px;
}

.favo-sp {
    float: right;
    color: #f39c12;
    background-color: #fff;
    border-color: #f39c12;
    text-align: center;
    vertical-align: middle;
    /* border-style: none; */
    border-radius: 5px;
    padding: 1px 10px;
    border-width: 1px;
}


/*PCのみ*/

@media screen and ( min-width:768px )
{
.reg-main {
	height:705px!important;
}
.reg-form {
	padding:0;
	box-shadow: 0 0 8px grey;
	width:49%;
}
.reg_label {
    display: block;
    background-color: #F5F5F5;
    padding: 12px!important;
    width: 28%!important;
}
.reg_input {
	width: 72%!important;
}
.container {
    overflow: hidden;
}
.reg-footer-left {
	float:left;
	width:400px;
}
.reg-footer-right {
	float:right;
	color: #333333!important;
}
.reg-footer-right p {
    background: url(../images/footer-icon.png) left center no-repeat;
    padding-left: 20px;
    font-weight: bold;
}
.reg-footer-right ul {
	list-style-type: none;
	float:left;
}
.reg-footer-right a {
	color: #333333!important;
}
.reg-footer-right a:hover {
	color: #333333!important;
}

.top-inner {
    width: 1000px;
    margin: 0 auto;
}
.reg-hanako {
    width: 450px;
    margin-left:0px;
}
.reg-form {
    width: 550px;
    margin: 0;
}
.pc-btn {
    margin: 0 7px 10px;
    padding: 0;
    width: 47%;
    font-size: 14px;
}
.sentaku-text {
    margin: 5px 0 0 0;
}

.checkbox-inline {
    margin:5px;
}

.side-url {
    font-size: 26px;
    color: #333;
    margin-bottom: 10px;
    text-decoration:none;
}

.pankuzu {
	margin-top:20px;
}
.btn {
	font-size:14px!important;
}
.panel-default {
    border-color: #ccc!important;
}
.panel-default>.panel-heading {
    border-color: #ccc!important;
}
.contractDetailPanel > div {
    border-bottom: 1px solid #ccc!important;
}
.pc-btn2 {
    width: 50%!important;
}
.hyoka{
    padding:0px;
}
.more {
    width: 80%;
    text-align: center;
    clear: left;
    display: block;
    margin-left: 10%;
    margin-top:10px;
}
.more button{
    border-radius:4px;
    padding: 5px 15px;
}
.pc-none {
	display:none;
}
.more-message {
    padding: 10px 10px 0;
}
.panel-heading {
    overflow: hidden;
}
.suggest-title {
    float: left;
}
.step {
    max-width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.step span {
    background-color: #003466;
    padding:5px;
    color:#FFFFFF;
    margin-right:10px;
}
.inquiry-label {
    border: 1px dashed #999;
    padding: 10px 30px;
}
.inquiry-textarea {
	background-color:#FBEDEC;
}

.btn-red {
    font-family: Roboto, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", ���C���I, Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
    -webkit-appearance: none;
    font-size: 18px;
    line-height: 26px;
    box-shadow: rgb(199, 31, 31) 0px 3px 0px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: 300px;
    cursor: pointer;
    padding: 10px 0px;
    background: rgb(226, 67, 67);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(199, 31, 31);
    border-image: initial;
    border-radius: 5px;
}
.popup-hyoukaPanel {
    position: fixed;
    bottom: 45px;
    width: 98%;
}

.suggest-bunner-wrap {
	width:100%;
	overflow:hidden;
}
.suggest-bunner-wrap li {
    float: left;
    width: 20%;
    border: 1px #2180C4 solid;
    border-radius: 5px;
    text-align: center;
    margin-right: 5%;
}

.suggest-bunner-wrap li.active { 
    background-color:#2180C4;
}

.suggest-bunner-wrap li.active a { 
    color: #FFF!important;
}

.suggest-bunner-wrap li a {
	text-decoration: none;
	color: #2180C4;
	text-align: center;
    	padding: 10px 0px;
	display:block;
	
}
.suggest-bunner-wrap li a:hover {
	background-color:#2180C4;
	color:#FFF!important;
	
}

.suggest-bunner-wrap li a:active {
	background-color:#2180C4;
	color:#FFF!important;
	
}
.sug-active {
	background-color:#2180C4;
	color:#FFF!important;
}
.top-message-l {
	float:left;
	width: 120px;
}
.top-message-r {
	float:right;
	width: 300px;
}

.reg-btn-wrap2 {
    display: block;
    margin: 0 auto;
    width: 550px;
    float: right;
    text-align: center;
    margin-top: 50px;
}
.reg-btn2 {
    background-color: #f5f5f5;
    text-decoration: none;
    color: #000;
    border: solid 2px #AAA;
    padding: 10px;
}
.sp-btn-pop {
    width: 33%!important;
}


}


.container-fluid {
    border-bottom: 1px solid #BBBBBB;
}

/*スマホのみ*/

@media screen and ( max-width:767px )
{
input[type="radio"], input[type="checkbox"] {
  transform: scale(1.5);
}
.radio-inline, .checkbox-inline {
    padding-bottom:5px;
}
.reg-main {
    overflow: hidden;
    height: 1230px;
}
.reg_label{
    background: #ccc;
    display: block;
    padding: 10px 15px;
    margin-bottom: 15px;
    width: 100%!important;
}
.reg_input {
	width: 100%!important;
}
.reg-footer-right {
	color: #333333!important;
}
.reg-footer-right p {
    background: url(../images/footer-icon.png) left center no-repeat;
    font-weight: bold;
}
.reg-footer-right ul {
	list-style-type: none;
}
.reg-footer-right a {
	color: #333333!important;
}
.reg-footer-right a:hover {
	color: #333333!important;
}
/*物件詳細パネル内*/ 
.contractDetailPanel > div{ 
	border-bottom:1px solid #ecf0f1!important;
	padding:2px!important;
}
.panel-body {
    padding: 5px!important;
}
.panel-heading {
    padding: 5px 10px!important;
}
.hyoukaPanel .btn {
    margin-top: 5px!important;
}
.sp-btn {
    margin-left: 2%!important;
    width: 47%!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-bottom: 5px;
}
.sp-btn-pop {
    margin-left: 2%!important;
    width: 31%!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-bottom: 5px;
    margin-top: 0px!important;
}
.sp-btn2 {
	padding: 5px 10px!important;
}
.housePanel .panel-heading a {
    font-size: 100%!important;
}
.lead {
    font-size: 15px!important;
}
.mainChat {
    padding-bottom: 0px!important;
}
.reg-footer-right ul{
	margin:0 0 0 -35px;
}

.sentaku-text {
    margin: 5px 0 0 0;
}

.side-url {
    color: #333;
    margin-bottom: 10px;
    text-decoration:underline;
}

.inq-complete {
    margin-left: 15%;
    width: 70%;
}
.pankuzu {
	margin-top:20px;
}
.panel-default {
    border-color: #ccc!important;
}
.panel-default>.panel-heading {
    border-color: #ccc!important;
}
.contractDetailPanel > div {
    border-bottom: 1px solid #ccc!important;
}
.sp-none {
	display:none;
}
.navbar {
	min-height:40px;
}
.navbar-brand{
	height:40px;
	width:100px;
}
.navbar-brand img {
    padding-left: 15px;
    max-width: 100px;
    max-height: auto;
}
.top-inner h2 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: -10px;
}
.top-message p {
    padding: 10px;
    font-weight: bold;
}
.form-control{
	height:60px;
}
.hyoka{
    padding:0px!important;
}
.more{
    width:100%;
    float:left;
}
.more button{
    border-radius:0px;
    padding: 5px 15px;
}
.panel-heading {
    overflow: hidden;
    font-size: 12px!important;
}
.suggest-title {
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-size: 12px;
}
.btn-block {
    font-size:14px;
}
.short-title{
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teian-address{
    height:40px;
}
.step {
    max-width: 100%;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
    min-height: 1px;
    padding-left: 2%;
    padding-right: 2%;
    line-height: 35px;
}
.step span {
    background-color: #003466;
    padding:5px;
    color:#FFFFFF;
    margin-right:10px;
}
.contents {
    width: 100%;
    overflow-x: hidden !important;
}
.reg-btn-wrap {
    display: block;
    margin: 20px auto;
    width: 280px;
    padding-top: 20px;
}
.more-message {
    display:none;
}

.btn-red-wrap {
    margin-bottom: 50px;
    margin: 0px;
    width: 100%;
    float: none;
    text-align: center;
    clear:both;
}
.btn-red {
    font-family: Roboto, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", ���C���I, Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
    -webkit-appearance: none;
    font-size: 18px;
    line-height: 26px;
    box-shadow: rgb(199, 31, 31) 0px 3px 0px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding: 10px 0px;
    background: rgb(226, 67, 67);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(199, 31, 31);
    border-image: initial;
}

.inquiry-label {
    border: 1px dashed #999;
    padding: 10px 7%;
    width: 47%;
    font-size: 14px;
}
.inquiry-label input {
	margin-left: -18px!important;
}

.inquiry-label {
	padding-left: 25px!important;
}

.inquiry-textarea {
	background-color:#FBEDEC;
}

.popup-hyoukaPanel {
    position: fixed;
    bottom: 45px;
    width: 90%;
}

.suggest-bunner-wrap {
	width:100%;
	overflow:hidden;
    	padding: 0 15px;
}
.suggest-bunner-wrap li:nth-child(odd) {
    float: left;
    width: 48%;
    border: 1px #2180C4 solid;
    border-radius: 5px;
    text-align: center;
    margin-right: 1%;
    margin-bottom: 5px;
}
.suggest-bunner-wrap li:nth-child(even) {
    float: left;
    width: 48%;
    border: 1px #2180C4 solid;
    border-radius: 5px;
    text-align: center;
    margin-left: 1%;
    margin-bottom: 5px;
}
.suggest-bunner-wrap li a {
	text-decoration: none;
	color: #2180C4;
	text-align: center;
    	padding: 10px 0px;
	display:block;
	
}
.suggest-bunner-wrap li a:hover {
	background-color:#2180C4;
	color:#FFF!important;
	
}
.main-sug {
	padding-top:50px;
}
.top-message-l {
	float:left;
	width: 120px;
}
.top-message-r {
	float:right;
	width: 300px;
}

.reg-btn-wrap2 {
    display: block;
    margin: 0 auto;
    width: 100%;
    float: right;
    text-align: center;
    margin-top: 50px;
}
.reg-btn2 {
    background-color: #f5f5f5;
    text-decoration: none;
    color: #000;
    border: solid 2px #AAA;
    padding: 10px;
}


｝