@charset "UTF-8";
/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
progress, sub, sup {
  vertical-align: baseline;
}

button, hr, input, select {
  overflow: visible;
}

[type=checkbox], [type=radio], legend {
  box-sizing: border-box;
  padding: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6, h7, p, dl, dt, dd {
  font-size: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button, input, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: 700;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring, input:-moz-focusring {
  outline: ButtonText dotted 1px;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* -----------------------------------------------------------
	Basic Settings
----------------------------------------------------------- */
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}

#detail_page {
  padding-top: 80px;
  padding-bottom: 60px;
}

.wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
}

.clear {
  clear: both;
}

/* Clearfix */
.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  content: "";
}

.container table {
  font-size: 14px;
}

th {
  background: #efefef;
}

th img{
  vertical-align: -2px;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #ccc !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

/* -----------------------------------------------------------
	Wrapper
----------------------------------------------------------- */
#info_tab {
  margin-bottom: 10px;
}

.tl_bukken_name {
  background: #eee;
  padding: 0 0 5px 0;
  position: fixed;
  width: 100%;
  top: 40px;
  z-index: 1000;
}

.tl_new_entry {
  background: #eee;
  padding: 1em 0;
  margin-bottom: 20px;
}
.tl_new_entry h2 {
  font-size: 24px;
  font-weight: bold;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
}

.tl_new_entry
.tl_bukken_name small {
  font-size: 12px;
}

.tl_bukken_name h2 {
  font-size: 24px;
  font-weight: bold;
}

.tl_contents {
  font-size: 20px;
  padding: 10px;
  background: #004788;
  color: #fff;
}

.bukken_name {
  float: left;
}
.bukken_name small {
  font-size: 12px;
}

.btn_edit {
  padding-top: 15px;
  float: right;
  display: flex;
}

.row {
  margin-bottom: 20px;
}

#property_info .inner {
  width: 92%;
  margin: 0 auto;
}
#property_info .sidebar {
  width: 96%;
  margin: 0 auto;
  background: #eee;
}
#property_info .sidebar h2 {
  padding: 5px 0 15px;
  margin: 0;
}
#property_info .contents {
  margin: 0 auto;
  padding: 15px 2%;
}

#map-canvas {
  width: 100%;
  height: 490px;
  margin-bottom: 20px;
}

.block {
  margin-bottom: 20px;
}

.comment {
  padding-top: 10px;
}

.comment dt {
  font-size: 13px;
  color: #666;
}

.comment dd {
  margin-bottom: 1em;
}

.comment dt,
.comment dd {
  line-height: 1.5;
}

#comment_area {
  max-height: 400px;
  overflow: auto;
  margin-bottom: 20px;
  padding: 0 10px;
  -webkit-overflow-scrolling: touch;
}

.comment_wrap {
  padding: 60px 0;
  text-align: center;
}

.thanks_text {
  margin-bottom: 30px;
}

#edit_links {
  width: 100%;
  height: 40px;
  text-align: center;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  background: #000;
}

.status ul {
  margin: 0;
  padding: 20px 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  /* Safari */
  justify-content: center;
}

.status p.item {
  margin-bottom: 8px;
}

.status .icon_first,
.status .icon,
.status .icon_last {
  width: 100px;
  height: 32px;
  margin-bottom: 10px;
  position: relative;
}

.progress_bar {
  position: absolute;
  top: 0;
  left: 0;
}

.nav-link {
  font-size: 13px;
}

.status p.finished {
  font-size: 10px;
  color: #666;
  margin: 0;
  padding: 0;
}

.status li {
  font-size: 14px;
  width: 100px;
  text-align: center;
}

.table-responsive {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
}

.chintai_hearing {
  table-layout: fixed;
}

.tochi_hearing {
  font-size: 12px;
  line-height: 18px;
}

.chintai_hearing .not_text {
  width: 120px;
  white-space: normal;
}

.chintai_hearing .icon {
  width: 60px;
  white-space: normal;
}

.chintai_hearing .text {
  width: 300px;
  white-space: normal;
}

.task_list {
  font-size: 12px;
  line-height: 18px;
}

.task_list input {
  font-size: 12px;
  line-height: 18px;
}

.task_list select {
  font-size: 12px;
  line-height: 18px;
}

/* task */
#my_task {
  background: #fff;
}

#latest_task {
  background: #fff;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
}

.task_block {
  font-size: 14px;
  padding: 10px 2% 0;
  border-bottom: 1px solid #eee;
}

.task_block img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.task_block .inner {
  padding: 10px;
}

.task_name,
.task_assigned {
  font-size: 12px;
  color: #444;
}

.task_block .row {
  margin-bottom: 0;
}

.task_block:last-of-type {
  border-bottom: 0;
}

#task_top .clickable {
  cursor: pointer;
}

#task_top tbody tr:hover {
  background: #FFF69A;
}

#task_top th,
#task_top td {
  font-size: 12px;
  white-space: nowrap;
}

#task_top thead td:nth-of-type(3),
#task_top tbody td:nth-of-type(3) {
  white-space: normal;
}

#task_top .person img {
  width: 20px;
  height: auto;
  border-radius: 50%;
  margin-right: 5px;
}

#task_top .status {
  text-align: center;
  font-size: 13px;
}

#task_top .status .badge {
  padding: 5px 0;
  width: 70px;
}

#task_top .priority {
  text-align: center;
}

.task_info_header {
  margin-bottom: -10px;
}

.task_start {
  background: #fff;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  padding: 30px;
}

.comment_box {
  background: #fff;
  border: 1px solid #b1b1b1;
  border-radius: 3px;
  padding: 30px;
}

.entered_person img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

#entry_page .table thead tr td,
#entry_page .table tbody tr th {
  font-size: 11px;
  padding: 0.4em;
}

#entry_page th {
  width: 15%;
}

#entry_page label {
  margin-bottom: 0;
}

#entry_page .btn {
  padding: .25rem .75rem;
}

#entry_page .form-control {
  font-size: 11px;
  padding: .25rem .50rem;
}

#entry_page .input-group-addon {
  padding: .25rem .50rem;
}

#entry_page select.form-control:not([size]):not([multiple]) {
  height: calc(1.25rem + 0.25rem);
}

#entry_page .container {
  width: 1020px;
}

#entry_page label {
  font-size: 11px;
}

#entry_page .input-group-addon {
  font-size: 11px;
}

#entry_page .btn-outline-secondary {
  color: #333 !important;
  border-color: #333 !important;
}

#entry_page .btn-outline-secondary.active {
  color: #fff !important;
  background: #333 !important;
  border-color: #333 !important;
}

#entry_page .require {
  font-weight: bold;
  color: #f00;
}

#cals_results {
  font-size: 13px;
  position: fixed;
  top: 10%;
  right: 15px;
  background-color: rgba(204, 204, 204, 0.6);
  padding: 1em;
}

#cals_results .text_form {
  width: 50px;
}

#task_enter {
  padding: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
}

#task_wrapper {
  padding-top: 30px;
}

.task_entered {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
}

.task_entered .person {
  width: 7%;
}

.task_entered .name {
  width: 69%;
}

.task_entered .name p {
  line-height: 1.5;
}

.task_entered .date {
  font-size: 13px;
  color: #666;
}

.task_entered .icon {
  width: 20%;
  text-align: right;
}

.task_entered .person img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.task_description {
  margin-bottom: 30px;
}

.task_description p {
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
}

#task_role ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}

#task_role li {
  font-size: 13px;
  padding: 1em 0.5em;
  border-bottom: 1px solid #ddd;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#task_role .role {
  width: 20%;
  font-weight: bold;
}

#task_role .desc {
  width: 78%;
}

#task_role ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}

.task_comment {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -60px;
  width: 50px;
}

.balloon5 .faceicon img {
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 70px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
  word-break: break-all;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 21px;
}

.says p:last-child {
  font-size: 12px;
  color: #666;
}

#task_page {
  background: #f0f0f0;
  padding-bottom: 80px;
}

#comment_box {
  width: 100%;
  padding: 15px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  border-top: 1px solid #ccc;
  z-index: 5000;
}

#comment_enter {
  display: none;
}

.comment_inner {
  width: 94%;
  margin: 0 auto;
}

.task_enter .enter_box {
  margin-bottom: 20px;
}

.btn_delete {
  border: 0px;
  width: 25px;
  height: auto;
  background: url(../img/delete.png) left top no-repeat;
  background-size: 25px auto;
}

.btn_edit_task {
  border: 0px;
  width: 25px;
  height: auto;
  background: url(../img/edit.png) left top no-repeat;
  background-size: 25px auto;
}

#btn_add_task {
  position: fixed;
  right: 25px;
  bottom: 25px;
}

#task_wrap {
  width: 94%;
  margin: 0 auto;
}

#task_wrap table {
  font-size: 10px;
}

#task_wrap table th {
  padding: 5px;
  background: #333;
  color: #fff;
  white-space: nowrap;
}

#task_wrap table td {
  padding: 5px;
  background: #fff;
  border-top: 1px dashed #333;
  border-right: 1px solid #333;
  border-bottom: 1px dashed #333;
  border-left: 1px solid #333;
  white-space: nowrap;
}

#task_wrap .urgent {
  background: #fcdbd8;
}

#task_wrap .asap {
  background: #b6e6f9;
}

.modal_inner {
  padding: 15px;
}

#bukken_info_tab {
  /*padding-top: 10px;*/
}

#bukken_info_tab h3 {
  font-size: 14px;
  color: #444;
}

#bukken_info_tab p {
  font-size: 18px;
  font-weight: bold;
}

#bukken_info_tab .bukken_data {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#bukken_info_tab .price_info {
  width: 49%;
  padding-top: 1em;
  border-radius: 5px;
  padding: 1em 1.5%;
  background: #f4f4f4;
  margin-bottom: 20px;
}

#bukken_info_tab .price_info h3 span {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: #4527a0;
  border-radius: 5px;
  padding: 3px 1em;
}

#bukken_info_tab .sekisan_info {
  width: 49%;
  padding-top: 1em;
  padding: 1em 1.5%;
  border-radius: 5px;
  background: #f4f4f4;
  margin-bottom: 20px;
}

#bukken_info_tab .sekisan_info h3 span {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: #D81159;
  border-radius: 5px;
  padding: 3px 1em;
}

#bukken_info_tab .box {
  display: flex;
}

#bukken_info_tab .box .column {
  width: 50%;
}

#bukken_info_tab .loan_info {
  width: 49%;
  padding-top: 1em;
  border-radius: 5px;
  padding: 1em 1.5%;
  background: #f4f4f4;
  margin-bottom: 20px;
}

#bukken_info_tab .loan_info h3 span {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: #FC624D;
  border-radius: 5px;
  padding: 3px 1em;
}

#bukken_info_tab .address_info {
  width: 49%;
  padding-top: 1em;
  border-radius: 5px;
  padding: 1em 1.5%;
  background: #f4f4f4;
  margin-bottom: 20px;
}

#bukken_info_tab .address_info h3 span {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  background: #539092;
  border-radius: 5px;
  padding: 3px 1em;
}

/* 新型物件情報パネル用 */
#bukken_page {
  background: #eee;
  position: relative;
}

#bukken_comment {
  position: fixed;
  bottom: 95px;
  right: 2%;
  width: 330px;
  height: 400px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 40px #2e2e2e;
  overflow: hidden;
  display: none;
}

#bukken_comment .comment_inner {
  width: 330px;
  height: 365px;
  position: relative;
}

#bukken_comment .comment_input {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#bukken_comment ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 270px;
  overflow: auto;
}

#bukken_comment h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
  background: #2e2e2e;
  border-radius: 3px 3px 0 0;
  margin-bottom: 0;
}

#bukken_comment li {
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

#bukken_comment li .photo {
  width: 40px;
}

#bukken_comment li .photo img {
  width: 40px;
  border-radius: 50%;
}

#bukken_comment li .text {
  margin-left: 10px;
}

#bukken_comment li .shain_name {
  font-size: 11px;
  color: #666;
  margin-bottom: 0.5em;
}

#bukken_comment li .main_comment {
  font-size: 13px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 0;
}

#bukken_comment_btn {
  position: fixed;
  bottom: 30px;
  right: 2%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 10px;
  box-shadow: 3px 3px 3px #ccc;
  background: #2e2e2e;
  cursor: pointer;
}

#bukken_comment_btn .comment_close {
  width: 0;
  height: 0;
}

#bukken_title {
  color: #fff;
  background: #004788;
  padding: 10px 2%;
  margin-bottom: 15px;
}

#bukken_title p {
  font-size: 10px;
  margin-bottom: 5px;
}

#bukken_title h1 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}

#bukken_info {
  width: 96%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#bukken_info .tl_contents {
  font-size: 18px;
  font-weight: bold;
}

#bukken_nav {
  width: 18%;
  background: #fff;
  box-shadow: 3px 3px 3px #ccc;
}

#bukken_nav ul {
  margin: 0;
  padding: 0 15px 15px 15px;
  list-style: none;
}

#bukken_nav li {
  font-size: 14px;
}

#bukken_nav a {
  padding: 15px 0;
  border-bottom: 1px dashed #ccc;
  line-height: 1;
  display: block;
  color: #333;
}

#bukken_nav ul li:last-child a {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

#bukken_nav a:hover {
  text-decoration: none;
}

#bukken_data_table {
  width: 80%;
}

#bukken_data_table .data_box {
  padding: 15px;
  background: #fff;
  margin-bottom: 30px;
  box-shadow: 3px 3px 3px #ccc;
}

.bukken_info_header {
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0;
}

.hearing_table {
  width: 100%;
}

.hearing_table th {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  background: #333;
  color: #fff;
}

.hearing_table td {
  font-size: 14px;
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.hearing_table tr:last-child td {
  padding: 10px;
  border-bottom: 0;
}

.tl_contents_02 {
  font-size: 16px;
  font-weight: bold;
  padding: 0.5em;
  background: #333;
  color: #fff;
  margin-bottom: 10px;
}

.chintai_hearing_list {
  padding: 0 0 15px;
  margin: 0;
  list-style: none;
}

.chintai_hearing_list li {
  background: #f5f5f5;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.chintai_hearing_list h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 0.5em;
  background: #333;
  color: #fff;
  margin-bottom: 15px;
}

.chintai_hearing_list p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 1em;
  padding: 0 10px;
}

.chintai_hearing_list li p:last-child {
  margin-bottom: 0;
}

.data_line h3 {
  font-size: 16px;
  font-weight: normal;
  color: #004788;
}

.data_line h3 span {
  font-size: 12px;
  font-weight: normal;
}

.data_line .big_number {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin-bottom: 0;
}

.data_line .normal_text {
  margin-bottom: 0;
  font-weight: bold;
}

.data_box .data_line:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.data_line {
  padding-bottom: 7px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.bukken_detail th,
.bukken_detail td {
  background: #fff;
  padding-bottom: 0.5em;
  vertical-align: middle;
}

.bukken_detail th {
  font-size: 18px;
  font-weight: normal;
  color: #004788;
}

.bukken_detail td {
  font-size: 18px;
  font-weight: bold;
}

#mypage_wrap {
  background: #eee;
}

#mypage {
  padding: 15px 2%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  background: #eee;
}

#mypage_client {
  width: 1140px;
  padding: 15px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  background: #eee;
}

#mypage .personal_info {
  width: 15%;
}

#mypage .personal_info .individual {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}

#mypage .personal_info ul {
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0.5em 0 0 0;
  list-style: none;
}

#mypage .individual img {
  width: 30px;
  border-radius: 50%;
}

#mypage .individual p {
  font-weight: bold;
  margin-left: 0.5em;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0;
}

#mypage .job {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0 !important;
}

#mypage .stream {
  width: 83%;
}

#mypage .stream h2 {
  font-size: 16px;
  font-weight: bold;
  background: #0275d8;
  color: #fff;
  padding: 0.5em;
}

#mypage .stream_box {
  border: 1px solid #ccc;
  padding: 1em;
  background: #fff;
  margin-bottom: 10px;
}

#mypage .stream_box .title {
  margin-bottom: 5px !important;
}

#mypage .stream_box .datetime {
  font-size: 10px !important;
  color: #666;
}

#mypage .stream .profile_icon {
  border-radius: 50%;
}

#mypage .stream .stream_body p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
  padding-bottom: 0;
}

#mypage .stream .anything_search {
  margin-bottom: 10px;
  position: relative;
}

#mypage .stream .anything_search input {
  font-size: 14px;
  width: 100%;
  padding: 0.5em 10px;
}

#mypage .stream_body span {
  font-size: 10px;
  color: #666;
}

#mypage .stream_body .naiyou {
  padding: 1em !important;
  background: #eee;
  font-size: 12px !important;
  line-height: 18px !important;
  margin-bottom: 0.5em !important;
}

#mypage #anything_search_results {
  position: absolute;
  top: 40px;
  width: 100%;
  background: #eee;
  max-height: 250px;
  overflow: auto;
  box-shadow: 5px 5px 5px #ccc;
}

#mypage #anything_search_results h3 {
  background: #333;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 12px;
  margin-bottom: 0;
}

#mypage #anything_search_results ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
}

#mypage #anything_search_results li {
  font-size: 12px;
  padding: 0.5em 1em;
  border-bottom: 1px dashed #ccc;
  display: block;
}

#mypage #anything_search_results li:last-child {
  border-bottom: 0;
}

#mypage #anything_search_results li:hover {
  background: #eee;
}

#client_search_results table th,
#client_search_results table td {
  font-size: 12px;
}

#client_search_results td {
  background: #fff;
}

#client_info {
  width: 300px;
}

#client_info h1.name {
  font-size: 28px;
  font-weight: bold;
}

#client_info .latest_contact {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0;
}

#client_info h1.name {
  font-size: 24px;
  font-weight: bold;
}

#client_info .company_name {
  font-size: 12px;
  line-height: 1.5;
}

#person_name {
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

#person_details {
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

#person_details dt,
#person_details dd {
  font-size: 12px;
  line-height: 1.5;
}

#bukken_history {
  background: #fff;
  padding: 16px;
  margin-bottom: 20px;
}

#bukken_history h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#bukken_history ul {
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 300px;
  overflow: auto;
  line-height: 1.5;
}

#client_stream {
  width: 790px;
}

#stream_input {
  background: #fff;
}

#stream_list {
  margin: 0;
  padding: 15px 0;
  list-style: none;
  background: url(../img/stream_bar.png) repeat-y;
}

#stream_list li {
  width: 790px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}

#stream_list .icon {
  width: 30px;
  margin: 0 5px;
}

#stream_list .text {
  width: 740px;
  border: 1px solid #333;
  background: #fff;
}

#stream_list .text .details {
  font-size: 14px;
  line-height: 1.5;
  padding: 1em;
}

.container_detail {
  width: 96%;
  margin: 0 auto;
}

/* SmartPhone */
@media screen and (min-width: 0px) and (max-width: 767px) {
  #task_top_sp ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }

  #task_top_sp ul li {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 12px;
    padding: 1em;
    font-size: 12px;
    line-height: 1.3;
  }

  #task_top_sp .name {
    margin-bottom: 5px;
  }

  #task_top_sp h2 {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 5px;
  }

  #task_top_sp .name img {
    border-radius: 50%;
  }

  #task_top_sp .updated,
  #task_top_sp .due_date {
    font-size: 10px;
    color: #555;
  }

  .task_entered {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .task_entered .person {
    width: 12%;
  }

  .task_entered .name {
    width: 60%;
  }

  .task_entered .name p {
    font-size: 12px;
    line-height: 1.5;
  }

  .task_entered .date {
    font-size: 10px;
    color: #666;
  }

  .task_entered .icon {
    width: 20%;
    text-align: right;
  }

  .task_entered .icon img {
    width: 20px;
    height: auto;
  }

  .task_entered .person img {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }

  .task_sidebar {
    display: none;
  }

  #bukken_info_tab .bukken_data {
    display: block;
  }

  #bukken_info_tab .bukken_data .inner {
    display: block;
    padding: 0 2%;
  }

  #bukken_info_tab .price_info,
  #bukken_info_tab .sekisan_info,
  #bukken_info_tab .address_info,
  #bukken_info_tab .loan_info {
    width: 100%;
    border-radius: 5px;
    background: #f4f4f4;
    margin: 0 auto 10px;
  }

  #bukken_info_tab table tr th:nth-of-type(1) {
    width: 120px;
  }

  #bukken_info_tab table th,
  #bukken_info_tab table td {
    font-size: 12px;
  }

  .nav-item a {
    font-size: 12px;
  }

  .tl_bukken_name {
    position: static;
    margin-bottom: 10px;
    padding-top: 5px;
  }

  .tl_bukken_name h2 {
    font-size: 20px;
  }

  .sp_none {
    display: none;
  }

  .tl_contents {
    font-size: 16px;
    font-weight: bold;
  }

  select#person {
    display: block;
    margin-bottom: 10px;
  }

  #detail_page {
    padding-top: 0;
    padding-bottom: 60px;
  }

  /* エントリーフォーム */
  #entry_page_sp table {
    width: 100%;
  }

  #entry_page_sp table tbody th {
    display: block;
  }

  #entry_page_sp table tbody td {
    display: block;
  }
}