@charset "UTF-8";

/* =========================================================
 .ui-dialog（ダイアログ）
========================================================= */
.ui-widget-overlay {
	opacity: 0.8 !important;
	filter: Alpha(Opacity=30) !important; /* support: IE8 */
	background: #000000 !important;
}

.ui-dialog .ui-widget-header {
	background: #daead1;
	font-weight: normal;
	font-size: 18px;
}

.ui-dialog .wrap {
	width: auto;
	padding: 0;
}

.ui-widget-content a, .ui-widget-content a:visited {
	color: #0000EE !important;
}

.ui-widget button {
	font-size: 13px !important;
}
/*--------------------------------------------------------*/


/* =========================================================
 .ui-datepicker（日付選択）
========================================================= */
#ui-datepicker-div {
	z-index: 102 !important;
}

.ui-datepicker .ui-widget-header {
	background: #daead1;
}

.ui-datepicker th, .ui-datepicker td {
	height: auto;
}

.ui-datepicker th {
	background: none;
}
/*--------------------------------------------------------*/


/* =========================================================
 Windows Dialog
========================================================= */
.wrap.win_dialog {
	padding-bottom: 50px;
}

.win_dialog .msg_area {
	padding: 10px 20px;
}
/*--------------------------------------------------------*/


/* =========================================================
 余白調整用
========================================================= */
.top_space {
	margin-top: 1.5em;
}

.top_space03 {
	margin-top: 0.5em !important;
}

.top_space04 {
	margin-top: 1em;
}

.bottom_space {
	margin-bottom: 1.5em;
}
/*--------------------------------------------------------*/


/* =========================================================
 文字装飾用
========================================================= */
.login_strong_msg {
	font-weight: bold;
	font-size: 135%;
}

.comment_attention {
	color: #FF0000;
}

.comment_strong_attention {
	font-weight: bold;
	color: #FF0000;
}
/*--------------------------------------------------------*/


/* =========================================================
 改行制御用
========================================================= */
.text_break, table.cell_text_break td {
	word-break: break-all;
}
/*--------------------------------------------------------*/


/* =========================================================
 リスト調整用
========================================================= */
/* 4列表示用 */
ul.ul4 {
	list-style: none;
	margin: 0;
}

ul.ul4 li {
	display: inline-block;
	width: 24.4%;
	vertical-align: top;
}
/*--------------------------------------------------------*/


/* =========================================================
 ヘッダー
========================================================= */
.global-header .logo h1 .img {
	padding: 4px 0px;
}
/*--------------------------------------------------------*/


/* =========================================================
 利用沿線、利用都道府県
========================================================= */
.list_checked {
	color: orangered;
	font-weight: bold;
}
/*--------------------------------------------------------*/


/* =========================================================
 ページの名前切り替え（共有化設定、所在地選択）
========================================================= */
#tab_menu02 ul {
	margin: 0px;
	padding-left:0px;
	list-style: none outside none;
}

#tab_menu02 li {
	text-align:center;
	float: left;
	margin: 0px 3px 0px 0px;
	padding: 5px 10px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border: 1px solid #d9d9d9;
	color: #ffffff;
	background-color: #2647a0;
}

#tab_menu02 li {
	width: 160px;
}

#tab_menu02 li.kana_tab {
	width: 70px;
}
#tab_menu02 .sel_item a {
	color: #FFFFFF;
}

#tab_menu02 .page_item {
	background-color: #eeedee;
}
/*--------------------------------------------------------*/


/* =========================================================
 お知らせ一覧、設定用
========================================================= */
/* 一覧と入力テーブル */
.contents.newsRegList {
	margin: 0 auto;
	width: 80%;
}

.contents.newsReg {
	margin: 0 auto;
	width: 60%;
}

/* 件数表示 */
.result-nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 0 8px;
}

.result-nav .result-nav_num {
	font-size: 14px;
}

.result-nav .result-nav_num span {
	font-size: 33px;
	margin: 0 0.1em 0 0;
}

/* ボタン */
.btnType01 {
	display: inline-block;
	padding: 12px 20px;
	text-decoration: none;
	color: #fff;
	background-color: #45b035;
	border-radius: 3px;
}

.contents.newsReg .newsreg-btnWrap {
	text-align: center;
	margin: 10px 0;
}
/*--------------------------------------------------------*/


/* =========================================================
 コンテンツ内に表示用のメッセージ
========================================================= */
.msg_validation, .msg_information, .msg_notice {
	text-align: left;
	font-size: medium;
	border: 1px solid;
	margin-bottom: 15px;
	padding: 15px 10px 10px 50px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 10px center;
	z-index: 2;
}

.msg_validation {
	color: #D63301;
	background-image: url('images/warning.gif');
}

.msg_information {
	color: royalblue;
	background-image: url('images/information.gif');
}

.msg_notice {
	color: royalblue;
	background-image: url('images/information.gif');
	position: absolute;
	top: 5px;
	left: 390px;
}

.msg_validation ul, .msg_information ul, .msg_notice ul {
	list-style: none;
}

/* 連携サービス用 */
#linkup_dialog .linkup_msg_validation {
	display: none;
}

/* メール一斉送信用 */
#operation_dialog .email_msg_validation {
	display: none;
}
/*--------------------------------------------------------*/


/* =========================================================
 .popup_panel（ポップアップメッセージ）
========================================================= */
.popup_panel {
	padding: 8px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.popup_panel.is-show {
	opacity: 1;
	visibility: visible;
}

.popup_panel_inner {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	max-width: 600px;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	z-index: 2;
}

.popup_panel_inner .closeBtn {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	cursor: pointer;
}

.popup_panel_inner .headline {
	position: relative;
	padding: 8px 16px;
	margin: 0 0 .5em;
	font-weight: normal;
	border-radius: 4px;
	background-color: #daead1;
}

.popup_panel_inner .headline h3 {
	margin: 0;
	font-size: 16px;
	color: #0c0c0d;
}

.popup_panel_inner .headline.popupMessage_title {
	color: #fff;
	background: #094;
	-webkit-box-shadow: 5px 5px 0 #007032;
	box-shadow: 5px 5px 0 #007032;
}

.popup_panel_inner .headline.popupMessage_title h3 {
	color: #fff;
	font-weight: bold;
}

.popup_panel_inner .headline>* {
	font-weight: normal;
}

.popup_panel_inner .text {
	padding: 16px 16px 24px;
	font-size: 14px;
	line-height: 2;
}

.popup_panel_inner .text h3 {
	margin: 0px;
}

.popup_panel_inner .wrap {
	width: 100%;
	overflow-y: auto;
	padding: 0px 16px;
	margin-bottom: 24px;
}

.popup_panel_inner .footerCloseBtn {
	text-align: center;
}

.popup_panel_inner .footerCloseBtnMulti span {
	padding: 6px 16px;
	font-size: 14px;
	background-color: #eeeeee;
	color: #231815;
	text-decoration: none;
	cursor: pointer;
}

.popup_panel_inner .footerCloseBtnMulti {
	text-align: center;
	margin-bottom: 10px;
}

.popup_panel_inner .footerCloseBtnMulti span i {
	margin-right: 5px;
}

/* お知らせ、基本メッセージ */
.popup_panel#popupNews .popup_panel_inner, .popup_panel#popupMessage .popup_panel_inner {
	max-width: 400px;
}

/* 沿線選択、エリア選択、所在地選択、絞り込み条件、成約・保管・削除、学校選択、賛助会員選択用、完全削除確認メッセージ */
.popup_panel#popupSelStation .popup_panel_inner, .popup_panel#popupSelListStation .popup_panel_inner,
.popup_panel#popupSelAddress .popup_panel_inner, .popup_panel#popupSelListArea .popup_panel_inner,
.popup_panel#popupSpecialFilter .popup_panel_inner, .popup_panel#popupAgree .popup_panel_inner,
.popup_panel#popupSelSchool .popup_panel_inner, .popup_panel#popupKyougikaiMember .popup_panel_inner {
	max-width: 980px;
}

.popup_panel#popupSelStation .popup_panel_inner .wrap,
.popup_panel#popupAgree .popup_panel_inner .wrap,
.popup_panel#popupSelAddress .popup_panel_inner .wrap,
.popup_panel#popupSelSchool .popup_panel_inner .wrap,
.popup_panel#popupDelete .popup_panel_inner {
	max-height: 400px;
}

.popup_panel#popupSpecialFilter .popup_panel_inner .wrap,
.popup_panel#popupSelListStation .popup_panel_inner .wrap,
.popup_panel#popupSelListArea .popup_panel_inner .wrap {
	max-height: 400px;
	margin-bottom: 65px;
}

/* 会員用 画像登録 */
.popup_panel#popupMemberImg .popup_panel_inner {
	max-width: 1000px;
}

/* 検索方法指定、図面印刷用 */
/*.popup_panel#popupSearchType .popup_panel_inner, .popup_panel#popupDrawingPrint .popup_panel_inner {*/
.popup_panel#popupSearchType .popup_panel_inner {
	max-width: 600px;
}

/* 再登録用 */
.popup_panel#popupReRegist .popup_panel_inner {
	max-width: 740px;
}

/* 取引状況用 */
.popup_panel#popupDealingCond .popup_panel_inner {
	max-width: 800px;
}

/* 入金管理用 */
.popup_panel#popupPaymntReset .popup_panel_inner {
	max-width: 440px;
}

/* 通知用メールアドレス用 */
.popup_panel#popupMemberNoticeMail .popup_panel_inner {
	max-width: 830px;
}

/* ポップアップ内のエラーメッセージ */
.popup_panel  .msg_validation {
	display: none;
}

/* 二次広告用 */
.popup_panel#popupSetReAdvert .popup_panel_inner {
	max-width: 700px;
}

.popup_panel#popupSetReAdvert table th {
	width: 170px;
}

.popup_panel#popupSetReAdvert table th img {
	width: 140px;
}

.popup_panel#popupSetReAdvert button {
	width: 10em;
	border: 1px solid #A6A6A6;
	border-radius: 5px;
	background-color: #FFFFFF;
	color: #000000;
}

.popup_panel#popupSetReAdvert button.btn_off {
	background-color: #BFBFBF;
	color: #FFFFFF;
	cursor: default;
}

.popup_panel#popupSetReAdvert button.btn_sel {
	background-color: #45B035;
	color: #FFFFFF;
}

.popup_panel#popupSetReAdvert .notes {
	font-size: 13px;
}

/* 自社・他社物件一覧の一括用 */
.popup_panel#popupMessage .popup_panel_inner .company_estate_tbl_result th,
.popup_panel#popupMessage .popup_panel_inner .company_estate_tbl_result td {
	text-align: center;
	width: 35%;
}

.popup_panel#popupMessage .popup_panel_inner .company_estate_tbl_result .result_title {
	width: 100%;
	color: black;
	border: none;
	line-height: 0px;
	height: 30px;
	font-size: 16px;
	text-align: left;
	padding: 0px;
}

/* 継続確認用 */
.popup_panel#popupRenewHomes .popup_panel_inner {
	max-width: 790px;
}

/* ログイン後メッセージ用 */
.popup_panel#popupHomeMsg .popup_panel_inner .text {
	/*
	padding: 10px 32px 20px 32px;
	*/
	padding: 8px 32px 17px 32px;
}

.popup_panel#popupHomeMsg .popup_panel_inner h4 {
	color: #000000;
	text-decoration: underline;
}

.popup_panel#popupHomeMsg .popup_panel_inner p {
	/*
	margin: 10px 0;
	*/
	margin: 5px 0;
}

.popup_panel#popupHomeMsg .popup_panel_inner hr {
	border: 0;
	border-top: 1px solid #000;
}

.popup_panel#popupHomeMsg .popup_panel_inner .txt_sony {
	font-weight: bold;
	color: #66CC00;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_athome .fnt_title,
.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_homes .fnt_title {
	display: inline-block;
	padding: 0.5em;
	width: 100%;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_athome .fnt_title {
	font-weight: bold;
	/*
	color: #CD455D;
	*/
	background: #FFE8E8;
	border-left: solid 5px #CC0033;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_homes .fnt_title {
	font-weight: bold;
	/*
	color: #F38033;
	*/
	background: #FFF4E8;
	border-left: solid 5px #ED6103;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_desc {
	padding: 15px;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_txt_link {
	text-align: right;
}

.popup_panel#popupHomeMsg .popup_panel_inner .popup_chk_save_cookie {
	text-align: center;
}
/*--------------------------------------------------------*/


/* =========================================================
 画像登録用
========================================================= */
/* == 共通 == */
/* ドラッグエリア */
div#upload_drop_area {
	margin: 0px 10px;
}

/* プログレスバー */
.progress {
	height: 20px;
	overflow: hidden;
}

.progress-bar-success {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	background-color: #5cb85c;
	width: 0px;
	height: 100%;
}

/*  アップロード結果領域 */
div#upload_drop_area #files {
	clear: both;
	overflow: hidden;
	margin-top: 10px;
}

div#upload_drop_area #files p {
	width: 200px;
	float: left;
	border: 2px solid silver;
	padding: 10px;
	margin-right: 10px;
}

div#upload_drop_area #files p img,
div#upload_drop_area #files p video, div#upload_drop_area #files p object {
	max-width: 150px;
}

div#upload_drop_area .text-danger{
	color: #a94442;
}

/* 登録枠のタイトル */
div.img_title_public, div.img_title_close, div.img_title_movie {
	border: 1px solid silver;
	border-bottom: none;
	padding: 2px 0px 0px 5px;
	font-weight: normal;
	background-color: #daead1;
}

/* 登録枠 */
div.img_block {
	width: 150px;
	height: 150px;
	border: 3px solid silver;
	margin: 0px auto;
	position: relative;
}

div.img_btn_area, div.img_block_kind, div.img_block_comment {
	margin: 5px 10px 0px 10px;
}

/* 登録枠内の画像、動画 */
div.img_block img, div.img_block video, div.img_block object {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* 登録、削除ボタン */
div.img_btn_area {
	clear: both;
	overflow: hidden;
	/*margin: 5px 10px 0px 10px;*/
}

div.img_block_reg, div.img_block_del {
	width: 100%;
	height: 30px;/*height:28px;*/
	padding: 0;
	margin-top: 4px;
}

div.img_block_reg .fileinput-button {
	width: 100%;
	height: 30px;
	padding-top: 2px;
}

div.img_block_reg .fileinput-button input {
	height: 30px;
}

/* == 物件 == */
/*  アップロード結果領域 */
div#upload_target {
	border: 4px dashed silver;
	background: #eeeeee;
	padding: 15px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 25px;
	position: relative;
}

div#upload_target span {
	font-size: 150%;
}

/* 登録枠 */
.estate_image_frm_drag ul.img_list02 li.img_movie_drag .img_list_content {
	cursor: default;
}

/* 登録、削除ボタン */
.estate_image_frm_drag div.img_block_reg {
	float: left;
}

.estate_image_frm_drag div.img_block_del {
	float: right;
}

.estate_image_frm_drag div.img_block_del .gazoubutton02 {
	height: 30px;
}

.estate_image_frm_drag div.img_block_reg, .estate_image_frm_drag div.img_block_del {
	width: 100px;
}

/* 種別やコメント部分 */
.estate_image_frm_drag div.img_block_kind dl, .estate_image_frm_drag div.img_block_comment dl {
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.estate_image_frm_drag div.img_block_kind dl dt, .estate_image_frm_drag div.img_block_kind dl dd {
	display: table-cell;
}

.estate_image_frm_drag div.img_block_kind dl dt {
	width: 4.5em;
}

.estate_image_frm_drag div.img_block_kind .img_kind {
	height: 25px;
}

.estate_image_frm_drag div.img_block_comment dl dd {
	margin: 0px;
}

.estate_image_frm_drag div.img_block_comment .img_comment {
	width: 17.1em;
	height: 6.2em;
	resize: none;
	overflow: hidden;
	font-size: 12px;
}

/* == 物件（動画） == */
/* 登録一覧 */
.estate_image_frm_drag ul.img_list03 {
	clear: both;
	overflow: hidden;
}

.estate_image_frm_drag ul.no_movie_block {
	height: 0;
}

.estate_image_frm_drag ul.img_list03 li {
	display: inline-block;
}

/* 登録枠 */
.estate_image_frm_drag ul.img_list03 div.img_block {
	width: 428px;
	height: 245px;
}

.estate_image_frm_drag ul.no_movie_block div.img_block {
	width: 0;
	height: 0;
	border : none;
}

/* 登録、削除ボタン */
div.movie_btn_area {
	float: left;
	margin: 8px 0 0 30px;
}

.estate_image_frm_drag div.movie_btn_area div.img_block_del {
	float: left;
	margin-left: 5px;
}

/* 登録枠内の画像、動画 */
div.img_block video, div.img_block object {
	max-width: 99%;
	max-height: 99%;
}

/* == 会員 == */
.member_image_frm_drag ul.img_list {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.member_image_frm_drag ul.img_list li {
	display: inline-block;
	padding: 5px 0px 5px 5px;
	width: 232px;
	vertical-align: top;

}

.member_image_frm_drag ul.img_list li .img_list_content {
	border: 1px solid silver;
	padding: 10px 0px;
	margin: 0px auto;
	height: 250px;
}

div.img_block_del .filedelete {
	color: #45b035;
}
/*--------------------------------------------------------*/


/* =========================================================
 一覧共通用
========================================================= */
/* == 並べ替えアイコン == */
.list_order {
	color: #0000FF;
}

.list_order:hover {
	color: orangered;
}

.list_order_dsc, .list_order_asc {
	background-position: left center;
	*background-position: left -3px;
}

/* 降順アイコン */
.list_order_dsc {
	background-image: url('images/b_down.gif');
	background-repeat: no-repeat;
	padding-left: 21px;
}

.list_order_dsc:hover   {
	background-image: url('images/o_down.gif');
	background-repeat: no-repeat;
	color: orangered;
}

/* 昇順アイコン */
.list_order_asc {
	background-image: url('images/b_up.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
 }

.list_order_asc:hover   {
	background-image: url('images/o_up.gif');
	background-repeat: no-repeat;
	color: orangered;
}

/* == 物件画像 == */
.list_img   {
	width: 120px;
	height: 90px;
	margin: 0 auto;
}

.list_img img   {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


/* =========================================================
 エリア検索用
========================================================= */
/* 一括処理メニュー */
.batch_operation_menu {
	display: none;
	position: absolute;
	right: 0;
	background: #ffffff;
	border: 1px solid gray;
	text-align: left;
	margin-top: 2px;
	width: 185px;
	z-index: 1;
}

.batch_operation_menu ul {
	padding: 0;
	margin: 10px;
	list-style: none;
}

.batch_operation_menu li {
	padding: 5px;
	cursor: pointer;
}

.batch_operation_menu li:hover {
	background-color: #FAEBD7;
}

/* 取込済み行 */
.list_fetch_row td {
	background-color: #CCFF99;
}
/*--------------------------------------------------------*/


/* =========================================================
 物件詳細画像用
========================================================= */
.details_img {
	width: 94%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

/* 動画 */
.details_img .details_animation video {
	z-index: 1;
}

.details_img #embed {
	z-index: 1;
}

.details_img .douga {
	clear: both;
	/*
	margin-bottom:10px;
	*/
	margin: 0 auto 10px auto;
	width: 1056px;
	height: 594px;
	position: relative;
	background-color: #000000;
}

.details_img .douga.type_wmv {
	width: 480px;
	height: 270px;
	background-color: initial;
}

.details_img .douga video, .details_img .douga object {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* 画像の共通設定 */
.details_img div.loader {
	width: 500px;
	height: 420px;
}

.details_img div.img_zoom_list {
	 display: none;
}

/* 左側のメイン画像 */
.details_img div.mainImage {
	float: left;
	width: 580px;/*500px;*/
	padding-left: 40px;
	margin-left: 20px;
	margin-top: 20px;
}

.details_img div.mainImage div.slideshow-container {
	height: 430px;
	border: 1px solid #45b035;
	position: relative;
	overflow: hidden;
}

.details_img div.mainImage span.image-caption {
	display: block;
	position: absolute;
	width: 540px;
	top: 0;
	left: 0;
	font-size: 14px;
}

.details_img div.mainImage div.slideshow-container div.slideshow img {
	border: none;
}

.details_img div.mainImage div.slideshow-container div.slideshow span.image-wrapper {
	top: 45%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

.details_img div.mainImage div.slideshow-container .img_zoom {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.details_img div.mainImage div.slideshow-container .img_zoom a,
.details_img div.mainImage div.slideshow-container .img_zoom a:visited {
	color: #0066CC;
}

.details_img div.mainImage div.slideshow-container .img_zoom a:hover {
	opacity: 0.67;
}

.details_img div.mainImage .caption-container {
	position: relative;
	clear: left;
	height: 100px;
}

.details_img div.mainImage .caption-container div.caption {
	margin-top: 5px;
	font-weight: bold;
}

.details_img div.mainImage div.controls {
	position: relative;
	height: 5px;
}

.details_img div.mainImage div.controls .prev, .details_img div.mainImage div.controls .next {
	position: absolute;
	top: -380px;
}

.details_img div.mainImage div.controls .prev {
	left: -40px;
}

.details_img div.mainImage div.controls .next {
	right: -40px;
}

.details_img div.mainImage div.controls .prev:hover, .details_img div.mainImage div.controls .next:hover {
	opacity: 0.67;
}

/* 右側のサムネイル画像 */
.details_img div.gallery {
	float: right;
	width: 350px;/*220px;*/
	height: 460px;
	border: 1px solid #45b035;
	padding: 10px 0px;
	margin-right: 10px;
}

.details_img div.gallery ul.thumbs {
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	height: 400px;
}

.details_img div.gallery ul.thumbs li {
	height: 75px;
	width: 90px;
	margin: 10px 0 10px 20px;
}

.details_img div.gallery li a.thumb {
	height: 65px;
	border: 2px solid #ccc;
	position: relative;
}

.details_img div.gallery ul.thumbs li.selected a.thumb {
	background: none;
	border: 2px solid #CC6600;
}

.details_img div.gallery ul.thumbs img {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

.details_img div.gallery ul.thumbs li div.img_type {
	background-color: #ccc;
	color: #333333;
	font-size: 13px;
}

.details_img div.gallery ul.thumbs li div.img_type.energy_efficient {
	font-size: 11px;
}

.details_img div.gallery ul.thumbs li.selected div.img_type {
	background-color: #CC6600;
	color: #fff;
}

.details_img div.gallery div.pagination {
	display: inline-block;
	overflow: hidden;
	margin-left: 8px;
	font-size: 13px;
}

.details_img div.gallery div.pagination span.current {
	background-color: #45b035;
	border-color: #45b035;
}

/* LightBox Library */
#lightbox .lb-data {
	overflow: hidden;
	padding: 5px 0 0 0;
}

#lightbox .lb-container {
	padding: 6px;
}

#lightbox .lb-data .lb-number {
	padding-bottom: 5px;
	font-size: 15px;
}

#lightbox .lb-data .lb-caption {
	font-size: 16px;
}

#lightbox .lb-data .lb-close {
	margin-right: 10px;
}

/* 印刷用 */
.details_img02 .print_details_img {
	display: flex;
	flex-wrap: wrap;
}

.details_img02 .print_details_img li {
	height: auto;
	float: none;
}
/*--------------------------------------------------------*/


/* =========================================================
 連携サービス用
========================================================= */
#linkup_dialog {
	display: none;
}
/*--------------------------------------------------------*/


/* =========================================================
 物件チラシ用
========================================================= */
#drawing_print_panel_inner {
	display: none;
	padding: 8px;
}

/* ダイアログのタイトル */
.popupDrawingPrint .ui-dialog-titlebar {
	display: none;
}

.popupDrawingPrint .headline {
	position: relative;
	padding: 8px 16px;
	margin: 0 0 .5em;
	font-weight: normal;
	border-radius: 4px;
	background-color: #daead1;
}

.popupDrawingPrint .headline h3 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #0c0c0d;
}

/* ダイアログのタイトル右側の閉じるボタン */
.popupDrawingPrint .closeBtn {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	cursor: pointer;
}

/* ダイアログ内容部分 */
.popupDrawingPrint .wrap {
	overflow-y: auto;
	padding: 0px 16px;
	margin-bottom: 24px;
}

.popupDrawingPrint .wrap .linktype02 {
	color: #45b035 !important;
}

/* ダイアログの下側のボタン */
.popupDrawingPrint .footerCloseBtnMulti {
	text-align: center;
	margin-bottom: 10px;
}

.popupDrawingPrint .footerCloseBtnMulti span {
	padding: 8px 16px;
	font-size: 14px;
	background-color: #eeeeee;
	color: #231815;
	text-decoration: none;
	cursor: pointer;
}

.popupDrawingPrint .footerCloseBtnMulti span i {
	margin-right: 5px;
}
/*--------------------------------------------------------*/


/* =========================================================
 料金プラン用
 ※事務局用 会員画面のプラン表示は別の箇所へ記載
========================================================= */
.wrap.plan_wrap {
	padding-bottom: 0;
}

.plan_container .contents_plan_main {
	width: 90%;
	margin: 0 auto 100px auto;
}

.plan_container .contents_plan_main.conf {
	width: 85%;
}

/* 確認や更新ボタン */
.plan_container .hp_link, .plan_container button {
	padding: 10px 20px;
	border: 1px solid #70AD47;
	border-radius: 5px;
	background-color: #E2F0D9;
	color: #000000;
}

.plan_container .plan_footer_update button {
	width: 13em;
}

.plan_container button.btn_off {
	border: 1px solid #969696;
	background-color: #D0CECE;
	color: #FFFFFF;
	cursor: default;
}

.plan_container button.btn_return {
	border: 1px solid #969696;
	background-color: #F0F0F0;
	color: #000000;
}

/*---------------------------------------
 * 料金プラン設定
---------------------------------------*/
/* 各情報表示枠のタイトルなど */
.plan_container .contents_plan_main details {
	border: 1px solid #7F7F7F;
	border-radius: 8px;
	background-color: #FFFFFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

.plan_container .contents_plan_main details:hover {
	background-color: #DAEAD1;
}

.plan_container .contents_plan_main details summary {
	color: #7F7F7F;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 1em 2em;
	cursor: pointer;
}

.plan_container .contents_plan_main details summary::-webkit-details-marker {
	display: none;
}

.plan_container .contents_plan_main details summary::before,
.plan_container .contents_plan_main details summary::after {
	width: 5px;
	height: 30px;
	border-radius: 5px;
	background-color: #7F7F7F;
	content: '';
	position: absolute;
	right: 2.5em;
}

.plan_container .contents_plan_main details summary::before {
	rotate: 90deg;
}

.plan_container .contents_plan_main details summary::after {
	transition: rotate .3s;
}

.plan_container .contents_plan_main details[open] summary::after {
	rotate: 90deg;
}

/* == 左側 == */
.plan_container .contents_plan_main .summary_left {
	width: 60px;
	border-right: 1px solid #7F7F7F;
	padding: 15px 0;
}

.plan_container .contents_plan_main .usage_situation .summary_left {
	padding: 10px 0;
}

.plan_container .contents_plan_main .summary_left img {
	width: 45px;
	vertical-align: bottom;
}

.plan_container .contents_plan_main .summary_left img.add_option {
	width: 85px;
	position: absolute;
	left: 0.6em;
	top: -0.5em;
	display: block;
}

.plan_container .contents_plan_main details[open] .summary_left img.add_option {
	display: none;
}

/* == 真ん中 == */
.plan_container .contents_plan_main .summary_center {
	flex: 1;
	padding-left: 1em;
}

.plan_container .contents_plan_main .summary_center .title {
	color: #45B035;
	font-size: 30px;
}

/* == 右側 == */
.plan_container .contents_plan_main .summary_right {
	flex: 1;
	text-align: right;
	margin-right: 2.5em;
}

.plan_container .contents_plan_main .summary_right.open {
	display: none;
}
.plan_container .contents_plan_main details[open] .summary_right.open {
	display: block;
}

.plan_container .contents_plan_main .summary_right.close {
	display: block;
}
.plan_container .contents_plan_main details[open] .summary_right.close {
	display: none;
}

/* 各情報表示枠の詳細内容 */
.plan_container .contents_plan_main details .overview {
	border-top: 1px solid #7F7F7F;
	margin: 0.5em 2em 1em 2em;
	padding: 1em 1em 0.5em 1em;
}

/* == 各プランを変更する表 == */
.plan_container .contents_plan_main details .overview .tbl_chg_plan {
	width: 85%;
	margin: 0 auto;
	border: 1px solid #AFABAB;
}

.plan_container .contents_plan_main details .overview .tbl_chg_plan th,
.plan_container .contents_plan_main details .overview .tbl_chg_plan td {
	background-color: #FFFFFF;
	border: none;
}

.plan_container .contents_plan_main details .overview .tbl_chg_plan th.chg_plan_title {
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #000000;
}

.plan_container .contents_plan_main details .overview .tbl_chg_plan td.chg_plan_arrow {
	text-align: center;
}

.plan_container .contents_plan_main details .overview .tbl_chg_plan td.plan_price {
	text-align: right;
}

.plan_container .contents_plan_main details .overview select {
	font-size: 15px;
	background-color: #E2F0D9;
	border: 1px solid #70AD47;
	border-radius: 5px;
	display: inline-block;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, #FFFFFF 50%),
		linear-gradient(135deg, #FFFFFF 50%, transparent 50%),
		radial-gradient(#70AD47 70%, transparent 72%);
	background-position: 112px 17px, 119px 17px, 108px;
	background-size: 8px 6px, 8px 6px, 1.5em 1.5em;
	background-repeat: no-repeat;
}

.plan_container .contents_plan_main details .overview select:focus {
	outline: none;
}

.plan_container .contents_plan_main details .overview .tbl_chg_plan img,
.plan_container .contents_plan_footer .tbl_footer_plan img {
	width: 15px;
	vertical-align: bottom;
}

.plan_container .contents_plan_footer .tbl_footer_plan img {
	vertical-align: sub;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details img {
	height: 18px;
	vertical-align: middle;
}

.plan_container img.img_arrow_none {
	display: none;
}

/* == 各プランを変更する表内のコメント == */
.plan_container .contents_plan_main details .overview .comment {
	width: 85%;
	margin: 0.5em auto 0 auto;
}

/* == アットホームへの申請内容 == */
.plan_container .contents_plan_main details .overview .request_athome {
	width: 85%;
	margin: 1.5em auto 0 auto;
}

.plan_container .contents_plan_main details .overview .request_athome span {
	color: #7F7F7F;
	font-weight: bold;
}

.plan_container .contents_plan_main details .overview .request_athome span.need {
	color: #E91C16;
}

.plan_container .contents_plan_main details .overview .request_athome table {
	width: 100%;
}

.plan_container .contents_plan_main details .overview .request_athome th,
.plan_container .contents_plan_main details .overview .request_athome td {
	border: 1px solid #AFABAB;
}

.plan_container .contents_plan_main details .overview .request_athome td {
	background-color: #FFFFFF;
}

.plan_container .contents_plan_main details .overview .request_athome .notes div {
	padding-left: 1em;
	text-indent: -1em;
}

/* == アットホームへ申請中 == */
.plan_container .contents_plan_main .plan_athome.application .over_tbl {
	position: relative;
	width: 85%;
	margin: 0 auto;
}

.plan_container .contents_plan_main .plan_athome.application .over_tbl .over_plan {
	position: absolute;
	background-color: rgba(231, 230, 230, 0.5);
	z-index: 2;
	width: 100%;
	height: 100%;
}

.plan_container .contents_plan_main .plan_athome.application .over_tbl .over_plan.is-show-plan {
	pointer-events: none;
}

.plan_container .contents_plan_main .plan_athome.application .overview .tbl_chg_plan {
	width: 100%;
}

.plan_container .contents_plan_main .plan_athome.application .overview .tbl_chg_plan .chg_plan_total.left span {
	position: relative;
	z-index: 2;
}

/* == 自社ホームページサービス == */
.plan_container .contents_plan_main details.plan_my_homepage .overview {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* == 直近12ヶ月のご利用状況 == */
.plan_container .contents_plan_main details.usage_situation .overview table {
	width: 100%;
}

.plan_container .contents_plan_main details.usage_situation .overview table td {
	background-color: #FFFFFF;
}

/* オプション使用不可・アットホームプラン変更申請中 */
.plan_container .contents_plan_main .usage_prohibited .summary_right,
.plan_container .contents_plan_main .plan_athome.application .summary_right.close {
	color: #FF5050;
	font-size: 24px;
	margin-right: 1.5em;
}

.plan_container .contents_plan_main .usage_prohibited .overview span {
	color: #FF5050;
	font-weight: bold;
	font-size: 20px;
}

.plan_container .contents_plan_main .usage_prohibited .overview {
	font-size: 15px;
}

/* 変更前と後の金額表示部分 */
.plan_container .contents_plan_main .overview .tbl_chg_plan .chg_plan_total,
.plan_container .contents_plan_main .tbl_chg_plan_conf .chg_plan_total {
	text-align: right;
	border-top: 1px solid #AFABAB;
	background-color: #F2F2F2;
	padding-right: 2em;
}

.plan_container .contents_plan_main .overview .tbl_chg_plan .chg_plan_total.left {
	text-align: left;
	color: #FF5050;
	font-size: 24px;
	font-weight: bold;
}

.plan_container .chg_plan_total img {
	margin-left: 1em;
}

/* == 月額変更前 == */
.plan_container .monthly_fee.old {
	color: #000000;
}

/* == 月額変更後 == */
.plan_container .contents_plan_main .overview .tbl_chg_plan .chg_plan_total div {
	display: inline-block;
}

.plan_container .monthly_fee {
	color: #FF5050;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	padding-left: 1em;
	padding-right: 0.2em;
}

.plan_container .chg_plan_total .monthly_fee {
	padding-left: 0.5em;
}

/*---------------------------------------
 * 料金プラン設定確認
---------------------------------------*/
.plan_container .contents_plan_main .tbl_chg_plan_conf {
	width: 100%;
	border: 1px solid #AFABAB;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf td {
	border: none;
	height: 35px;
	text-align: center;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf td.td_adjust {
	border: none;
	height: 20px;
	padding: 0;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf .green_title {
	color: #45b035;
	font-size: 24px;
	font-weight: bold;
	border-right: 1px solid #AFABAB;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf .plan_option_nm {
	text-align: left;
	padding-left: 2em;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf .plan_price {
	text-align: right;
	padding-right: 2em;
}

/* 表示メッセージ */
.plan_container .contents_plan_main .dsp_msg {
	text-align: center;
	font-size: 17px;
}

/* 申請中の内容 */
.plan_container .contents_plan_main.conf .request_athome {
	border: 1px solid #AFABAB;
	border-top: none;
	padding: 10px 20px 20px 20px;
}

.plan_container .contents_plan_main.conf .request_athome table {
	width: 100%;
}

/* 注意事項 */
.plan_container .contents_plan_main .tbl_chg_plan_conf.notes td {
	border: 1px solid #AFABAB;
	text-align: left;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf.notes td div {
	padding-left: 1em;
	text-indent: -1em;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf.notes td span {
	color: #45b035;
	font-weight: bold;
}

/* 自社ホームページサービス */
.plan_container .contents_plan_main .tbl_chg_plan_conf .green_title.my_hp {
	border-right: none;
	text-align: left;
	width: auto;
}

.plan_container .contents_plan_main .tbl_chg_plan_conf .chg_plan_total.my_hp {
	background-color: initial;
}

/* 注意事項確認チェックボックス */
.notes_checkbox {
	display: flex;
	justify-content: center;
}

.notes_checkbox label {
	display: flex;
	gap: 0 1em;
	position: relative;
	color: #45b035;
	font-weight: bold;
}

.notes_checkbox label::before,
.notes_checkbox label:has(:checked)::after {
	content: '';
}

.notes_checkbox label::before {
	width: 20px;
	height: 20px;
	border: 1px solid #45b035;
}

.notes_checkbox label:has(:checked)::before {
	background-color: #45b035;
}

.notes_checkbox label:has(:checked)::after {
	position: absolute;
	top: 4px;
	left: 8px;
	transform: rotate(45deg);
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
}

.notes_checkbox input {
	display: none;
}

/*---------------------------------------
 * 料金プラン フッター固定部分
---------------------------------------*/
.plan_container .contents_plan_footer {
	width: 100%;
	position: sticky;
	bottom: 0;
	z-index: 2;
}

/* 変更前と後の総合計情報 */
.plan_container .contents_plan_footer .plan_footer_details,
.plan_container .contents_plan_footer .plan_footer_update {
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 -12px 20px -8px rgb(0, 0, 0, 0.3);
}

.plan_container .contents_plan_footer .plan_footer_update {
	width: 100%;
}

.plan_container .contents_plan_footer .tbl_footer_plan {
	width: 100%;
	height: 80px;
}

.plan_container .contents_plan_footer .plan_footer_update .tbl_footer_plan {
	width: 95%;
	height: 100px;
	margin: 0 auto;
}

.plan_container .contents_plan_footer .tbl_footer_plan th,
.plan_container .contents_plan_footer .tbl_footer_plan td {
	border: none;
}

.plan_container .contents_plan_footer .tbl_footer_plan td.chg_plan_total.right {
	text-align: center;
}

.plan_container .contents_plan_footer.conf .tbl_footer_plan td {
	text-align: center;
	width: 50%;
}

/* == 内訳を開くリンク == */
.plan_container .contents_plan_footer a.btn_plan_total_info {
	color: #5B9BD5;
	font-weight: bold;
	display: inline-block;
	position: relative;
    padding-left: 25px;
    padding-right: 25px;
}

.plan_container .contents_plan_footer a.plan_open:after, .plan_container .contents_plan_footer a.plan_close:after {
	display: block;
	content: '';
	position: absolute;
	right: 5px;
	transition: transform .3s;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #5B9BD5;
	border-right: 1px solid #5B9BD5;
}

.plan_container .contents_plan_footer a.plan_open:after {
	transform: translateY(-25%) rotate(225deg);
	top: 12px;
}

.plan_container .contents_plan_footer a.plan_close:after {
	transform: rotate(45deg);
	top: 4px;
}

/* == 月額料金など == */
.plan_container .tbl_footer_plan .chg_plan_total div {
	display: inline-block;
}

.plan_container .tbl_footer_plan .chg_plan_total div div {
	display: inline-block;
}

.plan_container .tbl_footer_plan .chg_plan_total .monthly_fee_athome_comment {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
	padding-left: 2em;
}

.plan_container .tbl_footer_plan .monthly_fee, .plan_container .tbl_footer_plan .monthly_fee.old {
	font-size: 28px;
}

/* == 操作ボタン == */
.plan_container .contents_plan_footer .plan_footer_update .chg_plan_total.right {
	text-align: right;
}

.plan_container .contents_plan_footer .plan_footer_update .chg_plan_total.right div {
	color: #FF0000;
	display: block;
	margin-top: 10px;
}

/* 全ての変更前と後のプラン情報詳細 */
.plan_container .contents_plan_footer .plan_footer_details .overview {
	display: none;
	margin: 0 10px;
	padding: 10px 0;
	border-bottom: 1px solid #D0CECE;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details {
	width: 95%;
	margin: 0 auto;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td {
	height: 30px;
	padding: 0;
	border: none;
	text-align: center;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.plan_option_type {
	width: 13em;
	text-align: left;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.plan_option_nm {
	width: 7em;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.plan_option_nm span {
	width: 3em;
	display: inline-block;
	text-align: right;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.plan_price {
	width: 13em;
	font-weight: bold;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.plan_price span {
	width: 8em;
	display: inline-block;
	text-align: right;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.chg_plan_arrow {
	width: 2em;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.request_athome_comment {
	width: 4em;
	color: #FF0000;
	font-weight: bold;
	text-align: right;
}

.plan_container .contents_plan_footer .plan_footer_details .tbl_footer_plan_details td.td_none {
	visibility: hidden;
}
/*--------------------------------------------------------*/


/* =========================================================
 物件登録用
========================================================= */
/* 転送マーク */
.explain_hato, .explain_reins, .explain_homes, .explain_athome {
	color: #FFFFFF;
	width: 23px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	margin-right: 5px;
	border-radius: 8px;
	font-weight: bold;
}

.explain_reins {
	background-color: #664dfb;
}

.explain_hato {
	background-color: #19b10c;
}

.explain_homes {
	background-color: #ffaa00;
}

.explain_athome {
	background-color: #cc0033;
}

td.cell_explain_transfer .explain_athome {
	margin-right: 0;
}

/* 転送マーク（登録項目の基本タブ・条件等タブ用） */
table.nobold td.cell_explain_transfer {
	padding: 0px 5px 0 12px;
	vertical-align: top;
	vertical-align: middle;
}

table.nobold td.cell_explain_transfer.top {
	padding-top: 8px;
	vertical-align: top;
}

td.cell_explain_transfer div {
	width: 110px;
	text-align: left;
	height: 43px;
	line-height: 43px;
}

td.cell_explain_transfer div.adjust_space {
	height: 40px;
}

td.cell_explain_transfer div.adjust_1row {
	height: 30px;
}

td.cell_explain_transfer div.adjust_2row_lots {
	height: 3.5em;
	line-height: 3.5em;
}

td.cell_explain_transfer div.adjust_2row {
	height: 4.5em;
	line-height: 4.5em;
}

td.cell_explain_transfer div.adjust_4row {
	height: 5.5em;
	line-height: 5.5em;
}

td.cell_explain_transfer div.adjust_5row {
	height: 7em;
	line-height: 7em;
}

td.cell_explain_transfer div.adjust_otherrow {
	height: 13em;
	line-height: 13em;
}

table.nobold div.inp_explain_transfer:not(:first-child) {
	margin-top: 20px;
}

table.nobold div.inp_explain_transfer input {
	margin-right: 0.5em;
}

/* 転送マーク（登録項目の設備等タブ用） */
.list_explain_transfer li {
	display: inline-block;
	width: 48%;
	height: 3em;
	padding: 8px 0;
	margin: 12px 0px;
	vertical-align: bottom;
	border-bottom: ridge 2px burlywood;
	border-right: ridge 2px burlywood;
	background: whitesmoke;
}

.list_explain_transfer li label {
	display: inline-block;
	width: 17em;
}

.list_explain_transfer div {
	display: inline-block;
}

/* エラーがあるタブ */
.buk_reg_tab_menu table td.err_tab{
	background-color: #f8d6d9;
}

/* 選択中のタブ */
.buk_reg_tab_menu table td.sel_tab {
	background-color: #daead1;
}

/* 各項目毎のエラー表示 */
.buk_reg_tab_menu table td.tab_err_0, .buk_reg_tab_menu table td.tab_err_1,
.buk_reg_tab_menu table td.tab_err_2, .buk_reg_tab_menu table td.tab_err_3, .buk_reg_tab_menu table td.tab_err_4 {
	height: auto;
}

.buk_reg_tab_menu table td.tab_err_0 {
	border: none;
}

.buk_reg_tab_content table td.err_input{
	background-color: #f8d6d9;
}

.buk_reg_tab_content table td.err_input .err_input_msg{
	padding-top: 10px;
	color: #DC3545;
	font-weight: bold;
}

/* チェックボックスやラジオボンタンの余白 */
.buk_reg_tab_content table td .ul3 input, .buk_reg_tab_content table td.radio_list input {
	margin-right: 0.5em;
}

/* チェックボックスのreadonlyで編集不可 */
input[type="checkbox"][readonly], [readonly] + label {
	pointer-events: none;
}

/* 交通情報 */
.buk_reg_tab_content .traffic_tbl {
	margin-bottom: 5px;
}

/* 学校ボタン */
.buk_reg_tab_content table #btn_sel_primary_school, .buk_reg_tab_content table #btn_sel_junior_high_school,
.buk_reg_tab_content table #btn_sel_university {
	width: 100px;
}

/* 省エネ性能 */
.buk_reg_tab_content table.tbl_energy tr:nth-child(2) td {
	vertical-align: top;
}

.buk_reg_tab_content table.tbl_energy .energy_efficient_title {
	margin-top: 6px;
}

.buk_reg_tab_content .energy_efficient_on, .buk_reg_tab_content .energy_efficient_off {
	display: inline-block;
}
/*--------------------------------------------------------*/


/* =========================================================
 ポイント設定用
========================================================= */
/* ファイルアップロード */
#data_upload input {
	display: none;
}
/*--------------------------------------------------------*/


/* =========================================================
 代行検索用
========================================================= */
/* 検索条件指定 */
#local_area, #local_area tr {
	display: none;
}

/* 検索一覧 */
#kaisya_area .search_member_bar .btn_mass_email, #kaisya_area .regist_under_bar .btn_mass_email {
	vertical-align: baseline;
}

#kaisya_area .member_no, #kaisya_area .bill_payment, #kaisya_area .kabunushi,
#kaisya_area .tel_fax, #kaisya_area .nyukai {
	white-space: nowrap;
}
/*--------------------------------------------------------*/


/* =========================================================
 メール一斉送信機能用
========================================================= */
.txt_readonly {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
	color: #6D6D6D;
	padding: 2px;
}
/*--------------------------------------------------------*/


/* =========================================================
 研修動画登録一覧、設定用
========================================================= */
/* 一覧と入力テーブル */
.contents.videoRegList {
	margin: 0 auto;
	width: 90%;
}

/* 非公開の動画 */
.videoRegList .private_video, .videoAccessList .private_video {
	background-color: #a9a9a9;
}
/*--------------------------------------------------------*/


/* =========================================================
 動画登録機能用
========================================================= */
/* 動画用 */
#dsp_video_file video {
	margin-top: 10px;
	background-color: #000;
}

/* サムネイル画像用 */
#tmb img {
	margin-top: 10px;
	width: 200px;
	max-width: 100%;
}

/* 研修用資料用 */
#dsp_training_document {
	padding-top: 10px;
}

/*--------------------------------------------------------*/


/* =========================================================
 動画視聴ページ一覧用
========================================================= */
/* 動画一覧用表示サイズ */
.video_list table {
	margin: 0 auto;
}

/* タイトル */
.video_list .listvideo_title {
	font-size: 20px;
}

/* コメント */
.video_list .listvideo_comment {
	padding-top: 5px;

	/** 3行以上で省略 */
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	min-height: 22px;

	/** IE対策 */
	line-height: 22px;
	max-height: calc(22px * 3);
}
/*--------------------------------------------------------*/


/* =========================================================
 動画視聴ページ用
========================================================= */
.viewing_video {
	width: 90%;
	margin: 30px auto 70px auto;
	display: table;
	table-layout: fixed;
}

/* 左側コンテンツ部分 */
.viewing_video .contents_video_left {
	display: table-cell;
	padding-right: 24px;
}

.viewing_video .contents_video_left_inner {
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
}

.viewing_video .contents_video_left video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 1px solid #000;
	background-color: #000;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;

}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}

.viewing_video .contents_video_left .linktype03 {
	text-align: center;
	padding: 12px 15px;
	text-decoration: none;
	background-color: #CC0001;
	color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 10px;
	bottom: -60px;
}

/* 右側コンテンツ部分 */
.viewing_video .contents_video_right {
	display: table-cell;
	width: 400px;
	vertical-align: top;
}

.viewing_video .contents_video_right .video_title {
	font-size: 20px;
	font-weight: bold;
}

.viewing_video .contents_video_right .video_comment {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/*--------------------------------------------------------*/


/* =========================================================
 料金プランシミュレーション用（現在は未使用）
========================================================= */
/*
.plan_simulation_container{
	width: 100%;
	display: table;
	table-layout: fixed;
}

.contents_plan_simulation h3 {
	font-size: 24px;
}

.plan_caution {
	color: #ff0000;
}

table.nobold60 .plan_top_left {
	border-right-style: none;
}

table.nobold60 .plan_top_right {
	border-left-style: none;
}

/* 左側コンテンツ部分 *
.contents_plan_simulation {
	display: table-cell;

}

/* プラン選択と合計の表の間の部分 *
.blank{
	display: table-cell;
	width: 20px;
}

/* 右側コンテンツ部分 *
.contents_plan_simulation2 {
	display: table-cell;
	width: 350px;
}

.selPlanInfo {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #221714;
	border-radius: 10px;
	width: 350px;
}

.selPlanInfo_inner .headline {
	padding: 8px 16px;
	margin: 0 0 .5em;
	border-radius: 4px;
	background-color: #daead1;
}

.selPlanInfo_inner .monthly_price {
	margin: 0 5px;
	font-size: 20px;
}

.selPlanInfo.is-fixed {
	position: fixed;
	top: 18px;
	right: 20px;
	z-index: 1;
}
*/
/*--------------------------------------------------------*/


/* =========================================================
 宅建協会のお知らせ登録一覧用
========================================================= */
.contents.tkNewsRegList {
	margin: 0 auto;
	width: 90%;
}

/* 非公開のお知らせ */
.tkNewsRegList .private_tk_news, .tkNewsAccessList .private_tk_news {
	background-color: #a9a9a9;
}
/*--------------------------------------------------------*/


/* =========================================================
 宅建協会のお知らせ一覧用
========================================================= */
.tk_news_list table {
	margin: 0 auto;
}

.tk_news_list .tbl_tk_news {
	width: 80%;
	margin: 0 auto;
}

.tk_news_list .tbl_tk_news .listTkNews_row {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0.9vw 1.5vw;
	border-top: 1px solid #000000;
}

.tk_news_list .tbl_tk_news .listTkNews_row:last-of-type {
	border-bottom: 1px solid #000;
}

.tk_news_list .tbl_tk_news .listTkNews_row .listTkNews_branch {
	width: 120px;
	text-align: center;
	padding: 0.3vw 0;
	background-color: #646464;
	color: #FFFFFF;
	margin: 0 1.5vw;
}
/*--------------------------------------------------------*/


/* =========================================================
 宅建協会のお知らせ詳細用
========================================================= */
.tkNews_details {
	width: 70%;
	margin: 30px auto 0 auto;
}

.tkNews_details .page_date, .tkNews_details .page_inner {
	font-size: 110%;
}

.tkNews_details .page_inner {
	line-height: 1.875;
}
/*--------------------------------------------------------*/


/* =========================================================
 ハザードマップ用
========================================================= */
/* 物件詳細画面 */
.details_summary {
	position: relative;
}

.details_summary .hazardmap {
	position: absolute;
	top: 15px;
	right: 15px;
}

.details_summary .hazardmap a {
	display: inline-block;
	color: #FF0000;
	font-size: 13px;
	padding: 2px 13px;
	border: 2px solid #FF0000;
	border-radius: 5px;
}

/* 自社物件操作画面 */
.esOpe_btnSousa button {
	margin-bottom: 0.7em;
}
/*--------------------------------------------------------*/


/* =========================================================
 賃貸型応急住宅一覧（代行）用
========================================================= */
/* 検索結果表示 */
table.gray_linenone {
	border-collapse: collapse;
	border-spacing: 0pt;
}

table.gray_linenone th {
	background-color: #eee;
	padding: 20px;
	font-size: 14px;
	text-align:left;
}

table.gray_linenone td {
	background-color: #eee;
	padding: 20px;
	font-size: 14px;
}
/*--------------------------------------------------------*/


/* =========================================================
 転送先表示（自社物件一覧、自社物件操作）
========================================================= */
table.nobold td.dsp_img_count, table.nobold td.dsp_estate_summary {
	border-bottom: none;
}

table.nobold td.transfer_point, table.nobold td.transfer_point_img, table td.detail_transfer {
	height: 30px;
	padding: 0;
	border-top: 1px dashed #d9d9d9;
}

table.nobold td.transfer_point, table td .detail_transfer_point {
	text-align: center;
}

table.nobold td.transfer_point_img, table td .detail_transfer_point_img {
	padding-left: 8px;
}

table.nobold td.transfer_point_img img, table td .detail_transfer_point_img img {
	width: 80px;
	vertical-align: bottom;
	margin-right: 10px;
}

/* 物件登録確認画面 */
table td.detail_transfer {
	clear: both;
}

table td .detail_transfer_point, table td .detail_transfer_point_img {
	float: left;
}

table td .detail_transfer_point {
	width: 15%;
	height: 30px;
	line-height: 31px;
	border-right: 1px solid #d9d9d9;
}

table td .detail_transfer_point_img {
	width: 85%;
}
/*--------------------------------------------------------*/


/* =========================================================
 通知用メールアドレス用
========================================================= */
#popupMemberNoticeMail .tbl_notice_mail, #popupMemberNoticeMail .tbl_notice_flg {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0pt;
	border: none;
	margin-bottom: 1em;
}

#popupMemberNoticeMail table th {
	font-weight: normal;
	width: 30%;
}

#popupMemberNoticeMail  .tbl_notice_mail input {
	width: 100%;
}

#popupMemberNoticeMail .tbl_notice_flg td {
	border: none;
	height: auto;
	padding: 0;
}

#popupMemberNoticeMail .tbl_notice_flg td.notice_flg_input {
	padding: 5px 0 20px 1em;
}
/*--------------------------------------------------------*/


/* =========================================================
 自社物件一覧用
========================================================= */
/* == 登録物件数メニュー == */
#regist_bar_update {
	margin-bottom: 1em;
	position: relative;
	min-height: 23px;
}

/* 警告部分 */
.regist_bar_warning a {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}

.regist_bar_warning img {
	width: 30px;
	vertical-align: sub;
	margin-right: 5px;
}

/* 各件数表示部分 */
.regist_bar_estate {
	margin-right: 9em;
}

/* 詳細を開くリンク */
.regist_bar_link_plan {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.regist_bar_link_plan a.btn_plan_info {
	color: #696969;
	display: inline-block;
	position: relative;
    padding-left: 25px;
}

.regist_bar_link_plan a.plan_open:after, .regist_bar_link_plan a.plan_close:after {
	display: block;
	content: '';
	position: absolute;
	left: 5px;
	transition: transform .3s;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #696969;
	border-right: 1px solid #696969;
}

.regist_bar_link_plan a.plan_open:after {
	transform: translateY(-25%) rotate(45deg);
	top: 6px;
}

.regist_bar_link_plan a.plan_close:after {
	transform: rotate(225deg);
	top: 9px;
}

/* == プラン毎の登録物件数メニュー == */
#regist_bar_plan {
	margin-bottom: 1.5em;
}

#regist_bar_plan table {
	width: 100%;
}

#regist_bar_plan table tr:nth-child(2n+1) {
	background: #f5f5f5;
}

#regist_bar_plan table th, #regist_bar_plan table td {
	text-align: center;
	height: auto;
	border: none;
}

#regist_bar_plan table th {
	width: 8em;
	height: 41px;
	line-height: 2;
	vertical-align: bottom;
	color: #FFFFFF;
	font-size: 16px;
	padding: 0;
}

#regist_bar_plan table th.th_first {
	width: 9em;
}

#regist_bar_plan table th.cell_smaime {
	background-color: #45B035;
	border-bottom: 5px solid #45B035;
}

#regist_bar_plan table th.cell_smaime.th_first {
	background: linear-gradient(
		300deg,
		#45B035 0%,
		#45B035 15%,
		#FFFFFF 16%,
		#FFFFFF 100%
	);
}

#regist_bar_plan table th.cell_homes {
	background-color: #ED6103;
	border-bottom: 5px solid #ED6103;
}

#regist_bar_plan table th.cell_homes.th_first {
	background: linear-gradient(
		300deg,
		#ED6103 0%,
		#ED6103 15%,
		#FFFFFF 16%,
		#FFFFFF 100%
	);
}

#regist_bar_plan table th.cell_athome {
	background-color: #CC0034;
	border-bottom: 5px solid #CC0034;
}

#regist_bar_plan table th.cell_athome.th_first {
	background: linear-gradient(
		300deg,
		#CC0034 0%,
		#CC0034 15%,
		#FFFFFF 16%,
		#FFFFFF 100%
	);
}

#regist_bar_plan table th.cel_empty {
	background-color: #FFFFFF;
	width: 1em;
}

#regist_bar_plan table th img {
	width: 100px;
	vertical-align: bottom;
	margin-left: -1em;
}

#regist_bar_plan table td {
	padding: 5px 0;
}
/*--------------------------------------------------------*/


/* =========================================================
 他社物件一覧用
========================================================= */
.thw63{
	width: 110px;
}
/*--------------------------------------------------------*/


/* =========================================================
 事務局用 会員データ登録用
 ※プラン表示部分は料金プラン設定画面とは別に記載
========================================================= */
#member_admin .plan_athome {
	margin-top: 20px;
}

#member_admin .plan_athome span {
	color: #7F7F7F;
	font-weight: bold;
}

#member_admin .plan_athome .tbl_chg_plan {
	width: 70%;
	border: 1px solid #d9d9d9;
}

#member_admin .plan_athome .tbl_chg_plan th, #member_admin .plan_athome .tbl_chg_plan td {
	border: none;
}

#member_admin .plan_athome .tbl_chg_plan th.chg_plan_title {
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #000000;
}

#member_admin .plan_athome .tbl_chg_plan th {
	background-color: #FFFFFF;
	font-weight: bold;
}

#member_admin .plan_athome .tbl_chg_plan td.chg_plan_arrow {
	text-align: center;
}

#member_admin .plan_athome .tbl_chg_plan td.chg_plan_arrow img {
	width: 15px;
	vertical-align: bottom;
}

#member_admin .plan_athome .tbl_chg_plan td.plan_price {
	text-align: right;
}

#member_admin .plan_athome .tbl_chg_plan td.chg_plan_total {
	color: #FF5050;
	font-size: 24px;
	font-weight: bold;
	border-top: 1px solid #d9d9d9;
	background-color: #F2F2F2;
	vertical-align: bottom;
}

#member_admin .plan_athome .request_athome table {
	width: 70%;
}
/*--------------------------------------------------------*/


/* =========================================================
 トップページ　ご利用状況用
========================================================= */
table.tbl_usage_state span {
	white-space: nowrap;
}
/*--------------------------------------------------------*/



/* =========================================================
 スマホ対応
========================================================= */
.wrap .sp, .userNavWrap-SpMenu, .global-header .logo h1 .img.sp {
	display: none;
}

/* == タブレット用 == */
.login .button_sizeset01, .reissue_passwd input {
	appearance: none;
	-webkit-appearance: none;
	color: #000000;
}


/*---------------------------------------
 * スマイミー、宅建WEBサイト共通
---------------------------------------*/
@media only screen and (max-width: 768px) {
	button, input[type="submit"], input[type="button"], input[type="reset"] {
		appearance: none;
		-webkit-appearance: none;
		color: #000000;
	}

	/* ログイン */
	.login #username, .login #password {
		width: 100%
	}

	.login td {
		border: none;
	}

	/* パスワード再発行 */
	.reissue_passwd td input {
		width: 100%
	}

	/* メイン */
	.msg_notice {
		position: static;
	}

	.wrap {
		padding-bottom: 20vw
	}

	.login .pc, .wrap .pc, .global-header .pc, .global-header .logo h1 .img.pc {
		display: none;
	}

	.wrap .sp, .global-header .logo h1 .img.sp {
		display: block;
	}

	.member_menu .homebutton.member_gen td {
		display: block;
		width: 100%;
		margin-bottom: 5vw;
	}

	.member_menu .homebutton .btn_viewing_video,
	.member_menu .homebutton .btn_tk_news,
	.member_menu .homebutton .btn_useful_content {
		width: 100%;
	}

	.member_menu .homebutton td.homebutton_margin,
	.member_menu .homebutton .btn_reg_video, .member_menu .homebutton .btn_access_video,
	.member_menu .homebutton .btn_reg_tk_news, .member_menu .homebutton .btn_access_tk_news {
		display: none;
	}

	.contents_left3 {
		width: 100%;
	}

	/* 一覧 */
	.sp_pagination {
		margin-top: 3.5vw;
	}

	.sp_pagination .pagination .page-numbers {
		display: flex;
		padding: 2vw;
		background-color: #eeeeee;
		font-size: 0.85rem;
	}

	.sp_pagination .pagination .prev, .sp_pagination .pagination .next {
		display: flex;
		align-items: center;
		padding: 0 6vw;
		text-decoration: none;
		color: #333;
		background-color: #fff;
		border-radius: 3px;
	}

	.sp_pagination .pagination .prev {
		border-right: #fff;
	}

	.sp_pagination .pagination .text {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	/* 研修動画一覧 */
	.result-nav_num span {
		font-size: 2rem;
		margin: 0 0.1vw 0 0;
	}

	.result-nav_num.sp {
		margin-bottom: 1vw;
	}

	.video_list table {
		width: 100%;
		border: none;
		table-layout: fixed;
	}

	.video_list thead {
		display: none;
	}

	.video_list tr {
		display: block;
		margin-bottom: 8vw;
		border-bottom: 1px solid #ddd;
		padding: 2vw;
	}

	.video_list td {
		display: block;
		padding: 0;
		border: none;
		height: auto;
		text-align: left;
	}

	.video_list .listvideo_title {
		font-size: 1.2rem;
	}

	.video_list .listvideo_comment {
		padding-top: 0.5vw;
		min-height: auto;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	.video_list .list_img {
		width: 100%;
		height: 67vw;
		margin: 2vw 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.video_list .list_img img {
		max-height: 64vw;
		margin-top: 1.9vw;
	}

	.video_list .public_term:before, .video_list td .branch_nm:before {
		content: attr(data-th)": ";
	}

	.video_list .public_term {
		padding-top: 1.5vw;
	}

	.video_list .operation {
		text-align: center;
		padding: 1vw 0;
	}

	.video_list .operation button {
		padding: 3vw 10vw;
	}

	/* 宅建協会からのお知らせ一覧 */
	.tk_news_list .tbl_tk_news {
		width: 100%;
	}

	.tk_news_list .tbl_tk_news .listTkNews_row {
		display: block;
		padding: 3vw 2vw;
	}

	.tk_news_list .tbl_tk_news .listTkNews_row .listTkNews_date,
	.tk_news_list .tbl_tk_news .listTkNews_row .listTkNews_branch {
		display: inline-block;
		margin-bottom: 3vw;
	}

	/* 研修動画再生 */
	.viewing_video {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: 2vw auto 15vw auto;
	}

	.viewing_video .contents_video_left_inner {
		height: auto;
		padding-bottom: 0;
	}

	.viewing_video .contents_video_left {
		display: block;
		padding-right: 0;
	}

	.viewing_video .contents_video_left video, .viewing_video .contents_video_left .linktype03 {
		position: static;
	}

	.viewing_video .contents_video_left .linktype03 {
		display: block;
		width: 45vw;
		margin-bottom: 5vw;
		padding: 4vw 0;
	}

	.viewing_video .contents_video_right {
		display: block;
		width: auto;
	}

	/* 宅建協会からのお知らせ詳細 */
	.tkNews_details {
		width: 90%;
	}

	.wrap .tkNews_details .page_title {
		margin-bottom: 5vw;
		font-size: 1.2rem;
	}

	.tkNews_details img {
		width: 100% !important;
		height: auto !important;
	}

	.tkNews_details .page_inner {
		line-height: 1.75;
	}

	/* 会員情報管理 共通 */
	.member_data table, #popupMemberNoticeMail table,
	#popupSelStation table {
		width: 100%;
	}

	.member_data table th, .member_data table td,
	#popupMemberNoticeMail table th, #popupMemberNoticeMail table td,
	#popupSelStation table th, #popupSelStation table td {
		width: 100%;
		height: auto;
		display: block;
		padding: 10px 12px;
		border-bottom: none;
	}

	.member_data table tr:last-child td, #popupMemberNoticeMail table.tbl_notice_mail tr:last-child td,
	#popupSelStation table tr:last-child td {
		border-bottom: 1px solid #d9d9d9;
	}

	/* 会員情報管理 */
	.member_data table td .top_space {
		margin-top: 0;
	}

	.member_data table td input[type="text"] {
		width: 100%;
		margin-bottom: 10px;
	}

	.member_data table td.search_company_flg label {
		margin-right: 30px;
	}

	.member_data table td .input_comment {
		display: block;
	}

	.member_data table td textarea {
		height: 6em;
	}

	.member_data table td #traffic3, .member_data table td #gd31,
	.member_data table td #gd50_h, .member_data table td #gd50_m,
	.member_data table td #gd51_h, .member_data table td #gd51_m {
		width: 3em;
	}

	.member_data table td #gd129, .member_data table td #gd130,
	.member_data table td #gd134, .member_data table td #gd135 {
		width: 8em;
	}

	/* 会員情報管理-外観写真＆スタッフ写真 */
	#popupMemberImg .popup_panel_inner .wrap {
		max-height: 400px;
	}

	#popupMemberImg .member_image_frm_drag ul.img_list {
		margin: 0 auto;
		text-align: center;
	}

	#popupMemberImg .member_image_frm_drag ul.img_list li .img_list_content {
		height: 270px;
	}

	#popupMemberImg .member_image_frm_drag ul.img_list div.img_block_reg,
	#popupMemberImg .member_image_frm_drag ul.img_list div.img_block_del {
		height: 40px;
	}

	#popupMemberImg div.img_block_del .filedelete {
		position: relative;
	}

	#popupMemberImg div.img_block_reg .fileinput-button,
	#popupMemberImg div.img_block_del .filedelete {
		top: 6px;
	}

	/* 会員情報管理-沿線選択 */
	#popupSelStation table tr:last-child td li {
		width: 48%;
		margin-top: 20px;
	}

	/* 会員情報管理-通知用メールアドレス */
	.popup_panel#popupMemberNoticeMail .popup_panel_inner .wrap {
		max-height: 400px;
	}

	#popupMemberNoticeMail table td label {
		margin-right: 30px;
	}

	/* ログイン後メッセージ用 */
	.popup_panel#popupHomeMsg .popup_panel_inner .text {
		padding: 5px 10px 10px;
	}
}


/*---------------------------------------
 * スマイミーのみ
---------------------------------------*/
@media only screen and (max-width: 768px) {
	/* ヘッダー */
	.smaimy .global-header_inner {
		height: 65px;
		background-size: auto 100%;
		background-position: -5px 0;
	}

	.smaimy .headerMain {
		display: flex;
		width: 100%;
	}

	.smaimy .logo {
		width: 100%;
		padding: 0 0 0 15px;
	}

	.smaimy.global-header .logo h1 a {
		display: flex;
		align-items: center;
		height: 65px;
	}

	.smaimy.global-header .logo h1 .img {
		width: 165px;
	}

	.smaimy.global-header .logo h1 .text {
		padding-left: 10px;
	}

	.smaimy .header-nav {
		padding: 0;
	}

	.smaimy .header-nav .subNav, .smaimy .header-nav .userNavWrap {
		display: none;
	}

	.smaimy .userNavWrap-SpMenu {
		display: inline-block;
		height: 65px;
	}

	.smaimy .header-nav .userNavWrap-SpMenu .userNav {
		width: 100%;
		right: 0;
	}

	/* メイン */
	.admin_menu, .estate_menu, .global-footer .footerNav_inner {
		display: none;
	}
}
/*--------------------------------------------------------*/