@charset "utf-8";
/*
----------------------------------------------- *
 * 横幅調整
----------------------------------------------- */
.sec-mainContents {
width: auto;
}
.mod-freeArticleFooter ,
.mod-areaSearch ,
.mod-contHeader ,
.mod-breadcrumb ,
.mod-socialArea ,
.mod-searchHomes ,
.mod-sameCategory {
width: 940px;
margin: 1em auto;
}

.mod-keyword {
width: 900px;
margin: 1em auto;
}

/*
----------------------------------------------- *
 * システム的に自動挿入されてしまうモジュール等については、非表示・初期値にリセット・カスタマイズをする
----------------------------------------------- */
.sec-wrap .sec-main {
float: none;
width: auto;
position: relative;
box-sizing: border-box;
}
.sec-wrap .sec-sub { display: none;}
.ui-frame-orange-bar {
border: none;
border-radius: 0;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-position: 0;
background-size: 0;
box-shadow: none;
}
.ie .ui-frame-orange-bar { border-top-color: #bdc8ca;}
.mod-searchHomes .heading {
  width: 940px;
  height: 41px;
  background: url(../img/bg_search_homes_customize.png) no-repeat 0 0;
}

/*
----------------------------------------------- *
 * 住みたい街ランキング
----------------------------------------------- */
#contentRanking {
font-size: 13px;
line-height: 1.5;
color: #333;
/*width: 940px;*/
margin: 0 auto;
padding:0 0 20px;
width: auto;!important
}
#contentRanking #rankingMain,#contentRanking #secOverview {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#contentRanking a {
	transition: .5s;
}
#contentRanking a:hover {
	opacity:0.8;
}

#contentRanking > *:first-child { margin-top: 0 !important;}
#contentRanking .visible-sm { display: none !important;}
#contentRanking img {
max-width: 100%;
height: auto;
}
#contentRanking .secBox {
background: #fff;
margin: -70px auto 0 auto;
/*border: 1px solid #bdc8ca;*/
/*border-radius: 10px;*/
/*overflow: hidden;*/
/*box-shadow: 0 0 4px 2px rgba(0,0,0,0.04);*/
}
#contentRanking .secBox2 {
/*
background: #fff;
border: 1px solid #bdc8ca;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 4px 2px rgba(0,0,0,0.04);
*/
width:940px;
margin:auto;
}
#contentRanking .secBox2.secBtm {
background: #fff;
border: 1px solid #bdc8ca;
/*border-radius: 10px;*/
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 4px 2px rgba(0,0,0,0.04);
width:940px;
margin:20px auto;
}
#contentRanking .secBox .secHeader,
#contentRanking .secBox2 .secHeader {
padding: 20px;
}
#contentRanking .secBox2.secBtm .secHeader {
    padding: 20px;
    border-bottom: solid 1px
    #cad3d5;
}
#contentRanking .secBox2 .secHeader .head {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}

#contentRanking .secBox2 .secHeader .head::after, #contentRanking .secBox2 .secHeader .head::before {
    background: url(../img/l-focus.svg) no-repeat 0 0;
    background-size: auto;
    background-size: contain;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
}
#contentRanking .secBox2 .secHeader .head::after, #contentRanking .secBox2 .secHeader .head::before {
    height: 38px;
}
#contentRanking .secBox2 .secHeader .head::before {
    top: 0;
    left: 0;
    width: 25px;
}
#contentRanking .secBox2 .secHeader .head::before {
    width: 38px;
}
#contentRanking .secBox2 .secHeader .head .heading::after, #contentRanking .secBox2 .secHeader .head .heading::before {
    background: url(../img/l-focus.svg) no-repeat 0 0;
    background-size: auto;
    background-size: contain;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
}
#contentRanking .secBox2 .secHeader .head .heading::after, #contentRanking .secBox2 .secHeader .head .heading::before {
    height: 38px;
}
#contentRanking .secBox2 .secHeader .head .heading::before {
    bottom: 0;
    left: 0;
    width: 25px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#contentRanking .secBox2 .secHeader .head .heading::before {
    width: 38px;
}
#contentRanking .secBox2 .secHeader .head .heading::after {
    bottom: 0;
    right: 0;
    width: 25px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#contentRanking .secBox2 .secHeader .head .heading::after {
    width: 38px;
}
#contentRanking .secBox2 .secHeader .head::after {
    top: 0;
    right: 0;
    width: 25px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#contentRanking .secBox2 .secHeader .head::after {
    width: 38px;
}
#contentRanking .secBox2 .secHeader .head .heading {
    padding: 50px;
	text-align: center;
	margin-bottom:60px;
}

#contentRanking .secBox .secHeader .title,
#contentRanking .secBox2 .secHeader .title {
font-size: 184.6%;/*24px*/
font-weight: bold;
color: #2f474f;
line-height: 28px;
position: relative;
}
#contentRanking .secBox .secHeader .title:before,
#contentRanking .secBox2 .secHeader .title:before {
display: inline-block;
vertical-align: top;
content: "";
background: #eb611f;
width: 6px;
height: 28px;
margin-right: 15px;
border-radius: 2px;
}
/*
#contentRanking .secBox .secBody,
#contentRanking .secBox2 .secBody { padding: 19px;}
*/
#contentRanking .secBox2.secBtm .secBody {
    padding: 19px;
}
#contentRanking .secBox .secBody .secTxt,
#contentRanking .secBox2 .secBody .secTxt { font-size: 107.7%;/*14px*/}

/*
----------------------------------------------- *
 * トップページ：メイン
----------------------------------------------- */
#secMain .title {
font-size: 0;
width: 100%;
/* height: 259px; */
display: flex;
justify-content: center;
padding: 40px 0 50px;
}


/*
----------------------------------------------- *
 * トップページ：タブナビ
----------------------------------------------- */
#navTab {
text-align: center;
background: #F7FAFA;
position:relative;
padding:0 0 32px;
}
#navTab:before {
	position:absolute;
	width:100%;
	height:20px;
	background: #FFF;
	z-index: 0;
	content:"";
	top:0;
	left:0;
}
#navTab ul {
	letter-spacing: -0.4em;
	width: 940px;
    margin:-10px auto 0;
	position:relative;
	z-index: 1;
}
#navTab li {
font-size: 153%;/*20px*/
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
width: 144px;
height:120px;
background: transparent;
margin-left: 12px;
}
#navTab ul > li:first-child { margin-left: 0;}
#navTab li a {
color: #fff;
text-decoration: none;
border-radius: 4px;
position: relative;
display: flex;
width:100%;
height:100%;
align-items: center;
justify-content: flex-start;
flex-flow: column;
padding-top:24px;
box-sizing: border-box;
font-weight:bold;
}
#navTab li a:after {
display: block;
content: "";
background: url(../img/tab_arr.png) no-repeat center center;
background-size: 100% auto;
height: 8px;
width: 14px;
margin-left: -7px;
position: absolute;
left: 50%;
bottom: 10px;
-ms-transition: bottom 0.2s cubic-bezier(0.215,0.610,0.355,1.000);
transition: bottom 0.2s cubic-bezier(0.215,0.610,0.355,1.000);
}
#navTab li a span {
font-size:70%;
display: block;
text-align: center;
}

#navTab li.shutoken a {
background: #60c59b;
box-shadow: 0px 3px 0px #038461;
}
#navTab li.kinki a {
background: #78d1e6;
box-shadow: 0px 3px 0px #0b9cc1;
}
#navTab li.chubu a {
background: #e87985;
box-shadow: 0px 3px 0px #d22e2e;
}
#navTab li.kyushu a {
background: #af7bda;
box-shadow: 0px 3px 0px #8642cd;
}
#navTab li.nandemo a {
background: #ef7a2c;
box-shadow: 0px 3px 0px #e05709;
}
#navTab li a:hover:after { bottom: 5px;}
#navTab p {
	text-align: center;
	margin:32px auto 0;
	font-size: 107.7%;
	line-height: 1.78;
}


/*
----------------------------------------------- *
 * トップページ：ランキング
----------------------------------------------- */
.secTopRankBlock {
padding:60px 0;
}
.secTopRankBlock .titBlock {
width:940px;
margin:auto;
padding:0 0 40px;
text-align: center;
}
.secTopRankBlock .titBlock h2 {
margin:0 0 40px;
}
.secTopRankBlock .titBlock p {
	font-size:123%;/*16px*/
}
.secTopRankBlock .innerBlock {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:912px;
margin:auto;
}
#contentRanking .secTopRank {
box-sizing: border-box;
width: 445px;
margin : auto 0 22px 0;
width: 445px;
border-radius: 4px;
background: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

#contentRanking .secTopRank .title {
text-align: center;
font-size: 153%;/*20px*/
color:#FFF;
line-height: 64px;
border-radius: 4px 4px 0 0;
font-weight:600;
}

#contentRanking .secTopRank#secBuy .title {
	background: #236DDA;
}
#contentRanking .secTopRank#secRent .title {
	background: #ED6301;
}
#contentRanking .secTopRank .rankTxt {
text-align: center;
margin-top: 15px;
}
#contentRanking .secTopRank .rankWrap:after {
display: block;
content: "";
clear: both;
}
#contentRanking .secTopRank .rankWrap p {
padding-bottom: 20px;
line-height: 1.8;
font-size: 107.7%;
}

#contentRanking .secTopRank .rankWrap .rankList li {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
	border-bottom:#E7E7E7 1px solid;
}
#contentRanking .secTopRank .rankWrap .rankList > li:last-child {
	border-bottom:none;
}
#contentRanking .secTopRank .rankWrap .rankList li > * {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
padding: 12px 8px;
height:72px;
}
#contentRanking .secTopRank .rankWrap .rankList li .no {
text-align: center;
width: 80px;
}
#contentRanking .secTopRank .rankWrap .rankList li .no img {
	width:40px;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico {
font-size: 76.9%;/*10px*/
font-weight: bold;
text-align: left;
width: 90px;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico span {
display: block;
padding-left: 28px;
height:32px;
line-height: 32px;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico .new {
  color: #E38240;
  background: url(../img/icon_new.png) no-repeat left center;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico .up {
  color: #E38240;
  background: url(../img/icon_up.png) no-repeat left center;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico .down {
  color: #5A7DBE;
  background: url(../img/icon_down.png) no-repeat left center;
}
#contentRanking .secTopRank .rankWrap .rankList li .ico .keep {
  color: #A0A0A0;
  background: url(../img/icon_keep.png) no-repeat left center;
}
#contentRanking .secTopRank .rankWrap .rankList li .area {
  font-size: 138.5%;/*18px*/
  font-weight: bold;
	width:110px;
}
#contentRanking .secTopRank .rankWrap .rankList li .no + .area { padding-left: 20px; }



#contentRanking .secTopRank .rankWrap li .line span {
font-weight: normal;
color: #A0A0A0;
font-size: 92.3%;
}




#contentRanking .btnBlock {
	width:940px;
	margin:40px auto 0;
}
#contentRanking .btnBlock .rankmore {
	text-align: center;
	margin-bottom: 20px;
}
#contentRanking .btnBlock .rankmore .btnmore {
	display: inline-block;
	width: 464px;
	height: 72px;
	border-radius: 36px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	color:#FFF;
	position:relative;
	line-height: 72px;
	text-decoration: none;
	font-size:184.4%;/*24px*/
}
#contentRanking .btnBlock .rankmore .btnmore::before{
	content:"";
	position:absolute;
	right:36px;
	width:12px;
	height:20px;
	background: url("../img/btnmore_arr-r.png") center no-repeat;
	background-size: 100% auto;
	top:50%;
	margin:-10px;
}
#contentRanking .btnBlock .rankmore .btnmore:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}
#contentRanking #shutoken {
	background: #DAF2EB;
}
#contentRanking #shutoken .btnBlock .rankmore .btnmore, #contentRanking.shuto .btnBlock .rankmore .btnmore {
	background-color: #60C59B;
}
#contentRanking #shutoken .btnBlock .rankmore .btnmore:hover, #contentRanking.shuto .btnBlock .rankmore .btnmore:hover {
	background-color: #73CCA7;
}
#contentRanking #kinki {
	background: #DCEDF2;
}
#contentRanking #kinki .btnBlock .rankmore .btnmore, #contentRanking.kinki .btnBlock .rankmore .btnmore {
	background-color: #78D1E6;
}
#contentRanking #kinki .btnBlock .rankmore .btnmore:hover, #contentRanking.kinki .btnBlock .rankmore .btnmore:hover {
	background-color: #8CD8E9;
}
#contentRanking #chubu {
	background: #F2E6E6;
}
#contentRanking #chubu .btnBlock .rankmore .btnmore, #contentRanking.chubu .btnBlock .rankmore .btnmore {
	background-color: #E87985;
}
#contentRanking #chubu .btnBlock .rankmore .btnmore:hover, #contentRanking.chubu .btnBlock .rankmore .btnmore:hover {
	background-color: #EB8F99;
}
#contentRanking #kyushu {
	background: #EEEBF7;
}
#contentRanking #kyushu .btnBlock .rankmore .btnmore, #contentRanking.kyushu .btnBlock .rankmore .btnmore {
	background-color: #AF7BDA;
}
#contentRanking #kyushu .btnBlock .rankmore .btnmore:hover, #contentRanking.kyushu .btnBlock .rankmore .btnmore:hover {
	background-color: #B98CDE;
}


/*
----------------------------------------------- *
 * なんでも街ランキング
----------------------------------------------- */
#contentRanking #nandemo {
	background: #FCF6EE;
}

/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 40px;
width: 912px;
margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: 445px;
  height: 80px;
  background-color: #F4F4F4;
  line-height: 56px;
  font-size: 184.6%;
  text-align: center;
  font-weight:bold;
  display: block;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  position:relative;
  margin-right:22px;
	float:left;
}
.tab_item[for="kinki_tab"] {
	margin-right:0;
}
.tab_item:before {
	content:url("../img/nandemo_tab_arr.png");
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
}
.tab_item:hover {
opacity: 0.75;
}
.tab_item:hover:before {
	bottom:-4px;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 32px 32px 0 32px;
  clear: both;
  overflow: hidden;
  background: #FFF;
  border:4px solid #F8E9DC;
}


/*選択されているタブのコンテンツのみを表示*/
#shutoken_tab:checked ~ #shutoken_content,
#kinki_tab:checked ~ #kinki_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #F8E9DC;
  color: #ED6103;
}
.tabs input:checked + .tab_item:before {
	content:url("../img/nandemo_tab_arr_current.png");
}

.tab_content .indexWrap {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.tab_content .indexWrap .indexBox {
	width:408px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin:0 0 32px;
}
.tab_content .indexWrap .indexBox h4 {
	width:100%;
	color:#ED6103;
	font-weight: bold;
	font-size:137.5%;
	margin-bottom: 12px;
}
.tab_content .indexWrap .indexBox .photoBox {
	width:182px;
}
.tab_content .indexWrap .indexBox .rankBox {
	width:calc(100% - 182px);
	padding:0 0 0 20px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.tab_content .indexWrap .indexBox .rankBox .rankList li {
	font-size:123%;
	font-weight:bold;
	margin:0 0 12px;
}
.tab_content .indexWrap .indexBox .rankBox .rankList li span {
	display: inline-block;
	padding-right:12px;
}
.tab_content .indexWrap .indexBox .rankBox .btnmore {
	width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 16px;
    color: #FFF;
    text-decoration: none;
    font-size: 107.6%;
    text-align: left;
    display: block;
    margin: 0 0 0 auto;
    background: url(../img/btnmore_arr-r.png) 100px center no-repeat #ed6103;
    background-size: 8px auto;
    padding: 0 20px;
    box-sizing: border-box;
}


/*
----------------------------------------------- *
 * 過去の住みたい街ランキング
----------------------------------------------- */
#secPastRanking { margin-bottom: 20px;}
#secPastRanking .linkList {
letter-spacing: -0.4em;
margin-top: 20px;
}
#secPastRanking .linkList li {
font-size: 107.7%;/*14px*/
display: inline-block;
letter-spacing: normal;
vertical-align: top;
width: 170px;
margin-left: 12px;
box-sizing: border-box;
}
#secPastRanking .linkList li span {
display: block;
}
#secPastRanking .linkList li:first-child,
#secPastRanking .linkList li:nth-child(6n) { margin-left: 0;}
#secPastRanking .linkList li:nth-child(1),
#secPastRanking .linkList li:nth-child(2),
#secPastRanking .linkList li:nth-child(3),
#secPastRanking .linkList li:nth-child(4),
#secPastRanking .linkList li:nth-child(5) { margin-bottom: 12px;}
#secPastRanking .linkList li a {
text-decoration: none;
color: #eb611f;
display: block;
text-align: center;
border: solid 2px #eb611f;
border-radius: 10px;
padding: 16px 10px;
}
#secPastRanking .linkList li a:hover { background: #fff5f0;}

/*
----------------------------------------------- *
 * 街選びのお役立ち情報
----------------------------------------------- */
#secUsefulInfo { margin-bottom: 20px;}
#secUsefulInfo .linkList {
letter-spacing: -0.4em;
margin-top: 20px;
}
#secUsefulInfo .linkList li {
display: inline-block;
letter-spacing: normal;
vertical-align: top;
width: 216px;
margin-left: 12px;
}
#secUsefulInfo .linkList li:first-child { margin-left: 0;}
#secUsefulInfo .linkList li a {
display: block;
border: solid 2px #eb611f;
border-radius: 4px;
overflow: hidden;
}
#secUsefulInfo .linkList li a:hover img { opacity: 0.5;}


/*
----------------------------------------------- *
 * 調査概要
----------------------------------------------- */
#secOverview {
padding:60px 0;
background: #FFF;
margin:0 0 60px;
}
#secOverview .secBody {
font-size: 107.7%;/*14px*/
line-height: 1.8;
}

#secOverview .secBody .contBox {
background: #F7FAFA;
padding:40px;
box-sizing: border-box;
margin: 0 0 40px 0;
}

#secOverview .secBody .contBox:last-child {
margin: 0;
}

#secOverview .secBody .contBox h3 {
text-align: center;
color:#ED6103;
font-weight: bold;
}
#secOverview .data {
overflow: hidden;
zoom: 1;
}

#secOverview .data dt {
font-weight: bold;
clear: left;
margin:20px 0 0 0;
font-size:114.2%;
}
#secOverview .data dd, #secOverview .data p { font-weight:lighter;}

#secOverview h3 + .data dt:first-child {
	margin:0;
}

#secOverview h3 {
font-size: 128.6%;/*18px*/
color: #ed6103;
font-weight: bold;
padding-bottom: 20px;
}


/*
----------------------------------------------- *
 * お問い合わせ add
----------------------------------------------- */
#rankingContact { margin-bottom: 20px;}
#rankingContact .secBody {
font-size: 107.7%;/*14px*/
line-height: 1.8;
}

#rankingContact .secBody p {
padding-bottom: 10px;
}
#rankingContact .secBody > p:last-child{
	padding:0;
}


/*
----------------------------------------------- *
 * その他のエリアのランキング add プレスリリース
----------------------------------------------- */
#secOtherRanking { margin-bottom: 20px;}
#secOtherRanking .linkList,
#secOtherRanking .linkList2 {
letter-spacing: -0.4em;
overflow: hidden;
margin: -20px -10px 0;
}
#secOtherRanking .linkList li {
font-size: 107.7%;/*14px*/
line-height: 1.5;
display: inline-block;
letter-spacing: normal;
vertical-align: top;
width: 174px;
margin: 20px 5px 0;
}
#secOtherRanking .linkList2 li {
font-size: 123.1%;/*16px*/
line-height: 1.5;
display: inline-block;
letter-spacing: normal;
vertical-align: top;
width: 31%;
margin: 20px 10px 0;
}
#secOtherRanking .linkList li a,
#secOtherRanking .linkList2 li a {
text-decoration: none;
color: #eb611f;
display: block;
text-align: center;
padding: 16px 10px;
border: solid 2px #eb611f;
border-radius: 10px;
box-sizing: border-box;
}
#secOtherRanking .linkList li a:hover,
#secOtherRanking .linkList2 li a:hover { background: #fff5f0;}


/* ======================================================================================================== *

/*
----------------------------------------------- *
 * 下層ページ：メイン
----------------------------------------------- */
.area #secMain {
	width:940px;
	margin:auto;
	position:relative;
}
#contentRanking #secMain .return {
    font-size: 107.7%;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 0;
    overflow: hidden;
	text-decoration: none;
height: 32px;
border-radius: 4px;
background: #fff;
border: 2px solid #ed6400;
color:#ed6400;
}
#contentRanking #secMain .return a {
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 32px;
    color: #ed6400;
    padding: 0 20px 0 30px;
	background: url("../img/arr_org_right.png") no-repeat 10px center;
	background-size: 6px 12px;
}
#contentRanking #secMain .return a:hover {
	background: #fff5f0 url("../img/arr_org_right.png") no-repeat 10px center;
}
.area .bg_gray {
	background: #F7FAFA;
}
.area #introduction {
	padding:32px 0 0;
}
.area #introduction p{
	text-align: center;
    font-size: 107.7%;
    line-height: 1.78;
}
.area #introduction .leadTxt {
	width:640px;
	margin:32px auto 0;
	background: #60C59B;
	color:#FFF;
	padding:24px;
	box-sizing: border-box;
	position:relative;
	font-size:138.4%;
	font-weight:bold;
}
.area #introduction .leadTxt:after {
	content:"";
	position:absolute;
	bottom:-54px;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 54px 320px 0 320px;
	border-color: #60C59B transparent transparent transparent;
	z-index: 1;
}
.area.kinki #introduction .leadTxt {
	background-color: #61C9E1;
}
.area.kinki #introduction .leadTxt:after {
	border-color: #61C9E1 transparent transparent transparent;
}
.area.chubu #introduction .leadTxt {
	background-color: #E87985;
}
.area.chubu #introduction .leadTxt:after {
	border-color: #E87985 transparent transparent transparent;
}
.area.kyushu #introduction .leadTxt {
	background-color: #AF7BDA;
}
.area.kyushu #introduction .leadTxt:after {
	border-color: #AF7BDA transparent transparent transparent;
}




#contentRanking #secLowerMain {
height: 230px;
position: relative;
}
#contentRanking #secLowerMain .title {
font-size: 0;
text-indent: -9999px;
overflow: hidden;
}
#contentRanking #secLowerMain .return {
font-size: 107.7%;/*14px*/
font-weight: bold;
background: #fff;
position: absolute;
top: 10px;
left: 20px;
border: 2px solid #eb601f;
border-radius: 10px;
overflow: hidden;
}
#contentRanking #secLowerMain .return a {
text-decoration: none;
display: block;
text-align: center;
line-height: 1.285714285714286;
color: #eb601f;
padding: 10px 20px;
}
#contentRanking #secLowerMain .return a:hover { background: #fff5f0;}


/********
　COMING SOON
****************/

.comingBlock {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.comingBlock .circle {
    background-color: rgba(255,255,255,0.5);
    width: 480px;
    height: 480px;
    border-radius: 240px;
    text-align: center;
    line-height: 300px;
}


/*
----------------------------------------------- *
 * 下層ページ：ランキング
----------------------------------------------- */
#contentRanking .secLowerRank {
box-sizing: border-box;
padding: 114px 0 60px ;
}
#contentRanking.shuto .secLowerRank { background: #DAF2EB;}
#contentRanking.kinki .secLowerRank { background: #d0edf1;}
#contentRanking.chubu .secLowerRank { background: #fcdbdd;}
#contentRanking.kyushu .secLowerRank { background: #e8d9ed;}
#contentRanking .secLowerRank .title { text-align: center;}
#contentRanking .secLowerRank .title img {
}
#contentRanking .secLowerRank .rankWrap {
width:940px;
margin:auto;
display: flex;
justify-content: space-between;
}
#contentRanking .secLowerRank .rankWrap .rankItem {
width:456px;
}
#contentRanking .secLowerRank .rankWrap .subtitle {
font-size: 215.3%;/*28px*/
font-weight: bold;
line-height: 40px;
color: #1F1F1F;
text-align: center;
margin:0 0 40px;
}
#contentRanking .secLowerRank .rankWrap .subtitle span {
	display: inline-block;
	padding-bottom:12px;
}
#contentRanking .secLowerRank .rankItem.buy .subtitle span { border-bottom:4px solid #286ADA; border-radius: 2px;}
#contentRanking .secLowerRank .rankItem.rent .subtitle span{ border-bottom:4px solid #ED6103; border-radius: 2px;}

#contentRanking .secLowerRank .rankListTop10 { margin-top: 10px;}
#contentRanking .secLowerRank .rankListTop10 li a {
box-sizing: border-box;
display: table;
width: 100%;
margin-top: 10px;
min-height: 62px;
border-radius: 5px;
overflow: hidden;
table-layout: fixed;
text-decoration: none;
background: #fff url(../img/arr_link_rank.svg) no-repeat 96% center;
background-size: 6px 12px;
}

/* 住みたい街 */

#contentRanking .secLowerRank .rankListTop10 li a:hover,
#contentRanking .secLowerRank .rankListTop20 li a:hover {
background-color: #f7f7f7;
}

#contentRanking .secLowerRank .rankListTop10 .name {
/*font-size: 123.1%;*//*16px*/
font-size: 115.4%;/*15px*/
color: #353535;
}

#contentRanking .secLowerRank .rankListTop10 li a > * {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
height:62px;
}

#contentRanking .secLowerRank .rankListTop10 li a .no {
font-size: 0;
text-align: center;
width: 80px;
}
#contentRanking .secLowerRank .rankListTop10 li a .no img {
	width:40px;
}
#contentRanking .secLowerRank .rankItem li a .no span img {
	width:17px;
}
#contentRanking .secLowerRank .rankItem.buy .rankListTop10 li a .no span { background: #236DDA; display: inline-block; width:32px;
height:32px; line-height: 24px; border-radius: 32px;}
#contentRanking .secLowerRank .rankItem.buy .rankListTop20 li a .no span { background: #6C98D9; display: inline-block; width:32px;
height:32px; line-height: 24px; border-radius: 32px;}

#contentRanking .secLowerRank .rankItem.rent .rankListTop10 li a .no span { background: #ED6103; display: inline-block; width:32px;
height:32px; line-height: 24px; border-radius: 32px;}
#contentRanking .secLowerRank .rankItem.rent .rankListTop20 li a .no span { background: #F09453; display: inline-block; width:32px;
height:32px; line-height: 24px; border-radius: 32px;}

/*
#contentRanking .secLowerRank .rankListTop10 li a .ico {
font-size: 76.9%;10px
font-weight: bold;
text-align: center;
width: 60px;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico > span {
display: block;
padding-top: 28px;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .new {
color: #dcbf87;
background: url(../img/icon_new.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .up {
color: #f08793;
background: url(../img/icon_up.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .down {
color: #9daebf;
background: url(../img/icon_down.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .keep {
color: #9cbeab;
background: url(../img/icon_keep.png) no-repeat center top;
}
*/

#contentRanking .secLowerRank .rankListTop10 li a .area {
font-size: 115.4%;
font-weight: bold;
}
#contentRanking .secLowerRank .rankListTop10 li a .no + .area { padding-left: 20px;}

#contentRanking .secLowerRank .rankWrap li .ico {
font-size: 76.9%;/*10px*/
font-weight: bold;
text-align: center;
width: 62px;
}
#contentRanking .secLowerRank .rankWrap li .ico span {
    display: block;
    padding-top: 16px;
    height: 32px;
    line-height: 24px;
    box-sizing: border-box;
}
#contentRanking .secLowerRank .rankWrap li .ico .new {
color: #E38240;
background: url(../img/icon_new.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankWrap li .ico .up {
color: #E38240;
background: url(../img/icon_up.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankWrap li .ico .down {
color: #5A7DBE;
background: url(../img/icon_down.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankWrap li .ico .keep {
color: #A0A0A0;
background: url(../img/icon_keep.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankWrap li .area {
font-size: 138.5%;/*18px*/
font-weight: bold;
padding-left:12px;
}
#contentRanking .secLowerRank .rankWrap li .no + .area { padding-left: 20px; }


#contentRanking .secLowerRank .rankListTop10 li a .line span {
font-weight: normal;
color: #A0A0A0;
/*width: 9em;*/
width: 10em;
font-size: 92.3%;
display: inline-block;
box-sizing: border-box;
margin: 10px 10px 10px 0;
}

#contentRanking.gyosei .secLowerRank .rankListTop10 li a .line{
	width:6em;
}
#contentRanking.gyosei .secLowerRank .rankListTop10 li a .line span {
	width:auto;
}
#contentRanking .secLowerRank .rankListTop20 {
display: none;
background: #fff;
margin-top: 10px;
border-radius: 5px;
overflow: hidden;
}
#contentRanking .secLowerRank .rankListTop20 li a {
display: table;
width: 100%;
table-layout: fixed;
border-bottom: solid 1px #D2F1E7;
background: #FFF url(../img/arr_link_rank.svg) no-repeat 96% center;
background-size: 6px 12px;
}
#contentRanking .secLowerRank .rankListTop20 li a > * {
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
padding: 12px 10px 12px 0;
}
#contentRanking.kyushu .secLowerRank .rankListTop20 li a .txt { }
#contentRanking .secLowerRank .rankListTop20 li a .no {
font-size: 0;
text-align: center;
width: 80px;
padding-left: 10px;
}
#contentRanking .secLowerRank .rankListTop20 li a .no img { width: 20px;}
#contentRanking .secLowerRank .rankListTop20 li a .txt { letter-spacing: -0.4em;}
#contentRanking .secLowerRank .rankListTop20 li a .txt > * {
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico {
font-size: 76.9%;
font-weight: bold;
width: 60px;
text-align: center;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico > span {
display: block;
padding: 16px 0 0 0;
white-space: nowrap;
height: 32px;
box-sizing: border-box;
line-height: 24px;
}

#contentRanking .secLowerRank .rankListTop20 li a .txt .area {
font-size: 107.7%;/*14px*/
font-weight: bold;
color: #1F1F1F;
padding-left: 12px;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .area .line {
font-size: 85.7%;/*12px*/
color: #A0A0A0;
display: block;
font-weight:normal;
}





#contentRanking .secLowerRank .rankListTop20 li a .txt .gyouseiarea {
font-size: 107.7%;/*14px*/
font-weight: bold;
color: #333;
padding-left: 20px;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .gyouseiarea .line {
font-size: 85.7%;/*12px*/
color: #666;
}


#contentRanking .secLowerRank .rankToggle { margin-top: 10px;}
#contentRanking .secLowerRank .rankToggle .btnToggle {
text-decoration: none;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
padding: 0 16px;
font-size: 123.1%;/*16px*/
height: 72px;
line-height: 72px;
border-radius: 4px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
#contentRanking .secLowerRank .rankToggle .btnToggle span {
display: inline-block;
}
#contentRanking .secLowerRank .rankToggle .btnToggle span:after {
	content:url("../img/arr-down_w.png");
	padding-left:16px;
	line-height: 72px;
}
#contentRanking .secLowerRank .rankToggle .btnToggle.close span:after {
	content:url("../img/arr-up_w.png");
	padding-left:16px;
	line-height: 72px;
}
#contentRanking .secLowerRank .rankWrap .buy .rankToggle .btnToggle {
background: #236dda;
}
#contentRanking .secLowerRank .rankWrap .rent .rankToggle .btnToggle {
background: #ED6400;
}
#contentRanking .secLowerRank .rankWrap .buy .rankToggle .btnToggle:hover { background: #4383E0;}
#contentRanking .secLowerRank .rankWrap .rent .rankToggle .btnToggle:hover { background: #FF8832;}

#contentRanking .secLowerRank .rankToggle + p {
	text-align: center;
	margin: 10px 0 20px;
}
#contentRanking .secLowerRank .rankToggle + p a {
	color:#1f1f1f;
}
#contentRanking .secLowerRank .rankToggle + p a:hover {
	color: #ed4b03;
}
#contentRanking .secLowerRank .rankReview {
background: #fff;
margin-top: 40px;
padding:0 20px 20px;
border-radius: 5px;
min-height: 514px;
border:4px solid #B6E6D2;
}
#contentRanking .secLowerRank .rankReview h3 {
margin:-20px 0 20px 0;
}
#contentRanking .secLowerRank .rankReview h3 img {
width:145px;
margin:auto;
display: block;
}
#contentRanking .secLowerRank .rankReview .subhead {
font-size: 153.1%;/*20px*/
font-weight: bold;
text-align: center;
}
#contentRanking .secLowerRank .rankReview h5 {
font-size: 123%;/*16px*/
font-weight: bold;
margin-top: 1em;
}
#contentRanking .secLowerRank .rankReview p {
font-size: 107.7%;/*14px*/
margin-top: 1em;
}
#contentRanking .secLowerRank .buy .rankReview .subhead { color: #2161D0;}
#contentRanking .secLowerRank .rent .rankReview .subhead { color: #ED6400;}

#contentRanking.kinki .secLowerRank .rankReview {
	border:4px solid #ADE1EF;
}
#contentRanking.chubu .secLowerRank .rankReview {
	border:4px solid #EEB8BF;
}
#contentRanking.kyushu .secLowerRank .rankReview {
	border:4px solid #C4AAE4;
}

#contentRanking.kinki .secLowerRank .rankListTop20 li a {
border-bottom: solid 1px #d0edf1;
}
#contentRanking.chubu .secLowerRank .rankListTop20 li a {
border-bottom: solid 1px #fcdbdd;
}
#contentRanking.kyushu .secLowerRank .rankListTop20 li a {
border-bottom: solid 1px #e8d9ed;
}



/* その他のエリアのランキング */
#secOther {
	padding:60px 0;
}

#secOther .indexWrap {
	display: flex;
	justify-content: space-between;
}

#secOther .indexWrap .indexBox {
	display: block;
	width: 296px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	text-align: center;
	text-decoration: none;
}
#secOther .indexWrap .indexBox:hover {
	opacity:0.8;
}
#secOther .indexWrap .indexBox h4 {
	margin:-20px 0 0;
}
#secOther .indexWrap .indexBox p {
	padding:16px;
	font-size: 153.1%;/*20px*/
	font-weight:bold;
}
#secOther .indexWrap .indexBox p span {
	font-size:80%;
}
#secOther .indexWrap .indexBox.shutokenBox p {
	color:#60C59B;
}
#secOther .indexWrap .indexBox.kinkiBox p {
	color:#61C9E1;
}
#secOther .indexWrap .indexBox.chubuBox p {
	color:#E87985;
}
#secOther .indexWrap .indexBox.kyushuBox p {
	color:#B079DA;
}


/* なんでも街ランキング */
#secNandemo {
	padding:60px 0;
}
#secNandemo .secBody p {
	text-align: center;
	font-size: 123%;/*16px*/
	line-height: 1.6;
}
#secNandemo .indexWrap {
	padding:24px;
	background-color: #FFF;
	margin:40px auto 0;
	display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
#secNandemo .indexWrap .indexBox {
	width:408px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin:0 0 32px;
}
#secNandemo .indexWrap .indexBox h4 {
	width:100%;
	color:#ED6103;
	font-weight: bold;
	font-size:137.5%;
	margin-bottom: 12px;
}
#secNandemo .indexWrap .indexBox .photoBox {
	width:182px;
}
#secNandemo .indexWrap .indexBox .rankBox {
	width:calc(100% - 182px);
	padding:0 0 0 20px;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
#secNandemo .indexWrap .indexBox .rankBox .rankList li {
	font-size:123%;
	font-weight:bold;
	margin:0 0 12px;
}
#secNandemo .indexWrap .indexBox .rankBox .rankList li span {
	display: inline-block;
	padding-right:12px;
}
#secNandemo .indexWrap .indexBox .rankBox .btnmore {
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 16px;
    color: #FFF;
    text-decoration: none;
    font-size: 107.6%;
    text-align: left;
    display: block;
    margin: 0 0 0 auto;
    background: url(../img/btnmore_arr-r.png) 100px center no-repeat #ed6103;
    background-size: 8px auto;
    padding: 0 20px;
    box-sizing: border-box;
}


/* ランキング最下部ボタン */
#contentRanking .secLowerRank .rankOhterBlock { padding-bottom: 28px;}
#contentRanking .secLowerRank .rankOhter .btnToggle {
text-decoration: none;
background: #fff;
font-weight: bold;
display: block;
text-align: center;
padding: 16px;
border-radius: 5px;
overflow: hidden;
filter: drop-shadow(0 8px 0 rgba(0,0,0,0.15));
font-size: 123.1%;/*16px*/
width: 440px;
margin: 0 auto;
box-sizing: border-box;
}
#contentRanking.shuto .secLowerRank .rankOhter .btnToggle { color: #72b35c; border: 4px solid #72b35c;}
#contentRanking.kinki .secLowerRank .rankOhter .btnToggle { color: #5fbcc7; border: 4px solid #5fbcc7;}
#contentRanking.chubu .secLowerRank .rankOhter .btnToggle { color: #dd4f5a; border: 4px solid #dd4f5a;}
#contentRanking.kyushu .secLowerRank .rankOhter .btnToggle { color: #a468b8; border: 4px solid #a468b8;}

#contentRanking .secLowerRank .rankOhter .btnToggle:hover { background: #ebf2f7;}

#secAbout {
  padding: 25px 25px 30px;
}
#secAbout .aboutTitle {
  font-size: 184.6%;/*24px*/
  font-weight: bold;
  color: #eb601f;
  text-align: center;
  margin-bottom: 1em;
}
#secAbout .aboutTxt {
　font-size: 107.7%;
}


/*
----------------------------------------------- *
* 下層ページ：みんなに聞いた住みたい街ランキング（首都圏 近畿圏 のみ）
----------------------------------------------- */
#contentRanking .secBoxMinna {
background: #fff;
border: 1px solid #bdc8ca;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 4px 2px rgba(0,0,0,0.04);
margin-bottom: 20px;
}

#contentRanking .secBoxMinna .secLowerRank { background: #fff2d8;}
#contentRanking .secBoxMinna .secLowerRank .title img {
width: 600px;
position: relative;
margin-top: -1px;
}

#contentRanking .secBoxMinna .secLowerRank .rankBox:last-child ul {
padding-bottom: 0;
}
#contentRanking .secBoxMinna .secLowerRank .rankBox h3 {
font-size: 200%;/*26px*/
font-weight: bold;
text-align: center;
padding-bottom: 10px;
}
#contentRanking .secBoxMinna .secLowerRank .rankBox ul {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}
#contentRanking .secBoxMinna .secLowerRank .rankBox ul li a {
display: block;
width: 440px;
min-height: 80px;
margin: 0 20px 18px 0;
border: solid 4px #ffab00;
box-sizing: border-box;
border-radius: 10px;
font-size: 153.8%;/*20px*/
font-weight: bold;
line-height: 1.3;
letter-spacing: normal;
text-decoration: none;
text-align: center;
color: #ffab00;
background-color: #fff;
filter: drop-shadow(4px 8px 0 rgba(0,0,0,0.15));
}
#contentRanking .secBoxMinna .secLowerRank .rankBox ul li:nth-child(2n) a {
margin-right: 0;
}
#contentRanking .secBoxMinna .secLowerRank .rankBox ul li a:hover { background: #fff5f0;}
#contentRanking .secBoxMinna .secLowerRank .rankBox ul li a span {
display: table-cell;
vertical-align: middle;
width: 432px;
height: 72px;
}


/*
----------------------------------------------- *
* 下層ページ：調査概要
----------------------------------------------- */
.overViewBox {
margin: 40px auto;
width: 440px;
height: 80px;
box-sizing: border-box;
}

.overViewBox a {
display:  table-cell;
vertical-align: middle;
width: 520px;
height: 72px;
border-radius: 10px;
color: #FFF;
border-radius: 35px;
background: #ed6202 url(../img/btnmore_arr-r.png) 94% center no-repeat;
background-size: 6px 12px;
font-size: 153.8%;/*20px*/
font-weight: bold;
line-height: 72px;
letter-spacing: normal;
text-decoration: none;
text-align: center;
}

.overViewBox a:hover {
	background: #EF792C url(../img/btnmore_arr-r.png) 95% center no-repeat;
	background-size: 6px 12px;
}