@charset "utf-8";

/*
----------------------------------------------- *
 * システム的に自動挿入されてしまうモジュール等については、非表示・初期値にリセット・カスタマイズをする
----------------------------------------------- */
.sec-wrap .sec-main {
float: none;
width: auto;
position: relative;
box-sizing: border-box;
}
.sec-wrap .sec-sub,
.mod-freeArticleFooter { 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;
}
#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 20px 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);
}
#contentRanking .secBox .secHeader,
#contentRanking .secBox2 .secHeader {
padding: 20px;
border-bottom: solid 1px #cad3d5;
}
#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 .secBox .secBody .secTxt,
#contentRanking .secBox2 .secBody .secTxt { font-size: 107.7%;/*14px*/}

/*----------------------------------------------- *
 * 著者表示
 *----------------------------------------------- */
.mod-freeArticleFooter { display: inline !important;}

/*
----------------------------------------------- *
 * トップページ：メイン
----------------------------------------------- */
#secMain .title {
font-size: 0;
background: url(../img/top_main.png) no-repeat center center;
text-indent: -9999px;
width: 100%;
height: 259px;
overflow: hidden;
}


/*
----------------------------------------------- *
 * トップページ：タブナビ
----------------------------------------------- */
#navTab {
text-align: center;
margin-top: -10px;
}
#navTab ul { letter-spacing: -0.4em;}
#navTab li {
font-size: 138.5%;/*18px*/
display: inline-block;
letter-spacing: normal;
vertical-align: middle;
width: 444px;
margin-left: 12px;
}
#navTab li:first-child { margin-left: 0;}
#navTab li a {
color: #fff;
text-decoration: none;
line-height: 90px;
display: block;
border-radius: 10px 10px 0 0;
overflow: hidden;
position: relative;
}
#navTab li a:after {
display: block;
content: "";
background: url(../img/tab_arr.png) no-repeat center center;
background-size: 100% auto;
height: 12px;
width: 21px;
margin-left: -10px;
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.deta a { background: #ed6103;}
#navTab li.minna a { background: #ffab00;}
#navTab li a:hover:after { bottom: 5px;}


/*
----------------------------------------------- *
 * データでみた住みたい街ランキング 見出し 下向き矢印 add
----------------------------------------------- */
.detaRanking {
background: #ea601f url(../img/arrow_bottom_orange.jpg) no-repeat center bottom;
text-align: center;
padding: 30px 0 40px 0;
margin: 20px auto 20px;
}

.detaRanking .head {
display: block;
width: 378px;
height: 50px;
margin: 0 auto 24px auto;
background: url(../img/head_data.png) no-repeat center top;
text-indent: -9999px;
}

.detaRanking p {
font-size: 123.1%;/*16px*/
color: #fff;
letter-spacing: 0.04em;
}

.detaRanking p span {
display: block;
}


/*
----------------------------------------------- *
 * みんなに聞いた住みたい街ランキング 見出し 下向き矢印 add
----------------------------------------------- */
.minnaRanking {
background: #ffab00 url(../img/arrow_bottom_light_orange.jpg) no-repeat center bottom;
text-align: center;
padding: 30px 0 40px 0;
margin: 28px auto 20px;
}

.minnaRanking .head {
display: block;
width: 438px;
height: 50px;
margin: 0 auto 24px auto;
background: url(../img/head_minna.png) no-repeat center top;
text-indent: -9999px;
}

.minnaRanking p {
font-size: 123.1%;/*16px*/
color: #fff;
letter-spacing: 0.04em;
}

.minnaRanking p span {
display: block;
}


/*
----------------------------------------------- *
 * トップページ：ランキング
----------------------------------------------- */
.secTopRankBlock {
margin: 0 19px;
display: flex;
flex-wrap: wrap;
}

#contentRanking .secTopRank {
box-sizing: border-box;
width: 444px;
margin : auto 12px 22px auto;
padding: 10px 19px 15px;
border: 1px solid #bdc8ca;
border-radius: 10px;
min-height: 593px;
}

#contentRanking .secTopRank:nth-child(2n){
margin-right: 0;
} 

#contentRanking .secTopRank .title {
text-align: center;
}
#contentRanking .secTopRank .title img { width: 400px;}
#contentRanking .secTopRank .rankTxt {
text-align: center;
margin-top: 15px;
}
#contentRanking .secTopRank .rankWrap { 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%;
}

#secShuto.secTopRank {
background: url(../img/top_shuto_bg.png) no-repeat center bottom;
background-size: cover;
}
#secKinki.secTopRank {
background: url(../img/top_kinki_bg.png) no-repeat center bottom;
background-size: cover;
}
#secChubu.secTopRank {
background: url(../img/top_chubu_bg.png) no-repeat center bottom;
background-size: cover;
}
#secKyushu.secTopRank {
background: url(../img/top_kyushu_bg.png) no-repeat center bottom;
background-size: cover;
}

#secShutoBottom.secTopRank {
background: url(../img/top_shuto_bottom_bg.png) no-repeat center bottom;
background-size: cover;
}
#secKinkiBottom.secTopRank {
background: url(../img/top_kinki_bottom_bg.png) no-repeat center bottom;
background-size: cover;
}


.secTopRank .rankWrap ul li a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 153.8%;/*20px*/
font-weight: bold;
filter: drop-shadow(0 10px 0 rgba(0,0,0,0.15));
border-radius: 10px;
line-height: 0.8;
padding: 12px 0 12px 0;
width: 350px;
margin: 0 auto 24px auto;
background-color: #fff;
min-height: 84px;
box-sizing: border-box;
text-align: center;
text-decoration: none;
letter-spacing: -0.03em;
}

.secTopRank .rankWrap ul li a span {
display: block;
}

#secShuto.secTopRank .rankWrap ul li a,
#secShutoBottom.secTopRank .rankWrap ul li a {
border: solid 4px #72b35c;
color: #72b25c;
}
#secKinki.secTopRank .rankWrap ul li a,
#secKinkiBottom.secTopRank .rankWrap ul li a {
border: solid 4px #5ebcc7;
color: #1baebf;
}
#secChubu.secTopRank .rankWrap ul li a {
border: solid 4px #dd4f5a;
color: #dd4e5a;
}
#secKyushu.secTopRank .rankWrap ul li a {
border: solid 4px #a468b8;
color: #a467b8;
}

#secShutoBottom.secTopRank .rankWrap ul,
#secKinkiBottom.secTopRank .rankWrap ul {
padding-bottom: 12px;
}

#secShutoBottom.secTopRank .rankWrap ul li a,
#secKinkiBottom.secTopRank .rankWrap ul li a {
min-height: 70px;
}

#secShutoBottom.secTopRank .rankWrap p,
#secKinkiBottom.secTopRank .rankWrap p {
padding-bottom: 18px;
}


/*
----------------------------------------------- *
 * 過去の住みたい街ランキング
----------------------------------------------- */
#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: 210px;
margin-left: 20px;
box-sizing: border-box;
}
#secPastRanking .linkList li span {
display: block;
}
#secPastRanking .linkList li:first-child { margin-left: 0;}
#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 { margin-bottom: 20px;}
#secOverview .secBody {
font-size: 107.7%;/*14px*/
line-height: 1.8;
display: flex;
flex-wrap: wrap;
}
#secOverview .data
#secOverview .data2 {
overflow: hidden;
zoom: 1;
margin-bottom: 20px;
}
#secOverview .data dt {
font-weight: bold;
clear: left;
float: left;
width: 5em;
}
#secOverview .data2 dt {
font-weight: bold;
clear: left;
float: left;
width: 7em;
}
#secOverview .data3 dt {
font-weight: bold;
clear: left;
float: left;
width: 8em;
}
#secOverview .data dd { margin-left: 5em;}
#secOverview .data2 dd { margin-left: 7em;}
#secOverview .data3 dd { margin-left: 8em;}
#secOverview p { margin-top: 0.5em; padding-bottom: 20px;}

#secOverview .left {
width: 50%;
padding-right: 30px;
box-sizing: border-box;
border-right: #cad3d5 1px solid;
}

#secOverview .right {
width: 50%;
padding-left: 25px;
box-sizing: border-box;
}

#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;
}


/*
----------------------------------------------- *
 * その他のエリアのランキング 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: 164px;
margin: 20px 10px 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;}


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

/*
----------------------------------------------- *
 * 下層ページ：メイン
----------------------------------------------- */
#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;}
#contentRanking.shuto #secLowerMain { background: #fff url(../img/shuto_main.png) no-repeat center top;}
#contentRanking.kinki #secLowerMain { background: #fff url(../img/kinki_main.png) no-repeat center top;}
#contentRanking.chubu #secLowerMain { background: #fff url(../img/chubu_main.png) no-repeat center top;}
#contentRanking.kyushu #secLowerMain { background: #fff url(../img/kyushu_main.png) no-repeat center top;}

/* 行政区 */
#contentRanking.shuto #secLowerMain.gyosei { background: #fff url(../img/shuto_main_gyosei.png) no-repeat center top;}
#contentRanking.kinki #secLowerMain.gyosei { background: #fff url(../img/kinki_main_gyosei.png) no-repeat center top;}
#contentRanking.chubu #secLowerMain.gyosei { background: #fff url(../img/chubu_main_gyosei.png) no-repeat center top;}
#contentRanking.kyushu #secLowerMain.gyosei { background: #fff url(../img/kyushu_main_gyosei.png) no-repeat center top;}


/*
----------------------------------------------- *
 * 下層ページ：ランキング
----------------------------------------------- */
#contentRanking .secLowerRank {
box-sizing: border-box;
}
#contentRanking.shuto .secLowerRank { background: #d7f3e3;}
#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 {
padding: 20px 19px 21px;
overflow: hidden;
zoom: 1;
}
#contentRanking .secLowerRank .rankItem {
float: left;
width: 440px;
margin-left: 20px;
}
#contentRanking .secLowerRank .rankItem:first-child { margin-left: 0;}
#contentRanking .secLowerRank .rankItem .subtitle {
font-size: 123.1%;/*16px*/
font-weight: bold;
line-height: 40px;
color: #fff;
text-align: center;
border-radius: 5px;
}
#contentRanking .secLowerRank .rankItem.buy .subtitle { background: #3d7eb0;}
#contentRanking .secLowerRank .rankItem.rent .subtitle { background: #eb601f;}

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

/* 住みたい街 */

#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: #333;
}

#contentRanking .secLowerRank .rankListTop10 li a > * {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
}
#contentRanking .secLowerRank .rankListTop10 li a .no {
font-size: 0;
text-align: center;
width: 80px;
}
#contentRanking .secLowerRank .rankItem.buy .rankListTop10 li a .no { background: #3d7eb0;}
#contentRanking .secLowerRank .rankItem.rent .rankListTop10 li a .no { background: #eb601f;}
#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/ico_new.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .up {
color: #f08793;
background: url(../img/ico_up.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .down {
color: #9daebf;
background: url(../img/ico_down.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop10 li a .ico .keep {
color: #9cbeab;
background: url(../img/ico_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 .rankListTop10 li a .line span {
font-weight: normal;
color: #666;
/*width: 9em;*/
width: 10em;
padding: 0 15px;
border-left: 2px solid #ddd;
font-size: 107.7%;/*14px*/
display: inline-block;
box-sizing: border-box;
margin: 10px 10px 10px 0;
background: url(../img/arr_link_rank.png) no-repeat right center;
}
#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-top: solid 1px #ddd;
background: url(../img/arr_link_rank.png) no-repeat 98% center;
}
#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;
border-right: solid 1px #ddd;
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%;/*10px*/
font-weight: bold;
width: 60px;
text-align: center;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico > span {
display: block;
padding-top: 28px;
white-space: nowrap;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico .new {
color: #dcbf87;
background: url(../img/ico_new.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico .up {
color: #f08793;
background: url(../img/ico_up.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico .down {
color: #9daebf;
background: url(../img/ico_down.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .ico .keep {
color: #9cbeab;
background: url(../img/ico_keep.png) no-repeat center top;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .area {
font-size: 107.7%;/*14px*/
font-weight: bold;
color: #333;
padding-left: 10px;
}
#contentRanking .secLowerRank .rankListTop20 li a .txt .area .line {
font-size: 85.7%;/*12px*/
color: #666;
}





#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;
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*/
}
#contentRanking .secLowerRank .rankToggle .btnToggle span {
display: inline-block;
padding-right: 25px;
}
#contentRanking .secLowerRank .rankItem.buy .rankToggle .btnToggle {
color: #3d7eb0;
border: 4px solid #3d7eb0;
}
#contentRanking .secLowerRank .rankItem.rent .rankToggle .btnToggle {
color: #eb601f;
border: 4px solid #eb601f;
}
#contentRanking .secLowerRank .rankItem.buy .rankToggle .btnToggle:hover { background: #ebf2f7;}
#contentRanking .secLowerRank .rankItem.rent .rankToggle .btnToggle:hover { background: #fff5f0;}
#contentRanking .secLowerRank .rankItem.buy .rankToggle .btnToggle span { background: url(../img/ico_open_b.png) no-repeat right center;}
#contentRanking .secLowerRank .rankItem.rent .rankToggle .btnToggle span { background: url(../img/ico_open_o.png) no-repeat right center;}
#contentRanking .secLowerRank .rankItem.buy .rankToggle .btnToggle.close span { background: url(../img/ico_close_b.png) no-repeat right center;}
#contentRanking .secLowerRank .rankItem.rent .rankToggle .btnToggle.close span { background: url(../img/ico_close_o.png) no-repeat right center;}
#contentRanking .secLowerRank .rankReview {
background: #fff;
margin-top: 18px;
padding: 20px;
border-radius: 5px;
overflow: hidden;
min-height: 514px;
}
#contentRanking .secLowerRank .rankReview .subhead {
font-size: 123.1%;/*16px*/
font-weight: bold;
}
#contentRanking .secLowerRank .rankReview h5 {
font-size: 107.7%;/*14px*/
font-weight: bold;
margin-top: 1em;
}
#contentRanking .secLowerRank .rankReview p {
font-size: 107.7%;/*14px*/
margin-top: 1em;
}
#contentRanking .secLowerRank .rankItem.buy .rankReview .subhead { color: #3d7eb0;}
#contentRanking .secLowerRank .rankItem.rent .rankReview .subhead { color: #eb601f;}


/* ランキング最下部ボタン */
#contentRanking .secLowerRank .rankOhterBlock { padding-bottom: 28px;}
#contentRanking .secLowerRank .rankOhter a {
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 a { color: #72b35c; border: 4px solid #72b35c;}
#contentRanking.kinki .secLowerRank .rankOhter a { color: #5fbcc7; border: 4px solid #5fbcc7;}
#contentRanking.chubu .secLowerRank .rankOhter a { color: #dd4f5a; border: 4px solid #dd4f5a;}
#contentRanking.kyushu .secLowerRank .rankOhter a { color: #a468b8; border: 4px solid #a468b8;}

#contentRanking .secLowerRank .rankOhter a:hover { background: #ebf2f7;}
/*
#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%;
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: 0 auto 20px auto;
width: 440px;
height: 80px;
box-sizing: border-box;
}

.overViewBox a {
display:  table-cell;
vertical-align: middle;
width: 440px;
height: 80px;
border-radius: 10px;
color: #000;
background-color: #ebebeb;
font-size: 153.8%;/*20px*/
font-weight: bold;
line-height: 1.3;
letter-spacing: normal;
text-decoration: none;
text-align: center;
}

.overViewBox a:hover { background: #ddd;}