@charset "utf-8";

/* ==

	01. 共通パーツ
	02. top
	03. sp
	04. live
	05. goodidea
	06. column
	07. interior
	08. backnumber

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

/* ==

　01. 共通パーツ

=============================================================================== */
/*--見出し--*/
h2.tit{
 margin-bottom:30px;
 padding-bottom:15px;
 border-bottom:1px solid #ccc;
 font-size: 234%;
 font-weight:500;
}
h3.tit,
h4.tit{
 font-size: 184%;
 font-weight:500;
}

.btn{
	padding-top:20px;
	text-align:center;
}
.btn a{
	position:relative;
	display:block;
	margin:0 auto;
	padding:10px 20px;
	max-width:400px;
	font-size:15px;
	border:1px solid #999;
	text-align:center;
	border-radius: 10px;
	color:#333;
	text-decoration:none;
}
.btn a:after{
  position: absolute;
  top: 50%;
  left:7px;
  margin-top: -3px;
  width:6px;
  height:6px;
	content: '';
  border-top: solid 2px #c40000;
  border-right: solid 2px #c40000;
	-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*--subnav--*/
.subnav{
  display:flex;
  justify-content:space-between;
  border-left:2px solid #ccc;
  border-top:2px solid #ccc;
}
.subnav li{
  position:relative;
  flex-basis:20%;
  box-sizing: border-box;
  border-right:2px solid #ccc;
  border-bottom:2px solid #ccc;
  background:#e8e8e8;
  z-index: 0;
}
.subnav-type2 li{
  flex-basis:25%;
}
.subnav-type3 li{
  flex-basis:33.3%;
}
.subnav li a{
  position:relative;
  display:block;
  padding:20px 10px 20px 25px;
  min-height:88px;
  text-decoration: none;
  font-size:15px;
  color:#333;
  box-sizing: border-box; 
  overflow:hidden;
}
.subnav li a:before,
.subnav li a:after{
  position: absolute;
  content: '';
  border:0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
}

.subnav li a:before{
  width:7px;
  height:7px;
  border-top: solid 3px #c40000;
  border-right: solid 3px #c40000;
  left:7px;
  margin-top: -5px;
  z-index:-1;
}
.subnav li a:after{
  width: 86px;
  height: 86px;;
  border-top: solid 20px #f3f2f2;
  border-right: solid 20px #f3f2f2;
  right:20px;
  margin-top: -51px;
  z-index:-2;
}
.subnav li:nth-child(2) a,
.subnav li:nth-child(3) a,
.subnav li:nth-child(5) a{
  line-height:3em;
}
.subnav li a:hover{
  transition: opacity 0.3s;
  opacity: 0.7;
}
.subnav_sp ul li:nth-of-type(2),
.subnav_live ul li:nth-of-type(3),
.subnav_goodidea ul li:nth-of-type(4),
.subnav_column ul li:nth-of-type(5){
  background:#626262;
}
.subnav_sp li:nth-child(2) a,
.subnav_live li:nth-child(3) a,
.subnav_goodidea li:nth-child(4) a,
.subnav_column li:nth-child(5) a{
  color:#fff;
  font-weight:500;
}
.subnav_sp li:nth-child(2) a:after,
.subnav_live li:nth-child(3) a:after,
.subnav_goodidea li:nth-child(4) a:after,
.subnav_column li:nth-child(5) a:after{
  border-top: solid 20px #757575;
  border-right: solid 20px #757575;
}
.subnav_border{
  border-top:1px dotted #ccc;
  margin-top:30px;
  padding-top:40px;
}


.subnav-type3 li:nth-child(2) a{
  line-height:3em;
}
.subnav-type3 li:nth-child(1) a,
.subnav-type3 li:nth-child(3) a{
  line-height:1.4em;
	color:#333;
	font-weight:normal;
}
.subnav-type3 li a:after{
  border-top: solid 20px #f3f2f2 !important;
  border-right: solid 20px #f3f2f2 !important;
}
.subnav_live .subnav-type3 li,
.subnav_goodidea .subnav-type3 li{
  background:#e8e8e8 !important;
}

.subnav_live .subnav-type3 li:nth-of-type(2),
.subnav_goodidea .subnav-type3 li:nth-of-type(3){
  background:#626262 !important;
}
.subnav_live .subnav-type3 li:nth-child(2) a,
.subnav_goodidea .subnav-type3 li:nth-child(3) a{
  color:#fff;
  font-weight:500;
}
.subnav_live .subnav-type3 li:nth-child(2) a:after,
.subnav_goodidea .subnav-type3 li:nth-child(3) a:after{
  border-top: solid 20px #757575 !important;
  border-right: solid 20px #757575 !important;
}

/*--お住まい訪問２個VER--*/
.subnav-type4 li{background:#e8e8e8 !important;}
.subnav-type4 li a{color:#666 !important;}
.subnav_sp .subnav-type4 li:nth-child(2) a,
.subnav_live .subnav-type4 li:nth-child(3) a,
.subnav_live2 .subnav-type4 li:nth-child(4) a,
.subnav_goodidea .subnav-type4 li:nth-child(5) a{
  background:#626262 !important;
  color:#fff !important;
  font-weight:500;
}
.subnav-type4 li a:after{
  border-top: solid 20px #f3f2f2 !important;
	border-right: solid 20px #f3f2f2 !important;
}
.subnav_sp .subnav-type4 li:nth-child(2) a:after,
.subnav_live .subnav-type4 li:nth-child(3) a:after,
.subnav_live2 .subnav-type4 li:nth-child(4) a:after,
.subnav_goodidea .subnav-type4 li:nth-child(5) a:after{
  border-top: solid 20px #757575 !important;
  border-right: solid 20px #757575 !important;
	z-index: 9999;
}
.subnav-type4 li a:before{
  border-top: solid 3px #c40000 !important;
  border-right: solid 3px #c40000 !important;
	z-index: 9999;
}
.subnav-type4 li a{line-height:3em;}
.subnav-type4 li:nth-child(1) a,
.subnav-type4 li:nth-child(5) a{
  line-height:1.4em;
	color:#333;
	font-weight:normal;
}

/* and.y 22.04.28 */
.lnav{
  display:flex;
	flex-wrap: wrap;
  border-left:2px solid #ccc;
  border-top:2px solid #ccc;
}
.lnav li{
  position:relative;
	width:20%;
  box-sizing: border-box;
  border-right:2px solid #ccc;
  border-bottom:2px solid #ccc;
	display:table;
	background: #e8e8e8;
  z-index: 0;
}
.lnav li a{
  position:relative;
	display:table-cell;
  padding:0 10px 0 25px;
	width:100%;
	height:60px;
  text-decoration: none;
  color:#333;
  box-sizing: border-box; 
  overflow:hidden;
	vertical-align: middle;
	font-size:13px;
	line-height:1.4 !important;
  transition: opacity 0.3s;
}
.lnav li a:hover{opacity: 0.7;}
.lnav li a:before,
.lnav li a:after{
  position: absolute;
  content: '';
  border:0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
}
.lnav li a:before{
  width:7px;
  height:7px;
  border-top: solid 3px #c40000;
  border-right: solid 3px #c40000;
  left:7px;
  margin-top: -5px;
  z-index:-1;
}
.lnav li a:after{
  width: 86px;
  height: 86px;;
  border-top: solid 20px #f3f2f2;
  border-right: solid 20px #f3f2f2;
  right:20px;
  margin-top: -51px;
  z-index:-2;
}
.lnav_sp #lnav_sp,
.lnav_live #lnav_live,
.lnav_live2 #lnav_live2,
.lnav_interior #lnav_interior,
.lnav_interior2 #lnav_interior2,
.lnav_livestyle #lnav_livestyle,
.lnav_livness #lnav_livness{background: #626262;}
.lnav_sp #lnav_sp a,
.lnav_live #lnav_live a,
.lnav_live2 #lnav_live2 a,
.lnav_interior #lnav_interior a,
.lnav_interior2 #lnav_interior2 a,
.lnav_livestyle #lnav_livestyle a,
.lnav_livness #lnav_livness a{color:#fff;}
.lnav_sp #lnav_sp a:after,
.lnav_live #lnav_live a:after,
.lnav_live2 #lnav_live2 a:after,
.lnav_interior #lnav_interior a:after,
.lnav_interior2 #lnav_interior2 a:after,
.lnav_livestyle #lnav_livestyle a:after,
.lnav_livness #lnav_livness a:after {
  border-top: solid 20px #757575;
  border-right: solid 20px #757575;
}
.cBlock02 .cBlock02_itemS{ width:220px;}
.cBlock02 .cBlock02_itemW{ width:612px;}


/*--column--*/

.cBlock09 .cBlock02_item-w1{
 	width: -webkit-calc(35.48% - 16px);
	width: calc(35.48% - 16px);
	margin: 16px 8px 0; 
}
.cBlock09 .cBlock02_item-w2{
 	width: -webkit-calc(64.52% - 16px);
	width: calc(64.52% - 16px);
	margin: 16px 8px 0; 
}

.cNote03{
	text-indent:-1em;
	margin-left:1em;
}
.cNote03 li{
	padding:0;
}




/* ==

　02. top

=============================================================================== */
#anDlogo{
  margin-top:10px;
  width:208px;
}
#andylogo{
  margin-top:10px;
  width:300px;
}
.note_top{
	padding:20px;
	background:#efefef;
}
.note_top p{
	font-size:13px;
}
.anD_cap{
  width:850px;
  margin:10px auto;
  font-size:12px;
  text-align:right;
}
.img-book{
  position:absolute;
  top:40px;
  right:20px;
}
#contentsList{
  padding:10px 20px 20px;
  background:#f3efe9 url(../images/bg_contentsList.gif);
  color:#541b09;
  border:0;
}
#contentsList h2{
  margin-bottom:10px;
  padding:0 0 10px 45px;
  font-size: 184%;
  border-bottom:2px solid #541b09;
  background:#f3efe9 url(../images/ico_book.png) no-repeat;
}
#contentsList .img{
  text-align:center;
}
#contentsList li{
  position:relative;
  padding:10px 10px 10px 60px;
  background:#fff;
  margin-bottom:1px;
  font-size:86%;
  line-height:1.4;
  color:#000;
}
#contentsList li span{
  position:absolute;
  top:10px;
  left:10px;
}
#contentsList li span img{width:40px;}
#contentsList li .ico01{
  background:#ca1823
}
#contentsList li .ico02{
  background:#000;
}
#contentsList li .ico03{
  background:#a10202;
}
#contentsList li .ico04{
  background:#3ca757; /*green*/
}
#contentsList li .ico05{
  background:#229584; /*green*/
}
#contentsList li .ico06{
  background:#fff;
  border:1px solid #ccc;
  box-sizing: border-box;
}
.backNumber{
  text-align:right;
}
.backNumber a{
  position: relative;
  border:5px solid #efefef;
  padding:20px 150px 20px 15px;
  text-decoration:none;
  background: url(../images/bg_backnumber.png) no-repeat bottom right 35px;
}
.backNumber a:after{
  position: absolute;
  content: '';
  border:0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  width:7px;
  height:7px;;
  border-top: solid 3px #c40000;
  border-right: solid 3px #c40000;
  right:15px;
  margin-top: -5px;
}



/* and.y 22.04.28 */
#andyNavi a{
	display:block;
	text-decoration: none;
	color:#333;
}
#andyNavi dt{
	display:flex;
	align-items: center;	
	position:relative;
	padding:5px 35px 5px 90px;
	background:#f6f3ee;
	box-sizing: border-box;
	min-height:86px;
}
#andyNavi dt:before{
	position:absolute;
	content: "";
	top: calc(50% - 4px);
	right: 10px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #c40000;
	border-right: 2px solid #c40000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#andyNavi dt p{
	font-size:17px;
	font-weight:500;
	line-height:1.4;
}
#andyNavi dt img.ico{
	position: absolute;
	top:5px;
	left:5px;
	width:76px;
}
#andyNavi dt img.num{
	margin-left:10px;
	vertical-align: top;
}
#andyNavi dt .cate{
	display:block;
	font-size:15px;
	font-weight:300;	
}
#andyNavi .btn{margin-top:30px;}
#andyNavi .btn_pre{margin-top:50px;}
.interior{padding-top:60px;}
.interior a{
	position: relative;
}
.interior a:before{
	position: absolute;
	margin:-5px 0 0 -18px;
	content: "";	
	top:50%;
	left:0;
	vertical-align: middle;
	box-sizing: border-box;
	width:10px;
	height:10px;
	border:10px solid transparent;
	border-left: 10px solid #f2f2ea;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);	
}



/* ==

　01. sp
 
=============================================================================== */
#sp .border {
    border-top: 1px dashed #ccc;
    margin-top: 10px;
    padding-top: 10px;
}





/* ==

　03. sp

=============================================================================== */
#sp .lead-sp{
  text-align:center;
}
#sp .cBlock09_sp{
  background:#f9f9f7;
  border:0;
}
#sp .spProfile{
  padding:30px 0;
  border-top:8px dashed #cccccc;
  border-bottom:8px dashed #cccccc;
}
#sp .spProfile h2{
  font-size:236%;
  font-weight:500;
}
#sp .spProfile{
  display:flex;
  justify-content:space-between;
}
#sp .spProfile .col:first-child{
  width:65%;
}
#sp .spProfile .col:last-child{
  width:32%;
}
#sp .spProfile .spProfile_txt{
  font-size:126%;
}
/* ==

　04. live

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

.lead-live .live-area{
  text-align:center;
  font-size:124%;
  padding:10px 0;
}



/*--live_floorarea--*/
#live_floorarea th{
width:30%;
border-bottom:1px solid #e8e8e8;
}
#live_floorarea td{
  text-align:left;
}
#live_floorarea dt{
	float:left;
	clear:left;
	width:2.2em;
  font-size:70.83%;
}
#live_floorarea dd{
	padding-left:2.2em;
  font-size:70.83%;
}
#live_floorarea dd span{
	display:inline-block;
	margin-left:10px;
}
#live_floorarea dd span.num{
	width:5em;
	margin-left:0;
	text-align:right;
}
#live_floorarea dd span:last-child{
	width:5em;
	text-align:right;
}
/*--liveDetail--*/
#live_detail{
  background:#efefef;
  padding:20px;
}
#live_detail .live_detail_top{
  position:relative;
  margin:0 0 20px 0;
  padding:0 0 20px 95px;
  border-bottom:1px solid #ccc;
}
#live_detail .live_detail_logo{
  position:absolute;
  top:0;
  left:0;
}
#live_detail .live_detail_top dt{
 font-weight:500;
 font-size:125%;
}
#live_detail .live_detail_top dt span{
 font-size:68%;
}
#live_detail .live_detail_top dd{
 font-size:84%;
}
#live_detail .live_detail_bottom{
  display:flex;
}
#live_detail .live_detail_bottom .live_detail_bottom_item{
  flex-basis:300px;
  margin-right:25px;
}
#live_detail .live_detail_bottom .live_detail_bottom_item .live_detail_img{
  margin-bottom:0;
  text-align:center;
}
#live_detail .live_detail_bottom .live_detail_bottom_txt{
  flex-basis:485px;
}
#live_detail .live_detail_bottom .live_detail_bottom_txt dt{
  float:left;
  clear:both;
  width:8em;
}
#live_detail .live_detail_bottom .live_detail_bottom_txt dd{
  padding-left:9em;
}

/*--liveDetail2--*/
#live_detail .cBlock09{
	border:0;
	background:#efefef;
	padding:0;
}
#live_detail .cBlock09 .cTxt_em01{
	text-align: center;
	font-size:18px;
	margin-bottom:5px;
}
#live_detail .cBlock09 .live_detail_txt{
	font-size:16px;
}

/* ==

　05. Goodidea!

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

/* ==

　06. column

=============================================================================== */
#column-lead .cBlock02{
  flex-wrap:nowrap;
  display:table;
}
#column-lead .cBlock02_item{
  display:table-cell;
  vertical-align: middle;
  text-align:center;
}
#column-lead .cBlock02_item img{
  width:417px;

}
#column h2.tit{
  margin-bottom: 20px !important;
  padding: 15px 0 !important;
  border-top: 2px dashed #ccc !important;
  border-bottom: 2px dashed #ccc !important;
}

/* ==

　07. interior

=============================================================================== */
.cSection_interior{margin:0;}
.interior_logo{
	margin:50px 0;
	text-align: center;
}
.lead-interior{
	padding:0 0 40px;
	text-align: center;	
}
.lead-interior .name{
	margin:0 auto 30px;
	display:inline-block;
	border:2px solid #000;
	padding:5px 15px;
	font-size:14px;
	font-weight: bold;
	background: #fff;
}
.lead-interior .txt{text-align:center;}
.interior_bg_in{
	border: 1px solid #000;
	padding:20px;
}

.textBlock{
	margin-bottom:20px;
	display:flex;
	flex-wrap:nowrap;
	justify-content: space-between;
}
.textBlock .textBlock_num{
	position: relative;
	width:4em;
	text-align:center;
	overflow: hidden;
}
.textBlock .textBlock_num:before{
	position: absolute;
	content:"";
	width:1px;
	height:100%;
	top:50px;
	left:2em;
	background:#000;
}
.textBlock .textBlock_num p{
	position: relative;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:30px;
}
.textBlock .textBlock_text{width:calc(100% - 6em);}
.textBlock .textBlock_text h2.tit{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	border:0;
}
.cSection_interior .cBlock07{background:#fff;}




/* ==

  08. backnumber

=============================================================================== */
#backnumber .cBlock02::after {
	display: block;
	content:"";
	width: 417px;
}
#backnumber h2{
  font-size: 234%;
  text-align:center;
  font-weight:500;
}
#backnumber h3{
  padding-bottom:10px;
  margin-bottom:20px;
  border-bottom:1px solid #ccc;
  font-size:184%;
}
#backnumber dt{
  padding-bottom:0;
  margin-bottom:10px;
  border-bottom:1px dotted #ccc;
}
#backnumber dd{
  margin-bottom:20px;
}
#backnumber .cBlock02_item .img{
    width:90px;
    float:left;
    clear:both;
}
#backnumber .cBlock02_item .img img{
    width:78px;
}
#backnumber .cBlock02_item .linkBlock{
    margin-left:90px;
}
#backnumber .cBlock02_item .linkBlock dd{
    font-size:86%;
}
#backnumber .cBlock09{
  padding-bottom:20px;
}
#backnumber .linkBlock dd a,
#backnumber .cBlock09 .cList01 li{
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s;
  margin-bottom:10px;
  display: inline-block;
}
#backnumber .linkBlock dd a{
  color: #9f8757;
  padding: 0 0 0 17px;
}
#backnumber .linkBlock dd a:before,
#backnumber .cBlock09 .cList01 li:before{
    content: "";
    display: block;
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(/tryie/common/images/svg/arw_ico09.svg) center center no-repeat;
    background-size: 12px 12px;
}
#backnumber .cBlock09 .cList01 li a{
  color: #9f8757;
  padding: 0 0 0 10px;
}
#backnumber  a:hover {
	opacity: 0.5;
}