@charset "utf-8";
/* ----------------------------------------------------
   base
------------------------------------------------------- */
body {
	min-width: 987px;
}
body, input, select, textarea {
	color: #333;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	word-break: break-all;
}

a:link    { color: #369; text-decoration: underline;}
a:visited { color: #369;}
a:hover   { color: #369; text-decoration: none;}
a:active  { color: #369;}

.page_wrap {
	position: relative;
}

sup {
	font-size: 70%;
	line-height: 1;
	vertical-align: super;
}

@keyframes         fadeIn { 0%{opacity: 0;} 100%{opacity: 1;}}
@-webkit-keyframes fadeIn { 0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes         fadeOut{ 0%{opacity: 1;} 100%{opacity: 0;}}
@-webkit-keyframes fadeOut{ 0%{opacity: 1;} 100%{opacity: 0;}}

/* ----------------------------------------------------
   header
------------------------------------------------------- */
.header {
	position: relative;
	background-color: #fff;
	padding-top: 40px;
}
.header a:hover {
	opacity: 0.8;
}
.header_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #087ed0;
	z-index: 50;
}
.header_menu a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.header_menu_list {
	width: 987px;
	margin: 0 auto;
	list-style-type: none;
}
.header_menu_logo {
	float: left;
}
.header_menu_logo a,
.header_menu_logo_mailform {
	position: relative;
	display: block;
	height: 40px;
}
.header_menu_logo img {
	position: absolute;
	top: 10px;
	left: 0;
	width: 141px;
	height: auto;
}
.header_menu_logo span {
	display: block;
	color: #c5e1fa;
	font-size: 80%;
	font-weight: normal;
	padding-top: 14px;
	padding-left: 150px;
}
.header_menu_last-view,
.header_menu_save,
.header_menu_fav {
	float: right;
	margin: 0 10px;
}
.header_menu_last-view a,
.header_menu_save a,
.header_menu_fav a {
	position: relative;
	display: block;
	height: 25px;
	font-size: 85%;
	padding-top: 15px;
}
.header_menu_last-view a { padding-left: 30px;}
.header_menu_save a { padding-left: 27px;}
.header_menu_fav a { padding-left: 28px;}

.header_menu_last-view a:before,
.header_menu_save a:before,
.header_menu_fav a:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	background-image:url(/img/share/ico-header_menu_v3.png);
	background-repeat: no-repeat;
}
.header_menu_last-view a:before {
	width: 24px;
	height: 24px;
	margin-top: -13px;
	background-position: 0 0;
	background-size: 24px auto;
}
.header_menu_save a:before {
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-position: 0 -18px;
	background-size: 18px auto;
}
.header_menu_fav a:before {
	width: 20px;
	height: 20px;
	margin-top: -11px;
	background-position: 0 -40px;
	background-size: 20px auto;
}
.header_nav {
	width: 987px;
	margin: 0 auto;
	zoom: 1;
}
.header_nav:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.header_nav a:hover {
	opacity: 0.5;
}
.header_nav_logo {
	float: left;
	padding: 25px 12px 20px 0;
}
.header_nav_logo img {
	width: 100px;
	height: auto;
}
.header_nav_rent,
.header_nav_sale,
.header_nav_shop {
	float: left;
	margin-left: 9px;
}
.header_nav_title {
	font-size: 85%;
	padding-top: 12px;
	padding-bottom: 4px;
}
.header_nav_rent .header_nav_title { color: #2262ae;}
.header_nav_sale .header_nav_title { color: #58a914;}
.header_nav_shop .header_nav_title { color: #fa7a09;}
.header_nav_list {
	border: 1px solid #bfc8cd;
	border-radius: 4px;
	box-shadow: 0 -3px 0 0 #eff2f3 inset;
	list-style-type: none;
	zoom: 1;
}
.header_nav_list:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.header_nav_list li {
	float: left;
	border-left: 1px solid #bfc8cd;
}
.header_nav_list li:first-child {
	border-left: 0;
}
.header_nav_list a {
	display: block;
	height: 52px;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
}
.header_nav_list .chintai a            { width: 120px; height: 42px; padding-top: 10px;}
.header_nav_list .monthly a            { width:  90px; height: 42px; padding-top: 10px;}
.header_nav_list .shinchiku-ikkodate a { width:  70px; height: 42px; padding-top: 10px;}
.header_nav_list .chuko-ikkodate a     { width:  70px; height: 42px; padding-top: 10px;}
.header_nav_list .chuko-mansion a      { width:  77px; height: 42px; padding-top: 10px;}
.header_nav_list .parking a,
.header_nav_list .office a,
.header_nav_list .tempo a,
.header_nav_list .soko a,
.header_nav_list .tochi a { width: 58px; height: 34px; padding-top: 18px;}
.header_nav_list .shop a,
.header_nav_list .sell a  { width: 58px; height: 42px; padding-top: 10px;}

/* お気に入り件数 */
.header_menu_fav {
	position: relative;
}
#js-header_menu_fav-num_v3 {
	position: absolute;
	bottom: 9px;
	left: 10px;
	min-width: 1em;
	color: #b27141;
	font-size: 55%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	background-color: #fff;/* #f8b540 */
	border-radius: 3em;
	padding: 0.3em;
}

/* ----------------------------------------------------
   header globaltop
------------------------------------------------------- */
.haptop ul { list-style-type: none;}
.globaltop_header {
	position: relative;
	height: 108px;
	text-align: left;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','sans-serif';
	white-space: nowrap;
}
.globaltop_header ul { list-style-type: none;}
.globaltop_header_h1_wrap {
    background-color: #2981d1;
    background: linear-gradient(to bottom, #1d73c2, #2981d1 15%, #2981d1 85%, #1d73c2);
    background: -ms-linear-gradient(top, #1d73c2, #2981d1 15%, #2981d1 85%, #1d73c2);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ff1d73c2, EndColorStr=#ff2981d1);
    white-space: nowrap;
}
.globaltop_header_h1 {
    width: 987px;
    color: #fff;
    font-size: 68%;
	font-weight: normal;
    line-height: 1;
    padding: 6px 0;
	margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.globaltop_header_contents {
    position: relative;
    width: 987px;
    margin: 0 auto;
}
/* logo */
.globaltop_header_contents_logo {
    position: absolute;
    top: 13px;
    left: 0;
}
.globaltop_header_contents_logo a {
	text-decoration: none;
}
.globaltop_header_contents_logo img {
	display: block;
	padding-bottom: 6px;
}
.globaltop_header_contents_logomark {
	width: 120px;
	height: 57px;
}
.globaltop_header_contents_logotxt {
	position: absolute;
	top: 12px;
	left: 135px;
	width: 162px;
	height: 34px;
}
/* header_tool_bar_v3 */
.header_tool_bar_v3 {
	position: absolute;
	top: 17px;
	right: 0;
}
.header_tool_bar_v3 li {
	float: right;
	padding-left: 30px;
}
.header_tool_bar_v3 li:first-child {
	padding-left: 25px;
}
.header_tool_bar_v3 a {
	position: relative;
	display: block;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','sans-serif';
	text-decoration: none;
}
.header_tool_bar_v3_fav a {
	width: 95px;/* 140px */
	padding-left: 45px;
	height: 32px;/* 50px */
	padding-top: 18px;
	border: 1px solid #bfc8cd;
	box-shadow: 0 -3px 0 0 #eff2f3 inset;
	border-radius: 4px;
}
.header_tool_bar_v3_save a {
	padding-left: 30px;
	margin-top: 20px;
}
.header_tool_bar_v3_last-view a {
	padding-left: 38px;
	margin-top: 20px;
}
.header_tool_bar_v3_fav a:before,
.header_tool_bar_v3_save a:before,
.header_tool_bar_v3_last-view a:before {
	content:"";
	position: absolute;
	top: 50%;
	display: block;
	background-image: url(/img/share/ico-header_menu_v3-2.png);
	background-repeat: no-repeat;
}
.header_tool_bar_v3_fav a:before {
	left: 15px;
	width: 22px;
	height: 22px;
	margin-top: -13px;
	background-position: 0 -44px;
	background-size: 22px auto;
}
.header_tool_bar_v3_save a:before {
	left: 0;
	width: 22px;
	height: 22px;
	margin-top: -13px;
	background-position: 0 -22px;
	background-size: 22px auto;
}
.header_tool_bar_v3_last-view a:before {
	left: 0;
	width: 30px;
	height: 30px;
	margin-top: -18px;
	background-position: 0 0;
	background-size: 30px auto;
}

/* --------------------------------------------
   201911- グローバルTOP headerスライドダウンメニュー
----------------------------------------------- */
.slide_down_header {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	text-align: left;
	background-color: #087ed0;
	/* box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2); */
	z-index: 11;
}
.slide_down_header_navi {
	width: 987px;
	padding: 10px 0 10px;
	margin: 0 auto;
	zoom: 1;
}
.slide_down_header_navi:after {
	/* clearfix */
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.slide_down_header_logo {
	float: left;
	margin-top: 14px;
	margin-right: 20px;
}
.slide_down_header_logo a {
	display: block;
	width: 141px;
	height: 18px;
	text-decoration: none;
	background-image:url(/img/share/logo_hap-txt_v3.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.slide_down_header_rent,
.slide_down_header_sale,
.slide_down_header_shop {
	float: left;
}
.slide_down_header_sale,
.slide_down_header_shop {
	padding-left: 7px;
}
.slide_down_header_title {
	display: none;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
.slide_down_header_category {
	background-color: #fff;
	/* border: 1px solid #bfc8cd; */
	border-radius: 4px;
	box-shadow: 0 -3px 0 0 #eff2f3 inset;
	list-style-type: none;
	zoom: 1;
}
.slide_down_header_category:after {
	/* clearfix */
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.slide_down_header_category li {
	float: left;
	height: 100%;
	border-left: 1px solid #bfc8cd;
}
.slide_down_header_category li:first-child {
	border-left: 0;
}
.slide_down_header_category a {
	display: block;
	height: 45px;
	color: #333;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	text-decoration: none;
}
.slide_down_header_category a:hover {
	opacity: 0.5;
}
.slide_down_header_category span {
	display: block;
	width: 60px;
	padding-top: 15px;
}
.slide_down_header_category .chintai span { width: 110px; padding-top: 9px;}
.slide_down_header_category .monthly span { width: 80px; padding-top: 9px;}
.slide_down_header_category .shinchikukodate span,
.slide_down_header_category .chukokodate span,
.slide_down_header_category .chukomansion span { width: 70px; padding-top: 9px;}
.slide_down_header_category .tempo span,
.slide_down_header_category .soko span,
.slide_down_header_category .tochi span { width: 54px;}
.slide_down_header_category .shop span,
.slide_down_header_category .sell span { padding-top: 9px;}

.slide_down_header_category .parking span {}
.slide_down_header_category .office span {}
/* slide_down_header animation */
.js-slide_down_in {
	display: block;
	animation-name				: header_slidedown_on;
	-webkit-animation-name		: header_slidedown_on;
	animation-duration			: 0.3s;
	-webkit-animation-duration	: 0.3s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}
.js-slide_down_out {
	display: block;
	animation-name				: header_slidedown_off;
	-webkit-animation-name		: header_slidedown_off;
	animation-duration			: 0.3s;
	-webkit-animation-duration	: 0.3s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}

/* ----------------------------------------------------
   footer
------------------------------------------------------- */
.footer_v2 {
	font-size: 16px;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	line-height: 1;
}

/*-- 季節もの 背景画像のスクロール用CSS --*/
/*
.scroll_image{
	background-image: url(/item/index/img/share/halloween_pc_back.png);
	-webkit-background-size:1800px 220px;
	background-size:1800px 220px;
	-webkit-animation: background_scroll 35s linear infinite;
	animation: background_scroll 35s linear infinite;
}
@-webkit-keyframes background_scroll{
	0%{background-position: 1800px 0;}
	100%{background-position: 0 0;}
}
@keyframes background_scroll{
	0% {background-position: 1800px 0;}
	100% {background-position: 0 0;}
}
*/
/* ---end ---  */

/* footer privacy_security */
.privacy_security_v2 {
	background-color: #faf7f2;
	padding: 40px 0;
}
.privacy_security_v2 .privacy_security {
	width: 987px;
	padding-bottom: 10px;
	margin: 0 auto;
	list-style-type: none;
}
.privacy_security_v2 .privacy_security:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.privacy_security_v2 .privacy_security p {
	font-size: 75%;
	word-break: normal;
}
.privacy_security_v2 .privacy_security li {
	float: left;
	width: 319px;
	height: 130px;
	background-color: #fff;
	border-radius: 3px;
	margin-left: 15px;
}
.privacy_security_v2 .privacy_security li:first-child {
	margin-left: 0;
}
.privacy_security_v2 .privacy_security .certification_mark {
	float: left;
	text-align: center;
}
.privacy_security_v2 .privacy_security .privacy .certification_mark { width: 120px; padding-top: 24px;}
.privacy_security_v2 .privacy_security .ssl     .certification_mark { width: 160px; padding-top: 42px;}
.privacy_security_v2 .privacy_security .ssl     .certification_mark table { margin: 0 auto;}
.privacy_security_v2 .privacy_security .kousei  .certification_mark { width: 125px; padding-top: 25px;}

.privacy_security_v2 .privacy_security .sentence {
	float: left;
	padding-top: 16px;
}
.privacy_security_v2 .privacy_security .sentence p {
	color: #666;
	line-height: 150%;
}
.privacy_security_v2 .privacy_security .privacy .sentence { width: 190px;}
.privacy_security_v2 .privacy_security .ssl     .sentence { width: 145px;}
.privacy_security_v2 .privacy_security .kousei  .sentence { width: 180px;}

.privacy_security_v2 .privacy_security h3 {
	font-size: 90%;
	padding-bottom: 5px;
}
.privacy_security_v2 .privacy_security .privacy .sentence a {
	display: block;
	margin-top: 5px;
}
/* お知らせ */
.privacy_security_v2 .suspicious_report {
	width: 987px;
	margin: 0 auto;
}
.privacy_security_v2 .suspicious_report:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.privacy_security_v2 .suspicious_report dt {
	float: left;
	width: 12%;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	border-radius: 3px;
	background-color: #fff;
	padding-top: 2px;
}
.privacy_security_v2 .suspicious_report dd {
	float: right;
	width: 87%;
	color: #666;
	font-size: 75%;
	line-height: 140%;
	padding-top: 2px;
}
.privacy_security_v2 .suspicious_report a {
	background-image: url(/img/share/ico-arrow_box.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}
/* グループサイト */
.group_link_v2 {
	background-color: #f5ecde;
	padding: 30px 0;
}
.group_link_v2 strong {
	font-weight: normal;
}
.group_link_v2 p,
.group_link_v2 .group_link {
	width: 987px;
	margin: 0 auto;
}
.group_link_v2 p {
	color: #666;
	font-size: 75%;
	line-height: 150%;
	padding-bottom: 10px;
}
.group_link_v2 .group_link:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.group_link_v2 .group_link dt {
	float: left;
	width: 12%;
	font-size: 80%;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
	margin-right: 5px;
}
.group_link_v2 .group_link dd {
	float: left;
	font-size: 75%;
	padding-top: 6px;
}
.group_link_v2 .group_link a {
	white-space: nowrap;
	border-right: 1px solid #aaa;
	padding: 0 12px;
}
.footer_link_v2 {
	background-color: #faf7f2;
	padding: 30px 0;
}
.footer_link_v2 a {
	text-decoration: none;
}
.footer_link_v2 a:hover {
	text-decoration: underline;
}
.footer_link_v2 .footer_link {
	width: 987px;
	margin: 0 auto;
}
.footer_link_v2 .footer_link:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_link_v2 .footer_link_category{
	float: left;
	width: 49%;
}
.footer_link_v2 .footer_link_search {
	float: right;
	width: 49%;
}
.footer_link_v2 .footer_link_title {
	font-size: 90%;
	font-weight: bold;
	border-left: 4px solid #5aa1e4;
	padding: 3px 0 2px 10px;
	margin-bottom: 10px;
}
/* 物件種別から探す */
.footer_link_v2 .footer_link_category_syubetu {
	padding-bottom: 20px;
}
.footer_link_v2 .footer_link_category_syubetu dl {
	font-size: 75%;
	padding-bottom: 10px;
	zoom: 1;
}
.footer_link_v2 .footer_link_category_syubetu dl:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_link_v2 .footer_link_category_syubetu dt {
	float: left;
	width: 24%;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
}
.footer_link_v2 .footer_link_category_rent dt { line-height: 2.8em; padding-top: 1px;}
.footer_link_v2 .footer_link_category_sale dt { line-height: 2.2em; padding-top: 1px;}
.footer_link_v2 .footer_link_category_syubetu dd {
	float: right;
	width: 75%;
}
.footer_link_v2 .footer_link_category_syubetu a {
	float: left;
	display: block;
	white-space: nowrap;
	padding: 0 8px;
	border-right: 1px solid #aaa;
}
.footer_link_v2 .footer_link_category_rent a { margin: 4px 0 0;}
.footer_link_v2 .footer_link_category_sale a { margin: 8px 0 0;}

/* こだわり検索 */
.footer_link_v2 .footer_link_category_kodawari {
	padding-bottom: 30px;
}
.footer_link_v2 .footer_link_category_kodawari ul {
	font-size: 75%;
	list-style-type: none;
	zoom: 1;
}
.footer_link_v2 .footer_link_category_kodawari ul:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_link_v2 .footer_link_category_kodawari li {
	float: left;
}
.footer_link_v2 .footer_link_category_kodawari a {
	display: block;
	white-space: nowrap;
	padding: 0 8px;
	border-right: 1px solid #aaa;
}
.footer_link_v2 .footer_link_category_kodawari li:first-child a { padding-left: 0;}
/* 不動産会社 */
.footer_link_v2 .footer_link_category_shop ul {
	list-style-type: none;
}
.footer_link_v2 .footer_link_category_shop li {
	padding-bottom: 7px;
}
.footer_link_v2 .footer_link_category_shop a {
	font-size: 75%;
	background-image: url(/img/share/ico-arrow_box.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.footer_link_v2 .footer_link_search {
	position: relative;
}
.footer_link_v2 .footer_link_search .link_area {
	width: 100%;
	font-size: 75%;
}
.footer_link_v2 .footer_link_search .link_area:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_link_v2 .footer_link_search .link_area dt {
	float: left;
	width: 15%;
}
.footer_link_v2 .footer_link_search .link_area dd {
	float: left;
	width: 85%;
	padding-bottom: 4px;
}
.footer_link_v2 .footer_link_search .link_area dd a {
	display: block;
	float: left;
	color: #666;
	white-space: nowrap;
	border-right: 1px solid #aaa;
	padding: 0 7px;
	margin-bottom: 3px;
}
.footer_link_v2 .footer_link_search .link_area dd a:last-child {
	border-right: 0;
}
.footer_link_v2 .link_rail {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 75%;
	background-image: url(/img/share/ico-arrow_box.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.footer_navi_v2 {
	position: relative;
	background-color: #6a4d37;
	padding: 15px 0;
}
.footer_navi_v2 .footer_navi {
	font-size: 75%;
	text-align: center;
}
.footer_navi_v2 .footer_navi a {
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #b99067;
	padding: 0 10px;
}
.footer_navi_v2 .footer_navi a:first-child {
	border-left: 0;
}
.footer_navi_v2 .footer_navi a:hover {
	text-decoration: underline;
}
.footer_navi_v2 .page_top {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 987px;
	margin-bottom: -34px;
	margin-left: -494px;
}
.footer_navi_v2 .page_top a {
	float: right;
	position: relative;
	display: block;
	height: 34px;
	color: #555;
	font-size: 80%;
	font-weight: bold;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','sans-serif';
	line-height: 34px;
	text-decoration: none;
	background-color: #faf7f2;
	border-radius: 0 0 3px 3px;
	padding: 0 20px 0 37px;
	z-index: 1;
}
.footer_navi_v2 .page_top a:hover {
	background-color: #f5ecde;
}
.footer_navi_v2 .page_top a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-bottom-color: #2f79bf;
	margin-top: -6px;
}
.footer_company_v2 {
	width: 987px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.footer_company_v2 a {
	text-decoration: none;
}
.footer_company_v2 .company_data {
	position: relative;
	padding-top: 30px;
}
.footer_company_v2 .company_title {
	width: 400px;
}
.footer_company_v2 .company_title a {
	color: #698a06;
	font-weight: bold;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','sans-serif';
}
.footer_company_v2 .company_title .company_catchcopy {
	display: block;
	font-size: 87%;
	padding-bottom: 8px;
}
.footer_company_v2 .company_title .company_name {
	display: block;
	font-size: 112%;
}
.footer_company_v2 .company_link {
	position: absolute;
	left: 400px;
	bottom: 4px;
	list-style-type: none;
}
.footer_company_v2 .company_link li {
	float: left;
}
.footer_company_v2 .company_link a {
	position: relative;
	display: block;
	color: #666;
	font-size: 75%;
	padding-left: 10px;
	margin-right: 30px;
}
.footer_company_v2 .company_link a:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 0;
	width: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left-color: #ccc;
}
.footer_company_v2 .company_detail {
	padding-top: 20px;
}
.footer_company_v2 .company_detail .link_hap {
	float: right;
}
.footer_company_v2 .company_detail .link_hap a {
	color: #999;
	font-size: 75%;
}
.footer_company_v2 .company_detail .footer_note {
	float: left;
	color: #999;
	font-size: 60%;
	line-height: 160%;
	padding-bottom: 20px;
}
.footer_company_v2 .company_detail .footer_copy {
	clear: both;
	color: #999;
	font-size: 75%;
}
/* clearfix */
.footer_company_v2 .company_data:after,
.footer_company_v2 .company_title a:after,
.footer_company_v2 .company_detail:after {
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* 不動産会社の皆様へ */
.footer_company_v2 .footer_aside_link {
	font-size: 12px;
	background-color: #fff9ec;
	border: 1px solid #fbeed3;
	border-radius: 4px;
	padding: 12px 0;
	margin-top: 20px;
	overflow: hidden;
	zoom: 1;
}
.footer_company_v2 .footer_aside_link:after {
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_company_v2 .footer_aside_link dt {
	float: left;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 7px;
	margin-right: 2px;
}
.footer_company_v2 .footer_aside_link dd {
	float: left;
}
.footer_company_v2 .footer_aside_link a {
	display: block;
	padding: 0 8px;
	border-left: 1px solid #aaa;
}
.footer_company_v2 .footer_aside_link a:hover {
	opacity: 0.5;
}
.footer_company_v2 .footer_aside_link dt+dd a {
	border-left: 0;
}

/*---------------------------------
 ページTOPボタンの実装 2017/10/26
---------------------------------*/
.page_top_botton{
	display: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 20px;
	right: 3%;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 10;
}

.page_top_botton a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* ----------------------------------------------------
   viewmode
------------------------------------------------------- */
.viewmode {
	padding: 30px 0 80px;
}
.viewmode ul {
	width: 90%;
	margin: 0 auto;
	zoom: 1;
}
.viewmode ul:after {
	/* clearfix */
	content:"";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.viewmode li {
	float: left;
	width: 50%;
}
.viewmode li a,
.viewmode li span {
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #2f79bf;
	padding: 15px 10px;
}
#viewmode_smp_pc.viewmode li a,
#viewmode_smp_pc.viewmode li span {
	/* font-size: 3.5vw;*/
	font-size: 150%;
	padding: 25px 10px;
}
.viewmode li.sp a {
	border-radius: 10px 0 0 10px;
}
.viewmode li.pc span {
	color: #fff;
	background-color: #2f79bf;
	border-radius: 0 10px 10px 0;
}
/* viewmode_v3 */
#js-sp_link-block-in_pc { display: none;}
.viewmode_v3_wrap {
	display: table;
	width: 90%;
	font-size: 1.4rem;
	margin: 0 auto 100px;
}
.viewmode_v3_btn,
.viewmode_v3_reset {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #218bec;
	padding: 25px 0;
}
a.viewmode_v3_btn {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #218bec;
	/* border-radius: 4px 0 0 4px; */
	border-radius: 4px;
}
.viewmode_v3_reset {
	color: #888;
	border-radius: 0 4px 4px 0;
	
	display: none;
}

/* ----------------------------------------------------
   #special_newscast 緊急ニュースエリア
------------------------------------------------------- */
#special_newscast{
	width: 955px;
	font-size: 13px;
	font-family: "ＭＳ ゴシック", "MS Gothic";
	text-align: left;
	line-height: 150%;
	background:url(/img/share/bg_special_newscast.gif) repeat-x #fff top;
	border:1px solid #b2d3e9;
	padding:10px 15px 0;
	margin:0 auto 10px;
}
#special_newscast ul li{margin-bottom:10px; list-style-type: none;}
.page_title ~ #special_newscast { margin-top: 10px;}


/* ----------------------------------------------------
   topic_path
------------------------------------------------------- */
.topic_path {
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.topic_path a:hover {
	opacity: 0.5;
}
.topic_path ol,
.topic_path ul {
	width: 987px;
	padding-bottom: 6px;
	margin: 0 auto;
	list-style-type: none;
	zoom: 1;
}
.topic_path ol:after,
.topic_path ul:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.topic_path li {
	float: left;
	font-size: 75%;
	line-height: 130%;
	padding-top: 8px;
}
.topic_path a,
.topic_path span {
	position: relative;
	display: block;
	text-decoration: none;
}
.topic_path a {
	padding-right: 35px;
}
.topic_path a:before {
	content:"";
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* ----------------------------------------------------
   h1
------------------------------------------------------- */
.page_title {
	width: 987px;
	color: #888;
	font-size: 75%;
	font-weight: normal;
	line-height: 130%;
	margin: 0 auto;
	padding-top: 10px;
}


/* ----------------------------------------------------
   contents
------------------------------------------------------- */
.contents {
	width: 987px;
	margin: 0 auto;
	padding-bottom: 70px;
}
.contents a:hover {
	opacity: 0.5;
}
/* contents header */
.contents_header {
	padding-bottom: 15px;
}
.contents_title {
	font-size: 115%;
	font-weight: normal;
	line-height: 160%;
	padding-top: 30px;
	padding-bottom: 3px;
	border-bottom: 3px solid #218bec;
}
.contents_title em {
	font-size: 140%;
	font-weight: bold;
	padding-right: 5px;
}
.contents_desc_wrap {
	padding-top: 13px;
	zoom: 1;
}
.contents_desc_wrap:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.contents_desc {
	float: left;
	width: 780px;
}
.contents_desc_txt {
	color: #888;
	font-size: 75%;
	line-height: 150%;
}
.contents_desc_menu {
	float: right;
	width: 200px;
}
.contents_station-search_desc {
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	padding-top: 10px;
}
.contents_footer_comment {
	color: #888;
	font-size: 75%;
	line-height: 150%;
	padding-top: 20px;
}
img.photo_dummy {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100% !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* コンテンツリンク ------------ */
.aside_contents_link {
	position: relative;
	border: 2px solid #ddd;
	margin-top: 10px;
}
.aside_contents_link:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 19em;
	height: 100%;
	background-color: #f3f3f3;
}
.aside_contents_link dl {
	position: relative;
	padding-left: 20em;
	padding-bottom: 10px;
	zoom: 1;
}
.aside_contents_link dl:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.aside_contents_link dt {
	position: absolute;
	top: 15px;
	left: 10px;
	font-size: 95%;
	font-weight: bold;
}
.aside_contents_link dd {
	position: relative;
	float: left;
	font-size: 85%;
	padding-left: 20px;
	padding-right: 30px;
	margin-top: 15px;
}
.aside_contents_link dd:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 12px;
	height: 12px;
	background-color: #0073dd;
}
.aside_contents_link dd:after {
	content:"";
	position: absolute;
	top: 3px;
	left: 4px;
	display: block;
	width: 0;
	height: 0;
	border-width: 3px 4px;
	border-style: solid; 
	border-color:  transparent;
	border-left-color: #fff;
}
.aside_contents_link dd a {
	display: inline-block;
	white-space: nowrap;
	padding-bottom: 5px;
}

/* ----------------------------------------------------
   contents v4 202107-
------------------------------------------------------- */
.contents_main_v4 {
	width: 987px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
	zoom: 1;
}
.contents_main_v4:after {
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.contents_main_v4 a:hover {
	opacity: 0.5;
	transition: 0.3s;
}
.contents_body_v4 {
	float: left;
	width: 767px;
	overflow: hidden;
}
.contents_aside_v4 {
	float: right;
	width: 200px;
	overflow: hidden;
}
/* 駅名を探すアイコン */
.ico_statsrch {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
}
.ico_statsrch:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 14px;
	height: 8px;
	background-color: #fff;
	border-width: 3px 3px 9px;
	border-style: solid;
	border-color: #218bec;
	border-radius: 3px;
}
.ico_statsrch:after {
	content:"";
	position: absolute;
	top: 14px;
	left: 3px;
	display: block;
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 50%;
}
.ico_statsrch span {
	position: absolute;
	top: 9px;
	left: 9px;
	display: block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 2px solid #218bec;
	border-radius: 50%;
}
.ico_statsrch span:before {
	content:"";
	position: absolute;
	top: 10px;
	left: 12px;
	display: block;
	width: 2px;
	height: 7px;
	background-color: #218bec;
	border-radius: 2px;
	transform:         rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.ico_statsrch span:after {
	content:"";
	position: absolute;
	top: 7px;
	left: -7px;
	display: block;
	width: 2px;
	height: 7px;
	background-color: #218bec;
	border-radius: 2px;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* ----------------------------------------------------------
   201812- sns_btn 改修
-------------------------------------------------------------*/
.sns_share_btn_v2 {
	width:255px;
	padding-bottom:5px;
	zoom: 1;
	float:right;
}
.sns_share_btn_v2:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.sns_share_btn_v2 li {
	float: left;
	width: 80px;
	margin: 0 1%;
	list-style-type: none;
}
.sns_share_btn_v2 li:last-child {
	margin-right: 0;
}

.sns_share_btn_v2 li:nth-child(1),
.sns_share_btn_v2 li:nth-child(2){
	text-indent:16px;
}

.sns_share_btn_v2 li:nth-child(3) {
	text-indent:10px;
}

.sns_share_btn_v2 a {
	position: relative;
	display: block;
	height: 20px;
	color: #fff !important;
	font-size: 0.6rem;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	padding-top: 4px;
	box-sizing: border-box;
	line-height:100%;
}
.sns_btn_twitter  a { background-color: #1da1f2;}
.sns_btn_facebook a { background-color: #4267b2;}
.sns_btn_line     a { background-color: #00b833;}
.sns_btn_mail     a { background-color: #deb75c;}

.sns_share_btn_v2 a:before {
	content:"";
	position:absolute;
	top: 3px;
	left: 0px;
	display:inline-block;
	width: 15px;
	height: 14px;
	margin-left: 12px;
	background-image: url(/img/share/ico_sns_v3.png);
	
	background-repeat: no-repeat;
	background-size: cover;
}
.sns_btn_twitter  a:before { background-position: 0 0;}
.sns_btn_facebook a:before { background-position: 0 -16px;}
.sns_btn_line     a:before { background-position: 0 -30px;}

.sns_btn_twitter{
	text-indent:7px;
}
.sns_btn_mail{
	line-height:170%;
	text-indent:16px;
}
.sns_btn_mail     a:before { display: none;}
.sns_btn_mail .ico-sns_mail {
	position: absolute;
	top: -3px;
	left: 50%;
	margin-left:-24px;
}
/* icon sns mail */
.ico-sns_mail {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 6px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #fff;
	margin-top: 15px;
	box-sizing: border-box;
}
.ico-sns_mail:before {
	content:"";
	position: absolute;
	top: -3px;
	left: 5px;
	display: block;
	width: 4px;
	height: 6px;
	margin-left: -2px;
	background-color: #fff;
}
.ico-sns_mail:after {
	content:"";
	position: absolute;
	top: -7px;
	left: 0px;
	display: block;
	width: 0;
	height: 0;
	margin-left: -1px;
	border-width: 0 6px 5px 6px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #fff;
}


/* ----------------------------------------------------
   contents aside v4 202107-
------------------------------------------------------- */
.contents_aside_v4 .banner_area li {
	margin-bottom: 10px;
}
/* 不動産会社の皆様へ */
.contents_aside_estate,
.contents_aside_attention,
.contents_aside_mortgage {
	background-color: #fff;
	border: 1px solid #c0c6cc;
	border-radius: 5px;
	margin-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.contents_aside_estate dt,
.contents_aside_attention dt,
.contents_aside_mortgage dt {
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	background-color: #f9f9f9;
	background: -moz-linear-gradient(top center, #fff 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f9f9f9));
	background: linear-gradient(top center, #fff 0%, #f9f9f9 100%);
	border-bottom: 1px solid #c0c6cc;
	padding: 10px 0 8px;
}
.contents_aside_estate dd {
	border-top: 1px dotted #c0c6cc;
}
.contents_aside_estate dt + dd {
	border-top: 0;
}
.contents_aside_estate a {
	position: relative;
	display: block;
	color: #333;
	font-size: 75%;
	line-height: 140%;
	text-decoration: none;
	padding: 9px 10px 8px 27px;
}
.contents_aside_estate a:before,
.contents_aside_attention a:before {
	content:"";
	position: absolute;
	top: 12px;
	left: 10px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: #2f79bf;
}
.contents_aside_estate a:after,
.contents_aside_attention a:after {
	content:"";
	position: absolute;
	top: 14px;
	left: 14px;
	display: block;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left-color: #fff;
}
.contents_aside_estate a:hover { opacity: 0.5;}
/* お知らせ */
.contents_aside_attention dd {
	font-size: 78%;
	line-height: 150%;
	padding: 10px;
}
.contents_aside_attention a {
    position: relative;
    display: block;
    text-decoration: none;
    padding-left: 18px;
    margin-top: 5px;
}
.contents_aside_attention a:before {
	top: 50%;
	left: 0;
	margin-top: -5px;
}
.contents_aside_attention a:after {
	top: 50%;
	left: 4px;
	margin-top: -3px;
}
/* 住宅ローン */
.contents_aside_mortgage dd {
	text-align: center;
	padding: 10px;
}

/* -----------------------------------------------------------
   favorite
-------------------------------------------------------------- */
.js-fav_off .fav_add  { display: block !important;}
.js-fav_off .fav_del  { display: none  !important;}
.js-fav_off .fav_list { display: none  !important;}
.js-fav_on  .fav_add  { display: none  !important;}
.js-fav_on  .fav_del  { display: block !important;}
.js-fav_on  .fav_list { display: block !important;}

/* ----------------------------------------------------
   error
------------------------------------------------------- */
/* select page */
.error_select {
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 30px 0;
	margin: 10px 0;
}
.error_select_title {
	color: red;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 10px;
}
.error_select_research {
	width: 70%;
	margin: 0 auto;
}
.error_select_research a {
	margin-top: 10px;
}
.error_select_kodawari-link {
	margin: 20px 90px 0;
	list-style-type: none;
	zoom: 1;
}
.error_select_kodawari-link:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.error_select_kodawari-link li {
	float: left;
	width: 24%;
	padding-left: 1%;
}
.error_select_kodawari-link li:first-child {
	width: 25%;
	padding-left: 100px;
}
.error_select_kodawari-link a {
	padding-left: 10px;
	padding-right: 10px;
}

/* mail form */
.errormail {
	width: 80%;
	color: red;
	text-align: center;
	font-weight: bold;
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	padding: 20px 10px 15px;
	margin: 30px auto;
}
.errormail a {
	display: block;
	color: #333;
	line-height: 130%;
	padding-top: 10px;
}

/* ----------------------------------------------------
   ssl
------------------------------------------------------- */
.ssl_area {
	width: 530px;
	border: 2px solid #eee;
	margin: 0 auto;
	zoom: 1;
}
.ssl_area:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.ssl_logo {
	float: left;
	width: 100px;
	margin: 15px;
}
.ssl_txt_area {
	float: left;
	width: 390px;
	margin-top: 24px;
}
.ssl_txt {
	font-size: 80%;
	line-height: 150%;
}

/* ----------------------------------------------------
   汎用style
------------------------------------------------------- */
/* 地域から探すボタン ------------------- */
.btn_research_area a,
.btn_research_rail a {
	position: relative;
	display: block;
	color: #333;
	font-size: 95%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	background-color: #fff;
	border: 1px solid #bfc8cd;
	border-radius: 4px;
	box-shadow: 0 -3px 0 0 #eff2f3 inset;
	padding: 16px 20px 14px 45px;
	z-index: 0;
}
.btn_research_area a:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 17px;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -13px;
	background-color: #218bec;
	border-radius: 10px 10px 0 10px;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.btn_research_area a:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 23px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -7px;
	background-color: #fff;
	border-radius: 10px;
}
.btn_research_rail .ico-rail {
	position: absolute;
	top: 50%;
	left: 16px;
	margin-top: -13px;
}

/* 汎用ボタン ------------------- */
/* base */
.btn-general_white-small a,
.btn-general_blue-small a,
.btn-general_white-large a,
.btn-general_blue-large a {
	display: block;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	text-decoration: none;
}
.btn-general_white-small a,
.btn-general_blue-small a {
	font-size: 95%;
	border-radius: 4px;
	padding: 13px 20px 10px;
}
.btn-general_white-large a,
.btn-general_blue-large a {
	font-size: 100%;
	border-radius: 5px;
	padding: 20px 30px 17px;
}
/* color */
.btn-general_white-small a,
.btn-general_white-large a {
	color: #333;
	background-color: #fff;
	border: 1px solid #bfc8cd;
}
.btn-general_blue-small a,
.btn-general_blue-large a {
	color: #fff;
	background-color: #0073dd;
	border: 0;
}
.btn-general_white-small a { box-shadow: 0 -3px 0 0 #eff2f3 inset;}
.btn-general_white-large a { box-shadow: 0 -4px 0 0 #eff2f3 inset;}
.btn-general_blue-small a  { box-shadow: 0 -3px 0 0 #0060b9 inset;}
.btn-general_blue-large a  { box-shadow: 0 -4px 0 0 #0060b9 inset;}




/* ----------------------------------------------------
   検索条件
------------------------------------------------------- */
.research_conds {
	width: 100%;
	border: 1px solid #bbb;
}
.research_conds th,
.research_conds td {
	font-size: 14px;
	line-height: 130%;
	text-align: left;
	vertical-align: middle;
	border-top: 1px dashed #bbb;
}
.research_conds th {
	width: 125px;
	background-color: #f9f9f9;
	padding: 13px 10px 10px 15px;
}
.research_conds td {
	padding: 10px 10px 10px 13px;
}
.research_conds tr:first-child th,
.research_conds tr:first-child td {
	border-top: 0;
}
.research_conds ul {
	list-style-type: none;
	zoom: 1;
}
.research_conds ul:after {
	/* clearfix */
	content:"";
 	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.research_conds li {
	float: left;
	width: 13em;
	padding: 2px 10px 2px 0;
}
.research_conds .research_conds_long {
	width: 15em;
}
.research_conds .research_conds_long2 {
	width: 21em;
}
.research_conds_wide li {
	width: 6.5rem;
}
.research_conds_wide select,
.research_conds_walk select {
	width: 12em;
}
.research_conds_walk select {
	float: left;
	margin-bottom: 5px;
}
.research_conds_walk ul {
	float: left;
	margin-top: 2px;
	margin-left: 15px;
}
/* 項目別style */
.research_conds_sort li {
	width: auto;
	padding-right: 40px;
}
.research_conds_syubetu li {
	width: auto;
}
.research_conds_syubetu label {
	font-weight: bold;
	user-select: none;
	-webkit-user-select: none;
}
.research_conds_syubetu a {
	margin-left: 8px;
}
.research_conds_price ul {
	float: right;
	width: 65%;
}
.research_conds_price li {
	width: 12em;
}
.research_conds_madori li {
	width: 7em;
}
.research_conds_madori-preset {
	padding-bottom: 10px;
}
.research_conds_madori-preset label {
	width: 12em;
	margin-right: 5px;
	user-select: none;
	-webkit-user-select: none;
}
.research_conds_price-loan {
	position: relative;
	margin-left: 20px;
	padding-left: 22px;
}
.research_conds_price-loan:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-color: #218bec;
	border-radius: 2px;
}
.research_conds_price-loan:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left-color: #fff;
}

/* こだわり条件 */
.research_conds_kodawari_btn {
	position: relative;
	display: block;
	font-size: 90%;
	line-height: 1;
	text-align: right;
	background-color: #f9f9f9;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 15px 30px 15px 15px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}
.research_conds_kodawari_btn:hover {
	background-color: #f3f3f3;
}
.research_conds_kodawari_btn:before {
	content:"";
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -3px;
	border: 5px solid transparent;
	border-top-color: #218bec;
}
.research_conds_kodawari_open .research_conds_kodawari_btn:before {
	margin-top: -9px;
	border-top-color: transparent;
	border-bottom-color: #218bec;
}
.research_conds_kodawari_wrap { display: none;}
.research_conds_kodawari_btn-close { display: none;}
.research_conds_kodawari_open .research_conds_kodawari_btn { border-bottom: 0;}
.research_conds_kodawari_open .research_conds_kodawari_btn-open { display: none;}
.research_conds_kodawari_open .research_conds_kodawari_btn-close { display: block;}
.research_conds_kodawari_open .research_conds_kodawari_wrap { display: block;}

/* btn */
.btn-research_conds {
	text-align: center;
	padding: 30px 0;
}
.btn-research_conds input,
.btn-research_conds_toolbar input {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	background-color: #0073dd;
	border: 0;
	border-radius: 5px;
	box-shadow: 0 -4px 0 0 #0060b9 inset;
	transition: 0.2s all ease 0s;
	cursor: pointer;
}
.btn-research_conds input {
	width: 40%;
	padding: 22px 30px 21px;
}
.btn-research_conds_toolbar input {
	width: 30%;
	font-size: 100%;
	padding: 18px 30px;
	border-radius: 3px;
}
.btn-research_conds input:hover,
.btn-research_conds_toolbar input:hover {
	box-shadow: 0 0 0 0;
	transform: translateY(2px);
	opacity: 0.8;
}
.btn-research_conds_toolbar_research {
	display: inline-block;
	width: 30%;
	padding-right: 5px;
}
.btn-research_conds_toolbar_research a {
	display: block;
	color: #333;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background-color: #fff;
	border-radius: 3px;
	padding: 17px 0 18px 0;
	box-shadow: 0 -4px 0 0 #eff2f3 inset;
}
.btn-research_conds_toolbar_research span {
	position: relative;
	padding-left: 27px;
}
.btn-research_conds_toolbar_research span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -12px;
    border: 2px solid #85add2;
    border-radius: 10px;
}
.btn-research_conds_toolbar_research span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 2px;
    height: 8px;
    margin-top: 1px;
    background-color: #85add2;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/* ポップアップ表示 */
.research_conds_popup {
	background-color: #fff;
}
.research_conds_popup_title {
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	background-color: #087ed0;
	padding: 22px 15px 20px 0;
}
.research_conds_popup_city-rail {
	margin: 10px 10px 0;
/*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #f3f3f3;
	padding: 8px 15px 15px;
*/
}
.research_conds_popup_city-rail_wrap {
	position: relative;
	border-top: 1px dashed #bbb;
/*
	background-color: #fff;
	border: 1px solid #bfc8cd;
	border-radius: 4px;
	margin-top: 7px;
*/
	list-style-type: none;
}
.research_conds_popup_city-rail_wrap:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 150px;
	height: 100%;
	background-color: #f9f9f9;
}
.research_conds_popup_city-rail_wrap p {
	font-size: 85%;
	line-height: 140%;
	padding: 19px 11em 16px 160px;
}
.research_conds_popup_city-rail_title {
	position: absolute;
	top: 50%;
	left: 15px;
	font-size: 95%;
	font-weight: bold;
	margin-top: -0.5em;
}
.research_conds_popup_city-rail_wrap a {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 7em;
	margin-top: -1.4em;
	padding: 1em 2em 1em 0;

	color: #333;
	font-size: 95%;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.research_conds_popup_city-rail_wrap a:before {
	content:"";
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left-color: #c5d2dc;
}
.research_conds_popup_form {
	padding: 0 10px 10px;
}
.research_conds_popup_form .research_conds_syubetu a {
	display: none;
}
/* research_conds_popup display */
.research_conds_popup_back {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 11;
}
.research_conds_popup {
	position: relative;
	display: none;
	width: 987px;
	background-color: #fff;
	border-radius: 2px;
	margin: 0 auto;
	/* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
	z-index: 12;
}
.btn-research_conds_popup_close {
	position: absolute;
	top: 4px;
	right: 4px;
	display: none;
	width: 50px;
	height: 50px;
}
.btn-research_conds_popup_close:before,
.btn-research_conds_popup_close:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 3px;
	height: 22px;
	margin-top: -12px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 2px;
}
.btn-research_conds_popup_close:before {
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.btn-research_conds_popup_close:after {
	transform:         rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.js-show-popup_research_conds.research_conds_popup_back {
	display: block;
    animation        : fadeIn 0.2s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.2s ease 0s 1 normal;
}
.js-show-popup_research_conds.research_conds_popup {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 950px;
	margin-left: -475px;
    animation        : fadeIn 0.2s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.2s ease 0s 1 normal;
}
.js-show-popup_research_conds .research_conds_popup_title {
	padding-left: 15px;
}
.js-show-popup_research_conds .btn-research_conds_popup_close {
	display: block;
}
.js-show-popup_research_conds .research_conds,
.js-show-popup_research_conds .research_conds_popup_city-rail,
.js-show-popup_research_conds .research_conds_kodawari_btn {
	border-left: 0;
	border-right: 0;
}


/* -----------------------------------------------------------
   並べ替え一覧
-------------------------------------------------------------- */
.sort_list-disp,
.sort_list_wrap {
	display: none;
}
.sort_list-disp:checked + .sort_list_wrap {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.sort_list_back {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.sort_list {
	position: absolute;
	top: 0;/* dispSortList()で変更 */
	left: 50%;
	width: 950px;
	margin-left: -475px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.sort_list-disp:checked + .sort_list_wrap,
.sort_list-disp:checked + .sort_list_wrap {
    animation        : fadeIn 0.2s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.2s ease 0s 1 normal;
}
.sort_list_close {
	position: absolute;
	top: -42px;
	right: 15px;
	display: block;
	width: 36px;
	height: 36px;
	cursor: pointer;
}
.sort_list_close:before,
.sort_list_close:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 4px;
	height: 32px;
	margin-top: -16px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 3px;
}
.sort_list_close:before {
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.sort_list_close:after {
	transform:         rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.sort_list_menu {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	list-style-type: none;
}
.sort_list_menu li {
	border-top: 1px solid #ccc;
}
.sort_list_menu li:first-child {
	border-top: 0;
}
.sort_list_menu a {
	position: relative;
	display: block;
	color: #333;
	font-size: 0.9rem;
	text-decoration: none;
	padding: 18px 40px 16px 15px;
}
.sort_list_menu li.selected a:before {
	content:"";
	position: absolute;
	top: 50%;
	right: 18px;
	display: block;
	width: 8px;
	height: 12px;
	margin-top: -9px;
	border-right: 3px solid #41b3f4;
	border-bottom: 3px solid #41b3f4;
	transform        : rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/* 検索条件保存ボタン・並べ替えボタン */
.btn-save_list,
.btn-sort_list {
	position: relative;
	display: block;
	font-size: 90%;
	background-color: #fff;
	border: 1px solid #bfc8cd;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 9px;
	box-shadow: 0 -3px 0 0 #eee inset;
	cursor: pointer;
}
.btn-save_list {
	padding-left: 38px;
	padding-right: 12px;
}
.btn-sort_list {
	padding-left: 10px;
	padding-right: 45px;
}
.btn-save_list:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-image: url(/smp/img/ico_search-list_v3.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 28px;
}
/* 昇順降順により矢印の色を変える場合はこちらを使用
.btn-sort_list:before,
.btn-sort_list:after {
	content:"";
	position: absolute;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	border-width: 7px 6px;
	border-style: solid;
	border-color: transparent;
}
.btn-sort_list:before {
	right: 9px;
	margin-top: -4px;
	border-top-color: #dbe6ee;
}
.btn-sort_list:after {
	right: 20px;
	margin-top: -11px;
	border-bottom-color: #dbe6ee;
}
.sort_order_as.btn-sort_list:after { border-bottom-color: #4ab2ed;}
.sort_order_des.btn-sort_list:before { border-top-color: #4ab2ed;}
*/
.btn-sort_list:after {
	content:"";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-width: 7px 6px;
	border-style: solid;
	border-color: transparent;
	border-top-color: #4ab2ed;
}


/* ----------------------------------------------------
   icon
------------------------------------------------------- */
/* メールで送る */
.ico-send_mail {
	position: relative;
	display: block;
	width: 20px;
	height: 5px;
	margin-top: 10px;
	border-left: 3px solid #218bec;
	border-right: 3px solid #218bec;
	border-bottom: 3px solid #218bec;
}
.ico-send_mail:before {
	content:"";
	position: absolute;
	top: -6px;
	left: 8px;
	display: block;
	width: 4px;
	height: 8px;
	background-color: #218bec;
}
.ico-send_mail:after {
	content:"";
	position: absolute;
	top: -10px;
	left: 2px;
	display: block;
	width: 0;
	height: 0;
	border-width: 0 8px 7px 8px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #218bec;
}
/* 印刷画面を表示 */
.ico-detail_print {
	display: block;
	width: 28px;
	height: 14px;
	background-color: #218bec;
	border-radius: 3px;
}
.ico-detail_print span {
	position: relative;
	top: 7px;
	left: 3px;
	display: block;
	width: 18px;
	height: 10px;
	background-color: #fff;
	border: 2px solid #218bec;
}
.ico-detail_print span:before,
.ico-detail_print span:after {
	content:"";
	position: relative;
	left: 3px;
	display: block;
	width: 12px;
	height: 2px;
	background-color: #218bec;
}
.ico-detail_print span:before {
	top: 2px;
}
.ico-detail_print span:after {
	top: 4px;
}
/* プリンターアイコン */
.ico-print {
	position: relative;
	display: block;
	width: 28px;
	height: 14px;
	background-color: #218bec;
	border-radius: 3px;
}
.ico-print:before {
	content:"";
	position: absolute;
	top: 7px;
	left: 3px;
	display: block;
	width: 18px;
	height: 10px;
	border: 2px solid #218bec;
	background-color: #fff;
}
.ico-print:after {
	content:"";
	position: absolute;
	top: 11px;
	left: 8px;
	display: block;
	width: 12px;
	height: 2px;
	border-top: 2px solid #218bec;
	border-bottom: 2px solid #218bec;
}
.ico-rail {
	position: relative;
	display: block;
	width: 15px;
	height: 5px;
	background-color: #fff;
	border-width: 3px 3px 12px 3px;
	border-style: solid;
	border-color: #218bec;
	border-radius: 3px 3px 4px 4px;
}
/* 路線アイコン */
.ico-rail:before,
.ico-rail:after {
	content:"";
	position: absolute;
	top: 10px;
	display: block;
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
}
.ico-rail:before {
	left: 1px;
}
.ico-rail:after {
	left: 11px;
}
.ico-rail span {
	content:"";
	position: absolute;
	top: 14px;
	left: 1px;
	width: 11px;
	height: 11px;
	border-top: 2px solid #218bec;
	border-left: 2px solid #218bec;
	transform:         rotate(45deg);
	-webkit-transform: rotate(45deg);
}


/* ----------------------------------------------------
   toolbar
------------------------------------------------------- */
/* footerからスライドアップ  */
.toolbar_footer {
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	/* filter: alpha(style=0, opacity=90); IE8以下用 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);/* IE8以下用 */
	padding: 10px 0;
}
/* footerからスライドアップ アニメーション */
.toolbar_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	z-index: 10;
}
.toolbar_slideup_on {
	animation-name				: footer_slideup_on;
	-webkit-animation-name		: footer_slideup_on;
    animation-duration			: 0.5s;
    -webkit-animation-duration	: 0.5s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}
@keyframes footer_slideup_on {
	0%	{ transform: translate(0%, 100%);}
	100%{ transform: translate(0%, 0%);}
}
@-webkit-keyframes footer_slideup_on {
	0%	{ -webkit-transform: translate(0%, 100%);}
	100%{ -webkit-transform: translate(0%, 0%);}
}
.toolbar_slideup_off {
	animation-name				: footer_slideup_off;
	-webkit-animation-name		: footer_slideup_off;
    animation-duration			: 0.4s;
    -webkit-animation-duration	: 0.4s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}
@keyframes footer_slideup_off {
	0%	{ transform: translate(0%, 0%);}
	100%{ transform: translate(0%, 100%);}
}
@-webkit-keyframes footer_slideup_off {
	0%	{ -webkit-transform: translate(0%, 0%);}
	100%{ -webkit-transform: translate(0%, 100%);}
}

/* headerからスライドダウン  */
.toolbar_header {
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	/* filter: alpha(style=0, opacity=90); IE8以下用 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);/* IE8以下用 */
	padding: 10px 0;
}
/* headerからスライドダウン アニメーション */
.toolbar_header {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	z-index: 60;
}
.toolbar_slidedown_on {
	animation-name				: header_slidedown_on;
	-webkit-animation-name		: header_slidedown_on;
    animation-duration			: 0.5s;
    -webkit-animation-duration	: 0.5s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}
@keyframes header_slidedown_on {
	0%	{ transform: translate(0%, -100%);}
	100%{ transform: translate(0%, 0%);}
}
@-webkit-keyframes header_slidedown_on {
	0%	{ -webkit-transform: translate(0%, -100%);}
	100%{ -webkit-transform: translate(0%, 0%);}
}
.toolbar_slidedown_off {
	animation-name				: header_slidedown_off;
	-webkit-animation-name		: header_slidedown_off;
    animation-duration			: 0.4s;
    -webkit-animation-duration	: 0.4s;
	animation-fill-mode			: forwards;
	-webkit-animation-fill-mode	: forwards;
}
@keyframes header_slidedown_off {
	0%	{ transform: translate(0%, 0%);}
	100%{ transform: translate(0%, -100%);}
}
@-webkit-keyframes header_slidedown_off {
	0%	{ -webkit-transform: translate(0%, 0%);}
	100%{ -webkit-transform: translate(0%, -100%);}
}


/* ----------------------------------------------------
   btn push animation
------------------------------------------------------- */
.btn-research_conds input,
.btn-research_conds_toolbar input,
.detail_toolbar_menu_fav-btn .fav_add,
.detail_toolbar_menu_fav-btn .fav_del,
.detail_toolbar_menu_mail a,
.mailform_confirm_submit a,
.btn-research_conds_toolbar a,
.detail_mailform_submit_btn,
.select_submit-btn input,
.select_research-btn a,
.select_research-btn input,
.detail_btn_mailform a,
.detail_header_fav-btn .fav_add,
.detail_header_fav-btn .fav_del,
.detail_contact_nav-mail a,
.detail_shop_contact_mail a {
	transition: 0.2s all ease 0s;
}
.mailform_confirm_submit a:hover,
.btn-research_conds_toolbar a:hover,
.detail_mailform_submit_btn:hover,
.select_submit-btn input:hover,
.select_research-btn a:hover,
.select_research-btn input:hover,
.detail_btn_mailform a:hover,
.detail_header_fav-btn .fav_add:hover,
.detail_header_fav-btn .fav_del:hover,
.detail_contact_nav-mail a:hover,
.detail_shop_contact_mail a:hover {
	box-shadow: 0 0 0 0;
	transform: translateY(2px);
	opacity: 0.5;
}
.btn-research_conds input:hover,
.btn-research_conds_toolbar input:hover {
	box-shadow: 0 0 0 0;
	transform: translateY(2px);
	opacity: 0.8;
}
.detail_toolbar_menu_fav-btn .fav_add:hover,
.detail_toolbar_menu_fav-btn .fav_del:hover,
.detail_toolbar_menu_mail a:hover {
	box-shadow: 0 0 0 0;
	transform: translateY(2px);
	opacity: 0.95;
}


/* ------------------------------------------------------
	custom checkbox & radio & select
---------------------------------------------------------
	class="custom_checkbox" 配下の全ての
	input type="checkbox / radio" / select に反映
	
	注意：labelはinputの直後に置くこと
	例　：○<input ～ /><label>～</label>
	　　　×<label><input ～ /></label>
--------------------------------------------------------- */
/* css3非対応ブラウザ退避処理(IE8以下は普通のinputを表示) */
@media(min-width: 1px){
	.custom_checkbox input[type=radio] + label,
	.custom_checkbox input[type=checkbox] + label {
		display: inline-block;
		position: relative;
		line-height: 120%;
		cursor: pointer;
	}
	/* input radio/input checkbox 本体を非表示 */
	.custom_checkbox input[type=radio],
	.custom_checkbox input[type=checkbox] {
		display: none;
		margin: 0;
	}
	/* チェックボタン表示用スペース */
	.custom_checkbox input[type=radio] + label,
	.custom_checkbox input[type=checkbox] + label {
		padding: 5px 0 5px 30px;
	}
	/* input radio/input checkbox 枠線 */
	.custom_checkbox input[type=radio] + label::before,
	.custom_checkbox input[type=checkbox] + label::before {
		content:"";
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -11px;
		background-color: #FFF;
		border: 2px solid #d7d7d7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.custom_checkbox input[type=radio] + label::before {
		width: 22px;
		height: 22px;
		border-radius: 34px;
	}
	.custom_checkbox input[type=checkbox] + label::before {
		width: 21px;
		height: 21px;
		border-radius: 3px;
	}
	/* input radio/input checkbox チェックマーク */
	.custom_checkbox input[type=radio] + label::after,
	.custom_checkbox input[type=radio]:checked + label::after,
	.custom_checkbox input[type=checkbox] + label::after,
	.custom_checkbox input[type=checkbox]:checked + label::after {
		content:"";
		display: block;
		position: absolute;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.custom_checkbox input[type=radio] + label::after,
	.custom_checkbox input[type=radio]:checked + label::after {
		top: 50%;
		left: 6px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-radius: 8px;
	}
	.custom_checkbox input[type=radio] + label::after {
		background-color: #eee;
	}
	.custom_checkbox input[type=radio]:checked + label::before {
		background-color: #ff7917;
		border-color: #ff7917;
	}
	.custom_checkbox input[type=radio]:checked + label::after {
		left: 5px;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-color: #fff;
	}
	.custom_checkbox input[type=checkbox] + label::after,
	.custom_checkbox input[type=checkbox]:checked + label::after {
		top: 50%;
		left: 4px;
		width: 13px;
		height: 9px;
		margin-top: -7px;
		border-style: solid;
		border-width: 0 0 3px 3px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.custom_checkbox input[type=checkbox] + label::after {
		border-color: #e4e4e4;
	}
	.custom_checkbox input[type=checkbox]:checked + label::before {
		border-color: #ff7917;
		background-color: #ff7917;
	}
	.custom_checkbox input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 15px;
		height: 10px;
		margin-top: -8px;
		border-color: #fff;
	}
	/* custom select menu */
	.custom_checkbox select {
		background-color: #fff;
		background-image: url(/img/share/custom_select_arrow.png);
		background-position: 100% 50%;
		background-repeat: no-repeat;
		background-size: 22px auto;
		padding: 4px 22px 4px 7px;
		border: 2px solid #d7d7d7;
		border-radius: 3px;
	
		appearance: none;
		-moz-appearance: none;s
		-webkit-appearance: none;
	}
	.custom_checkbox select::-ms-expand {
		display: none;
	}
	:root .custom_checkbox select { padding-right: 6px \0/IE9;}

	/* custom button */
	.custom_checkbox button {
		color: #333;
		line-height: 120%;
		text-align: center;
		background-color: #fff;
		border: 1px solid #bfc8cd;
		border-radius: 3px;
		padding: 10px 25px;
		box-shadow: 0 -3px 0 0 #eff2f3 inset;
		box-sizing: border-box;
		cursor: pointer;
		outline: none;
	}
	.custom_checkbox button:active {
		background-color: #eff2f3;
	}

	/* -----------------------------------------------------------
	   プッシュボタン式チェックボックス
	   .custom_checkbox内の.custom_checkbox_btn-push内の
	   checkboxとradioボタンに反映
	-------------------------------------------------------------- */
	.custom_checkbox .custom_checkbox_btn-push input[type=radio],
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.custom_checkbox .custom_checkbox_btn-push input[type=radio] + label,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox] + label {
		display: inline-block;
		position: relative;
		color: #333;
		line-height: 120%;
		text-align: center;
		background-color: #fff;
		border: 1px solid #bfc8cd;
		border-radius: 3px;
		padding: 10px 25px;
		box-shadow: 0 -3px 0 0 #eff2f3 inset;
		box-sizing: border-box;
		cursor: pointer;
	}
	.custom_checkbox .custom_checkbox_btn-push input[type=radio]:checked + label,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox]:checked + label {
		color: #fff;
		border: 0;
		background-color: #218bec;
		border: 1px solid #218bec;
		box-shadow: none;
	}
	.custom_checkbox .custom_checkbox_btn-push input[type=radio] + label::before,
	.custom_checkbox .custom_checkbox_btn-push input[type=radio] + label::after,
	.custom_checkbox .custom_checkbox_btn-push input[type=radio]:checked + label::before,
	.custom_checkbox .custom_checkbox_btn-push input[type=radio]:checked + label::after,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox] + label::before,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox] + label::after,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox]:checked + label::before,
	.custom_checkbox .custom_checkbox_btn-push input[type=checkbox]:checked + label::after {
		display: none;
	}

}

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