@charset "utf-8";

/*----------------------------------------------------------
 COMMON
----------------------------------------------------------*/

.titleWrap h3 { font-size:30px; font-weight:bold; }
.titleWrap h3::before { content:attr(data-en) ""; font-size:12px; line-height:1.5; font-weight:normal; color:#cdb402; text-align:center; font-family:'Ropa Sans', sans-serif; display:block; letter-spacing:0.01em; transition:0.3s; }

/*.property_menu { display:flex; justify-content:space-between; }
.property_menu ul { display:flex; justify-content:space-between; height:65px; width:50%; }
.property_menu ul li { display:table; width:calc(100% / 3); height:100%; line-height:1.3; }
.property_menu ul a { display:table-cell; vertical-align:middle; text-align:center; border:1px solid #cdb402; border-right:none; }
.property_menu ul li:last-child a { border-right:1px solid #cdb402; }
.property_menu ul li:hover, .property_menu ul li.active { background:#cdb402; }
.property_menu ul li:hover a, .property_menu ul li.active a { color:#fff; }
.property_menu ul li.inactive, .property_menu ul li.inactive a { background:#ddd; color:#999; }
.property_menu ul li.inactive a { pointer-events:none; }
.property_menu ul:first-child li:last-child a { border-right:none; }*/

.property_menu ul { display:flex; justify-content:center; /*flex-direction: column;*/ align-items:center; height:65px; border:1px solid #cdb402; overflow:hidden; }
.property_menu ul li { width:calc(100% / 6); border-right:1px solid #cdb402; }
.property_menu ul li:last-child { border-right:none; }
.property_menu ul li a { width:100%; height:100%; line-height:1.3; text-align:center; padding: 16% 0; }
.property_menu ul a { display:block; }
.property_menu ul li:hover, .property_menu ul li.active { background:#cdb402; }
.property_menu ul li:hover a, .property_menu ul li.active a { color:#fff; }
.property_menu ul li.inactive, .property_menu ul li.inactive a { background:#ddd; color:#999; }
.property_menu ul li.inactive a { pointer-events:none; }

/*----------------------------------------------------------
 index page
----------------------------------------------------------*/

/* mainvisual */
#mainVisual.properties_index { background:url(../img/properties/bg_index.jpg) no-repeat top center / cover; }

.panel_container .panel_outer { width:calc(100% / 3); }
.panel:hover { background:rgba(205,180,2,0.5); }

.panel_container .panel_outer:nth-child(3n) { border-right:none; }

	@media all and (-ms-high-contrast:none){ /* IE10 */
	  .panel_container .panel_outer { width:calc(100% / 3 - 0.5px); } 
	}


	@media only screen and (max-width:767px) {
		.panel_container .panel_outer { width:calc(100% / 2); }
		.panel_container .panel_outer:nth-child(3n) { border-right:1px solid #e6e2e7; }
		.panel_container .panel_outer:nth-child(odd) { border-left:none; }
		.panel_container .panel_outer:nth-child(even) { border-right:none; }
	}


/* MAP */

.resultsTop #mapCanvas { width:100%; height:680px; margin:0 auto; left: 86px; }
.resultsTop #mapCanvas .gm-style .gm-style-iw {	font-size:12px; }
.resultsTop #mapCanvas .gm-style img { max-width:200px; }
		
.resultsTop .mansionList { margin:5% 0 0; }
.resultsTop .order-pin { position: absolute; color: white; top: 30%; left: 0; width: 2em; text-align: center; font-size: 10px; }
.resultsTop .areaBox { font-size:14px; /*border-bottom:1px dotted #cdb402;*/ }
.resultsTop .areaBox_inner { width:100%; border-top:1px dotted #cdb402; }
.resultsTop .areaBox_inner:first-child { border-top:none; }
.resultsTop .areaBox_inner:not(:first-of-child) { display:flex; justify-content:space-between; }
.resultsTop .areaBox dl { width:100%; margin-bottom:5px; border-bottom:1px dotted #cdb402; }
.resultsTop .areaBox dl dt { cursor:pointer; position:relative; padding:5px 10px 8px 0; }
.resultsTop .areaBox dl dt:before { position:absolute; top:18px; right:10px; font-size:12px; line-height:12px; width:12px; height: 13px; text-align:center; content:"+"; background:#cdb402; color:#fff; }
.resultsTop .areaBox dl dt.active:before { content:"-"; }
.resultsTop .areaBox dl dt img { width:20px; position:relative; top:13px; margin-right:3px; }
.resultsTop .areaBox dl dd { padding:20px 0; display:none; }
.resultsTop .areaBox dl:nth-child(n+1) { margin-bottom:0px; }
.resultsTop .areaBox dl:not(:last-child) { /*border-bottom:1px dotted #cdb402; padding-bottom:7px;*/ }
.resultsTop .areaBox dl:last-child { margin-bottom:7px; }

.resultsTop .areaBox dl dd.active { display:block; }
.resultsTop .areaBox dl dd a { display:table; width:100%; color:#454545; }
.resultsTop .areaBox dl dd .schoolImg { display:table-cell; width:130px; text-indent:-9999px; }
.resultsTop .areaBox dl dd .schoolImg p { width:100px; height:100px; }
.resultsTop .areaBox dl dd  address { display:block; display:table-cell; width:*; }
.resultsTop .areaBox dl dd .more { display:block; width:250px; text-align:center; position:relative; border-radius:15px; padding:4px 0 3px; background:#cdb402; color:#fff; font-weight:normal; font-size:12px; line-height:1.3; margin-top:10px; }
.resultsTop .areaBox dl dd .more i { margin-right:10px; position:relative; top:-1px; }
.resultsTop .areaBox dl dd .more:after { content:"\0bb"; width:1px; height:1em; position:absolute; top:3px; right:20px; color:#fff; }

		.resultsTop .results_bkNavi {  display: flex; align-items: center;  justify-content: center; }


		@media only screen and (max-width:1024px) {
			.resultsTop #mapCanvas { left: 59px; }
		}
		
		@media only screen and (max-width:767px) {
			.resultsTop #mapCanvas { height:400px; left: 0; }
		
		}


/*----------------------------------------------------------
 detail page
----------------------------------------------------------*/

/* mainvisual */
#mainVisual_no_image { background:#cdb402; }

.article_detailBox h3 { font-size:24px; padding-left:20px; font-weight:bold; line-height:1.5; margin-bottom:50px; padding-bottom:20px; position:relative; color:#cdb402; }
.article_detailBox h3::before,.article_detailBox h3::after { content:""; position:absolute; }
.article_detailBox h3::before { top:5px; left:0; background:#cdb402; width:5px; height:1em; }
.article_detailBox h3::after { bottom:0; left:0; background:#f8f8f8; width:100%; height:3px; }
.article_item_box .bg_gray { padding:30px; }

.article_item_box table { width:100%; }
.article_item_box table, .article_item_box table th, .article_item_box table td { border-collapse:collapse; border:1px solid #e5e5e5; line-height:1.5; padding:20px; }
.article_item_box table th { width:23%; background:#f8f8f8; }

.article_item_box .img_single.border_box { padding:2% 0; }
.article_item_box .img_single.border_box .image { padding:27% 0; }

.article_item_box .imgList.img_double.img_landscape .image { padding:12% 0; }

.imgList_with_text { display:flex; justify-content:space-between; }
.imgList_with_text .list_row { width:49%; }
.imgList_with_text .list_row .image { padding:28% 0; background-repeat:no-repeat; background-position:top center; background-size:cover; }

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

/*
	.article_item_box .img_triple.img_square .image { background-repeat:no-repeat; background-position:top center; background-size:cover; text-indent:-9999px; }
	.article_item_box .img_triple.img_square > a { width:32%; }
	.article_item_box .img_triple.img_square > a:nth-child(n+4) { margin-top:20px; }
	.article_item_box .img_triple.img_square > a:hover { opacity:0.8; }*/

	@media screen and (min-width:768px) and ( max-width:1024px) {
		.property_menu ul li a { padding:50% 0; }
	}

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

		.titleWrap h3 { font-size:24px; line-height:1.3; }
		/*.property_menu { display:block; }
		.property_menu ul { width:100%; height:45px; }
		.property_menu ul li a { font-size:12px; }
		.property_menu ul:first-child li a { border-bottom:none; }
		.property_menu ul:first-child li:last-child a { border-right:1px solid #cdb402; }
		.property_menu ul li { width:calc(100% / 3); }*/
		
		.property_menu ul { flex-wrap:wrap; height: auto; }
		.property_menu ul li { width:calc(100% / 3); display:table; }
		.property_menu ul li a { padding:0; display:table-cell; vertical-align:middle; height:45px; font-size: 12px; }
		.property_menu ul li:nth-child(3) { border-right:none; }
		.property_menu ul li:nth-child(n+4) { border-top:1px solid #cdb402; }
		

		.article_detailBox h3 { font-size:20px; margin-bottom:30px; padding-bottom:10px; }
		.article_detailBox h3::before { top:5px; left:0; }
		.article_detailBox h3::after { bottom:0; left:0; }
		
		.article_item_box table, .article_item_box table th, .article_item_box table td { padding:10px; border:none; }
		.article_item_box table th, .article_item_box table td { width:100%; display:block; }
		.article_item_box table td { padding:10px 10px 25px; }
		.article_item_box .bg_gray { padding:10px; }
		
		.article_item_box .imgList.img_triple.img_square .image { padding:20% 0; }
		
		
		.imgList_with_text { flex-wrap:wrap; }
		.imgList_with_text .list_row { width:100%; }
		.imgList_with_text .list_row:first-child { margin-bottom:20px; }
		
			/*.article_item_box .img_triple.img_square > a { width:49%; }
			.article_item_box .imgList.img_triple.img_square .image { padding:21.5% 0; }
			.article_item_box .img_triple.img_square > a:nth-child(n+4) { margin-top:0px; }*/
	}


/*----------------------------------------------------------
 result
----------------------------------------------------------*/
.results_bkNavi {display:flex; align-items:center; justify-content:flex-end; }
.results_bkNavi_ttl { font-weight:500; font-size:17px; margin-right: 30px; }
.results_bkNavi_area { position:relative; width:247px; overflow:hidden; }
.results_bkNavi_area:after { z-index:5; content:""; display:block;; width:5px; height:5px; border-left:2px solid #222; border-bottom:2px solid #222; transform:rotate(-45deg); position:absolute; top:20px; right:20px; transition:.4s; }
.results_bkNavi_list { 	-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; outline:0; border-radius:0; padding-left:70px; /*background:#cdb402; color:#fff;*/ background:#ccc; width:130%; height:50px; font-weight:500; font-size:16px;}

.results_list { margin-top:40px; margin-bottom:120px; display:flex; flex-wrap:wrap; }
.results_list li { width:28.6%; margin-right:7.1%;}
.results_list_img { padding-top:75%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.results_list_ttl { background-color:#f7f6f8; border-top:3px solid #cdb402; font-size:18px; line-height:1.3; padding: 16px 18px; font-family: 'Ropa Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif ; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.results_list_txt { margin-top:18px; font-size:14px; }


	@media only screen and (min-width:768px) {

		.results_list li:nth-child(3n) { margin-right:0;}
		.results_list li:nth-child(n+4) { margin-top:100px;}
	}

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

		.results_bkNavi_ttl { font-size:12px; margin-right: 10px; }
		.results_bkNavi_area { width:150px; }
		.results_bkNavi_btn { }
		.results_bkNavi_area:after { top:15px; }
		.results_bkNavi_list { height:40px; font-size:13px; padding-left: 30px}

		.results_list { margin-bottom:0;}
		.results_list li { width:48%; margin-right:4%;}
		.results_list li:nth-child(even) { margin-right:0;}
		.results_list li:nth-child(n+3) { margin-top:5%;}
		.results_list_ttl { border-top:2px solid #cdb402; font-size:13px; padding: 12px 10px; }
		.results_list_txt { margin-top:14px; font-size:12px; }
	}