/*------  TOP  ------*/
/*------  住まいと暮らしについて知る  ------*/
#top-oyakudachi-wrapper{
	border:#ececec solid 2px;
	border-radius:10px;
	padding:2px;
}
#top-oyakudachi-wrapper h1{
	border:#ececec solid 2px;
	border-bottom:#E36DAB solid 2px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:5px 10px;
	background:#EFEFEF;
	font-weight:bold;
	margin-bottom:0px;
}
#top-oyakudachi-inner {
	height: 21.5rem;
	padding: 10px 15px 0px;
}
#top-oyakudachi-wrapper dl{
}
#top-oyakudachi-wrapper dl#prList{
	padding-bottom:5px;
}
#top-oyakudachi-wrapper dl#prList,
#top-oyakudachi-wrapper dl:not(#prList) dt,
#top-oyakudachi-wrapper dl:not(#prList) dd{
	border-bottom:2px solid #F2F2F2;
}
#top-oyakudachi-wrapper dt,
#top-oyakudachi-wrapper dd{
	display:table-cell;
	float:left;
	padding:5px;
	min-height:103px;
}
#top-oyakudachi-wrapper #prList dt,
#top-oyakudachi-wrapper #prList dd{
	background:#FEF9E6;
}
#top-oyakudachi-wrapper dt{
	width:90px;
	padding:5px 0px 5px 5px;
}
#top-oyakudachi-wrapper dt div{
    width:80px;
    height:80px;
    border:1px solid #DEDEDE;
    overflow:hidden;
    position:relative;
}
#top-oyakudachi-wrapper dt div img{
    position:absolute;
    top:0;
    height:80px;
}
#top-oyakudachi-wrapper dd{
	width: 204px;
	margin-right:0px;
	line-height: 1rem;
}
#top-oyakudachi-wrapper dd:nth-of-type(2n):after {
	content: '';
	display: block;
	clear: both;
}
#top-oyakudachi-wrapper dd:nth-of-type(2n+1) {
	padding-right:10px;
}
#top-oyakudachi-wrapper #prList dd:nth-of-type(2n+1) {
	margin-right:10px;
	padding-right:5px;
}
#top-oyakudachi-wrapper #articleList {
	margin-bottom: 0;
}
#top-oyakudachi-wrapper #articleList dd:nth-of-type(2n+1) {
	padding-right:15px;
}
#top-oyakudachi-wrapper dd li:first-child{
	margin-bottom:5px;
	padding-top:4px;
}
#syosai-btn-4,
#syosai-btn-5 {
	text-align: right;
	margin-right: 0.25rem;
}
#syosai-btn-4 img,
#syosai-btn-5 img {
	width: 124px !important;
}

/*------  登録情報  ------*/
/* 住まいと暮らしについて知る*/
#ap-oyakudachi-wrapper{
	border:#ececec solid 2px;
	border-radius:10px;
	padding:2px;
	margin: 2rem 1rem 0 1rem;
}
#ap-oyakudachi-wrapper h1{
	border:#ececec solid 2px;
	border-bottom:#E36DAB solid 2px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:5px 10px;
	background:#EFEFEF;
	font-weight:bold;
	margin-bottom:0px;
	font-size: 1rem;
	line-height: 1rem;
}
#ap-oyakudachi-inner{
	padding: 10px;
}
#ap-oyakudachi-wrapper dl{
}
#ap-oyakudachi-wrapper dl#prList{
	padding-bottom:5px;
}
#ap-oyakudachi-wrapper dl#prList,
#ap-oyakudachi-wrapper dl:not(#prList) dt,
#ap-oyakudachi-wrapper dl:not(#prList) dd{

}
#ap-oyakudachi-wrapper dt,
#ap-oyakudachi-wrapper dd{
	display:table-cell;
	float:left;
	min-height:90px;
}
#ap-oyakudachi-wrapper #prList dt,
#ap-oyakudachi-wrapper #prList dd{
	background:#FEF9E6;
}
#ap-oyakudachi-wrapper dt{
	width:90px;
	padding:5px 0px 5px 5px;
}
#ap-oyakudachi-wrapper dt div{
    width:80px;
    height:80px;
    border:1px solid #DEDEDE;
    overflow:hidden;
    position:relative;
}
#ap-oyakudachi-wrapper dt div img{
    position:absolute;
    top:0;
    height:80px;
}
#ap-oyakudachi-wrapper dd{
	width:165px;
	margin-right:0px;
}
#ap-oyakudachi-wrapper dd:nth-of-type(2n):after {
	content: '';
	display: block;
	clear: both;
}
#ap-oyakudachi-wrapper dd:nth-of-type(2n+1) {
	padding-right:10px;
}
#ap-oyakudachi-wrapper #prList dd:nth-of-type(2n+1) {
	margin-right:10px;
	padding-right:5px;
}
#ap-oyakudachi-wrapper #articleList {
	margin-bottom: 0;
}
#ap-oyakudachi-wrapper #articleList dd:nth-of-type(2n+1) {
	padding-right:0px;
}
#ap-oyakudachi-wrapper dd li:first-child{
	margin-bottom:5px;
	padding-top:4px;
}

/*------   カテゴリアイコン  ------*/
.oyakudachi-icon{
	border-radius:10px;
	padding:3px 8px;
	color:#fff;
/*	font-size:95%; */
	font-size:9pt;
	font-weight:bold;
}
.oyakudachi-icon:first-child{
	margin-right:0.5em;
}
.oyakudachi-icon.icon2{
	background:#4A8B1B;
}
.oyakudachi-icon.icon3{
	background:#E564B4;
}
.oyakudachi-icon.icon4{
	background:#EA7E10;
}
.oyakudachi-icon.icon5{
	background:#3F789D;
}
.oyakudachi-icon.icon6{
	background:#905F2F;
}
.oyakudachi-icon.icon7{
	background:#696969;
}
.oyakudachi-icon.icon8{
	background:#D93D3D;
}
.oyakudachi-icon.icon9{
	background:#6657A2;
}
.oyakudachi-icon.icon10{
	background:#79BA20;
}
.oyakudachi-icon.icon11{
	background:#E2BF00;
}
/* .oyakudachi-icon.pr{
	border-radius:0px;
	background:#FFF;
	border:1px solid #ACACAC;
	color:#ACACAC;
	padding:1px 5px;
} */





/*------   運営情報  ------*/
/*----------------------------------------------------
        住まいと暮らしについて知る
-----------------------------------------------------*/

#op-oyakudachi-wrapper {
    margin: 15px auto 0;
    height: auto;
}

.l-cont_title {
    margin-bottom: 10px
}

.l-cont_aside {
    margin: 10px auto
}

.l-cont_list {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    counter-reset: -vertical;
}

.l-cont_list li {
    flex: 0 1 50%;
    padding: 5px
}

.l-cont_list li > a {
    text-decoration: none
}

.l-cont_sub {
    padding: 15px 5px
}

.l-cont_more {
    border-top: 1px solid #dedede;
    padding-top: 10px;
    text-align: right
}

.l-cont_back {
    padding-top: 10px;
    text-align: left
}

.l-cont.-latest .l-cont_list {
    flex-wrap: nowrap;
    padding-bottom: 0
}

.l-cont.-latest .l-cont_list li {
    flex: 0 1 25%;
    width: 25%;
}
.btn {cursor: pointer;}
.btn.-more {
    display: inline-block;
    padding-right: 15px;
    background: url(../images/aside-latest_article_morebtn.jpg) no-repeat center right 0;
    font-size: 1.3rem;
    font-weight:700;
    line-height: 1.2;
}

/*
.label {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    vertical-align: middle;
    text-decoration: none
}

.label + .label {
    margin-left: 3px
}

.label.-full {
    width: 100%
}

.label.-cat {
    border-radius: 10px;
    padding: 4px 10px;
    color: #fff;
    background: #9c9c9c
}

.label.-cat.-senior {
    background: #3c8e18
}

.label.-cat.-live {
    background: #e55eb2
}

.label.-cat.-reform {
    background: #EA7E10
}

.label.-cat.-money {
    background: #3F789D
}

.label.-cat.-event {
    background: #905F2F
}

.label.-cat.-news {
    background: dimgray
}

.label.-cat .cat-sample01 {
    background: #D93D3D
}

.label.-cat .cat-sample02 {
    background: #6657A2
}

.label.-cat .cat-sample03 {
    background: #79BA20
}

.label.-cat .cat-sample04 {
    background: #E2BF00
}
*/
.title {
    line-height: 1.2
}

.title.-latest {
    color: #e55eb2;
    font-weight: bold
}

.title.-latest::before {
    display: inline-block;
    content: "▶︎";
    transform: scale(0.8)
}

.title.-latest span {
    display: inline-block;
    font-weight: normal;
    margin-left: 15px;
    font-size: 1.4rem
}

.cassette {
    text-align:center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 5px
}

.cassette:hover {
    opacity: 0.8
}

.cassette_img {
    flex: 0 0 80px;
}

.cassette_img div {
    margin: 0 auto;
    width: 170px;
    display: block;
    position: relative;
    overflow: hidden;
}

.cassette_img img {
    width: 80px;
    height: 80px;
    border: 1px solid #dedede
}

.ranking .cassette_img div::before {
    counter-increment: -vertical 1;
    content: counter(-vertical, decimal);
    display: block;
    position: absolute;
    top: 10px;
    left: -65px;
    width: 100%;
    background: #D93D3D;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    transform: rotate(-45deg);
    box-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

.cassette_detail {
    flex: 1 1 auto;
    padding: 5px 10px
}

.cassette_title {
    margin-top: 5px;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: underline
}

.cassette_title:hover {
    text-decoration: none
}

.cassette_label {
    text-decoration: none
}

.cassette.-vertical {
    display: block
}

.cassette.-vertical .cassette_img img {
    overflow: hidden;
    width: 175px;
    height: 100px;
    margin: 0 10px;
}

.cassette.-vertical .cassette_detail {
    padding: 0
}

.cassette.-vertical .cassette_label {
    margin-top: 5px
}

.cassette.-vertical .cassette_title {
    font-size: 9pt;
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
/*--------------------------object-fit_img*/
.object-fit_img {
    object-fit: cover;
    font-family: 'object-fit: cover;'
}


/*------   カテゴリアイコン  ------*/
.op-oyakudachi-icon {
    display: inline-block;
    border-radius:10px;
    padding:3px 8px;
    color:#fff;
    font-size:9pt;
    font-weight:bold;
    width: 80%;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin: 5px auto;
}
.op-oyakudachi-icon:first-child {
    margin-right:0.5em;
    margin-left:0.8em;
}
.op-oyakudachi-icon.icon2 {
    background:#4A8B1B;
}
.op-oyakudachi-icon.icon3 {
    background:#E564B4;
}
.op-oyakudachi-icon.icon4 {
    background:#EA7E10;
}
.op-oyakudachi-icon.icon5 {
    background:#3F789D;
}
.op-oyakudachi-icon.icon6 {
    background:#905F2F;
}
.op-oyakudachi-icon.icon7 {
    background:#696969;
}
.op-oyakudachi-icon.icon8 {
    background:#D93D3D;
}
.op-oyakudachi-icon.icon9 {
    background:#6657A2;
}
.op-oyakudachi-icon.icon10 {
    background:#79BA20;
}
.op-oyakudachi-icon.icon11 {
    background:#E2BF00;
}
.op-oyakudachi-icon.pr {
    border-radius:0px;
    background:#FFF;
    border:1px solid #ACACAC;
    color:#ACACAC;
    padding:1px 5px;
}