@charset "utf-8";

/* Clearfix --------------------------------------------------------- */
/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.clearfix {
    display: inline-table;
    min-height: 1%;
    }
/*Hides from MacIE \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/*Hides from MacIE */


/* ##### 追加リセット ##### */
a img {
	border:0;
}
ul, li { list-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

/* ##### 基本 ##### */
*{ /*letter-spacing: 0.03em;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;  }
body {
font-size: 1.4rem;
position: relative;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 300;
font-feature-setting : "pkna" 1;
color: #000000;
background-color: #FFFFFF;
line-height: 1.4em;
min-width: 1200px;
}
input, textarea, select, button {
    font-family: inherit;
    font-size: 100%;
  }
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	line-height: 1.6em;
}
/*見出し*/
.mds_l{
	font-size: 2.8rem;
	line-height: 1.6em;
	text-align: center;
	font-weight: bold;
}
.mds_m{
	font-size: 2rem;
	line-height: 1.6em;
	text-align: center;
}
/*寄せ*/
.fl_left{ float: left; }
.fl_right{ float: right; }
.tal_left{ text-align: left; }
.tal_right{	text-align: right; }



.com_wrapper { width: 100%; overflow: hidden; }
em{
	font-style: normal;
}
a {
	transition: 0.2s;
	opacity: 1.0;
	text-decoration: none;
	color: #000000;
}
a:hover { opacity: 0.4 ; }

input[type="submit"],input[type="reset"],input[type="button"]
{ transition: 0.2s ; opacity: 1.0 ; }
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover
{ opacity: 0.4 ; }

.bg_zoom {
	position: relative;
	overflow: hidden;
	text-align: center;
	display: block;
}

.bg_zoom:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
}
.bg_zoom .bg_img{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.bg_zoom:hover{opacity: 1;}
.bg_zoom:hover .bg_img{
	opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

	
main{
	display: block;
	width: 100%;
	clear: both;
}
section{ padding-top: 0px; padding-bottom: 0px; }
.cont_box{ width: 1100px; margin-right: auto; margin-left: auto; overflow: hidden; }

.ttl_ul:after{
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
}

section .cont_box dt h2{
	text-align: center;
}
section .cont_box dd{
	text-align: center;
}
[class*="w900"]{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
[class*="w1000"]{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
[class*="w1050"]{
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}
[class*="w1100"]{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
[class*="w1200"]{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

img.f_left{ float: left; }
img.f_right{ float: right; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.t_center{ text-align:center; }

.bl_txt{ color: #000000!important;}
.bl_txt .norm_txt{
color: #767676;
display: block;
}
.wh_txt{ color: #FFFFFF!important;;}


.photo_ratio{
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.photo_ratio:before {
    content:"";
    display: block;
    padding-top: 75%;
}

/* star */
.photo_star {
	content: "";
	display: block;
	width: 12%;
	height: 0;
	padding-top: 10%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/comm_heart-off.svg);
	background-size: contain;
	float: right;
	cursor: pointer;
}
.photo_star.photo_star-on {
  background-image: url("../img/comm_heart-on.svg");
}

/*物件新着・OPキャッチ*/
.icon_box .icon_news{ background-color: #FF7861;}
.icon_box .icon_opr{ background-color:#395775;}
.icon_box{
	height: 36px;
}
.icon_box span{
	display: inline-block;
	width: 48%;
	text-align: center;
	padding-top: 2px;
	color: #FFFFFF;
	font-size: 1.2rem;
	padding-bottom: 2px;
}
.icon_box span+span{
	margin-left: 4%;
}
/**休暇案内**/
#vaca_box{
border: 1px solid #A2A2A2;
font-size: 1.4rem;
padding: 1em;
margin-bottom: 30px;
line-height: 1.4em;
}
#vaca_box strong{
display: block;
padding-bottom: 0.5em;
}
.sub_com_ttl + .w1100 #vaca_box{
border-style: none;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 0px;
padding-right: 0px;
}


/* パンくず */
#breadcrumb {
	margin-bottom: 10px;
}
#breadcrumb ul{ width: 1100px; margin-right: auto; margin-left: auto; overflow: hidden; overflow-y: hidden; }
#breadcrumb ul li{
	float: left;
	font-size: 1rem;
	margin-left: 4px;
}
#breadcrumb ul li a,#breadcrumb ul li p,#breadcrumb ul li a,#breadcrumb ul li h1{
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	line-height: 1.2em;
}
#breadcrumb ul li:before{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	vertical-align: middle;
}
#breadcrumb ul li:first-child,#breadcrumb ul li:first-child a{ background-image: none; padding-left: 0px; margin-left: 0px; }
#breadcrumb ul li:first-child:before{
	display: none;
}

/* ページ内リンク */
#unch_link{ border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; background-color: #FFFFFF; }
#unch_link ul{ text-align: center; overflow-y: hidden; margin-bottom: -3px; }
#unch_link ul li{ display: block; margin-bottom: 0px; float: left; } 
#unch_link ul li.now_cont{ border-bottom: 5px solid #00A850; }
#unch_link ul li a{ display: block; padding-top: 20px; padding-bottom: 20px; font-size: 1.4rem; width: 100%; }
#unch_link ul li.now_cont a{ color: #00A850; }


/* 横割り等分設定 */
ul[class*="spl_"]{ 
	letter-spacing: -.4em;
}
ul[class*="spl_"] li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
ul.spl_2>li{ width: 50%; }
ul.spl_3>li{ width: 33.5%; }
ul.spl_3>li:first-child{ width: 33%; }
ul.spl_4>li{ width: 25%; }
ul.spl_5>li{ width: 20%; }
ul.spl_6>li{ width: 17%; }
ul.spl_6>li:nth-child(3n-2){ width: 16%; }
ul.spl_7>li{ width: 14%; }
ul.spl_7>li:first-child,ul.spl_7>li:last-child{ width: 15%; }

ul.prop_list{ letter-spacing: -.4em;}
ul.prop_list>li{
	width: 23.5%;
	margin-left: 2%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 50px;
}
ul.prop_list>li:nth-child(4n+1){ margin-left: 0%; }


/* ボタン */

input[type="submit"].comm_btn,
input[type="reset"].comm_btn,
input[type="button"].comm_btn{
	border-radius: 6px;
	border-style: none;
	background-color: #385572;
	font-size: 2rem;
	color: #FFFFFF;
	padding-left: 50px;
	padding-right: 50px;
	background-image: url(../img/comm_arrWH02.svg);
	background-repeat: no-repeat;
	background-position: right 0.75em center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	background-size: 1em auto;
	line-height: 1.2em;
}

a.comm_btn{
	display: inline-block;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-size: 2.0rem;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 6px;
	background-color: #385572;
	color: #FFFFFF;
	position: relative;
	line-height: 1.2em;
}


a.comm_btn:after{
	content: "";
	background-image: url(../img/comm_arrWH02.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1em auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0.75em;
	margin-top: auto;
	margin-bottom: auto;
	width: 1em;
	height: 1em;
}
a#autoPage.comm_btn{
display: none;
}

a.comm_btn_gray{
	display: inline-block;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-size: 2.0rem;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 6px;
	background-color: #3C3C46;
	color: #FFFFFF;
	position: relative;
	line-height: 1.2em;
}
a.comm_btn_gray:after{
	content: "";
	background-image: url(../img/comm_arrWH02.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1em auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0.75em;
	margin-top: auto;
	margin-bottom: auto;
	width: 1em;
	height: 1em;
}

a.comm_btn_orang{
	display: inline-block;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-size: 2.0rem;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 6px;
	background-color: #EB6143;
	color: #FFFFFF;
	position: relative;
	line-height: 1.2em;
}
a.comm_btn_orang:after{
	content: "";
	background-image: url(../img/comm_arrWH02.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1em auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0.75em;
	margin-top: auto;
	margin-bottom: auto;
	width: 1em;
	height: 1em;
}

a.comm_btn_emeral{
	display: inline-block;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-size: 2.0rem;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 6px;
	background-color: #00B7B9;
	color: #FFFFFF;
	position: relative;
	line-height: 1.2em;
}
a.comm_btn_emeral:after{
	content: "";
	background-image: url(../img/comm_arrWH02.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1em auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0.75em;
	margin-top: auto;
	margin-bottom: auto;
	width: 1em;
	height: 1em;
}

/* ## for jquery ## */
.hide { display:none; }


/* フォント */
.alph{ font-family: 'Ubuntu', sans-serif; }

.ltxt{ font-size: 120%; }
.stxt{ font-size: 80%; }
.atten{	font-size: 1.2rem;}
small{font-size: 75%;}


/* 通常物件BOX */
.prop_box{
	overflow-y: hidden;
    text-align: left;
}
.prop_box em{
	font-size: 15px;
	line-height: 1.5em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
	align-items: top; /* 縦方向中央揃え */
	margin-bottom: 12px;
}

.prop_box h4{
	font-size: 1.7rem;
	margin-top: 15px;
	margin-bottom: 0px;
	overflow-y: hidden;
}
.prop_box h4 strong{
	font-size: 2rem;
	font-weight: normal;
}
.prop_box h4 small{
	display: inline-block;
	font-size: 1.2rem;
	color: #FFFFFF;
	background-color: #D42D00;
	margin-left: 8px;
	padding: 4px;
	float: right;
	line-height: 1em;
	margin-top: 0px;
}
.prop_box .loan_box{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.prop_box ul.reno_spec{
	padding-top: 0px;
	display: block;
	margin-bottom: 13px;
}
.prop_box .photo_ratio + ul.reno_spec{
  margin-top: 22px;
}
.prop_box ul.reno_spec li{
	padding-left: 0px!important;
	padding-right: 0px!important;
	font-size: 1.3rem;
	padding-bottom: 8px;
	line-height: 1.4em;
	display: block;
}
.prop_box ul.reno_spec li:last-child{ padding-bottom: 0px;}
.prop_box ul.reno_spec li>a{
	display: block;
	overflow-y: hidden;
}

.prop_box .vr_box {
	text-align: left;
	display: inline-block;
	float: left;
}
.prop_box .vr_box a{
/*	color: #FFFFFF;
	font-size: 1.3rem;
	display: inline-block!important;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #00B7B9;*/
}



.vr_link:before {
	content: "";
	background-color: #395775;
	height: 24px;
	display: inline-block;
	width: 40px;
	vertical-align: middle;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-right: 6px;
	background-image: url(../img/comm_vr01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% auto;
}

.vr-heart{
	text-align: left;
	margin-left: 13px;
	margin-top: -50px;
	display: block;
	margin-right: 13px;
	position: relative;
	overflow-y: hidden;
	margin-bottom: 13px;
}

/*事例BOX*/
.case_box em{
	font-size: 1.5rem;
	line-height: 1.5em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: top;
	align-items: top;
	margin-bottom: 12px;
}
.case_box h4{
	font-size: 1.7rem;
	padding-top: 1.0em;
	padding-bottom: 0.25em;
}
.case_box ul.pick_spec{
	padding-bottom: 14px;
}
.case_box ul.pick_spec li{
	padding-left: 0px!important;
	padding-right: 0px!important;
	font-size: 1.3rem;
	padding-bottom: 0.5em;
	text-align: left;
	line-height: 1.3em;
}
.case_box ul.pick_spec li:last-child{ padding-bottom: 0px;}

/**ジャーナルBOX**/
#journal_list{
	overflow: hidden;
	margin-top: 0px;
	padding-top: 30px;
}
#journal_list li{
	height: auto;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	padding-bottom: 20px;
}
#journal_list li:first-child{

}
#journal_list li a{
	display: block;
	overflow-y: hidden;
}
.journal_box{}
.journal_box .photo_ratio{
	position: relative;
	border-radius: 50%;
	color: rgba(255,255,255,1.00);
}
.journal_box .photo_ratio:before{
	background-color: rgba(0,0,0,0.50);
	padding-top: 100%;
	border-radius: 50%;
}

.journal_box .photo_ratio .photo_ontxt{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;

}
.journal_box .photo_ratio .photo_ontxt strong{
	font-size: 2.1rem;
	text-align: center;
	font-weight: normal;
	line-height: 1.2em;
	display: block;
	width: 100%;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
.journal_box .photo_ratio .photo_ontxt small{
	display: inline-block;
	text-align: center;
	font-size: 2rem;
	border-top: 1px solid rgba(255,255,255,1.00);
	padding-top: 14px;
	margin-top: 16px;
}
.journal_box .photo_ratio .photo_ontxt span{
	background-color: #FFFFFF;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
.journal_box .photo_under{
	font-size: 1.6rem;
	line-height: 1.6em;
}



/* ##### renocolle_index_about ##### */
.renocolle_index_aboutBox {
  margin-top: 60px;
  margin-bottom: 20px;
}
.renocolle_index_aboutBox dt {
  text-align: center;
  font-size: 3.3rem;
}
.renocolle_index_aboutBox dd + dt {
  padding-top: 40px;

}
.renocolle_index_aboutBox dd {
	padding: 20px 0 40px 0;
	font-size: 1.6rem;
	line-height: 1.8em;
}
.renocolle_index_aboutBox dd ul{
	padding-top: 6px;
	padding-bottom: 6px;
}



/*セミナーBOX*/
#seminar_list{
	overflow: hidden;
	margin-top: 0px;
	letter-spacing: -.4em;
}
#seminar_list li{
	height: auto;
	text-align: left;
	padding-bottom: 34px;
	letter-spacing: normal;
	vertical-align: top;
	width: 48%;
	display: inline-block;
	margin-left: 4%;
}

#seminar_list li:nth-child(2n-1){
	margin-left: 0px;
}
#seminar_list li a{
	display: block;
	overflow-y: hidden;
}
.seminar_box strong{
	font-weight: normal;
	display: inline-block;
	float: right;
	border-left: 1px solid #FFFFFF;
	padding-left: 10px;
}

.seminar_box .seminar_border{
	display: block;
	border: 1px solid #000000;
}
.seminar_box .seminar_border .semi_data{
	padding: 10px;
	font-size: 1.8rem;
	border-bottom: 1px solid #000000;
	line-height: 1.4em;
	background-color: #000000;
	color: #FFFFFF;
}
.seminar_box .seminar_border .semi_name{
	overflow: hidden;
	position: relative;
}
.seminar_box .seminar_border .semi_name .photo_ratio{
	width: 33%;
	float: left;
}
.seminar_box .seminar_border .semi_name .semnew_box{
	background-color: #FF7861;
	font-size: 1.3rem;
	color: #FFFFFF;
	display: inline-block;
	padding-left: 0.75em;
	padding-right: 0.75em;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.seminar_box .seminar_border .semi_name .name_txt{
	width: 67%;
	display: block;
	float: left;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 40px;
	padding-bottom: 15px;
	position: relative;
}
.seminar_box .seminar_border .semi_name .name_txt:after{
	content: "";
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-size: 100% auto;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	background-position: center center;
	margin: auto;
	bottom: 0px;
}

.seminar_box .seminar_border .semi_name .name_txt h3{
	font-size: 1.5rem;
	line-height: 1.4em;
	padding-bottom: 10px;
}
.seminar_box .seminar_border .semi_name .name_txt p{
	font-size: 1.2rem;
	line-height: 1.4;
	height: 33.6px;
	position: relative;
	overflow: hidden;
}
.seminar_box .seminar_border .semi_name .name_txt p:before,
.seminar_box .seminar_border .semi_name .name_txt p:after {
	background-color: #FFFFFF;
	position: absolute;
}
.seminar_box .seminar_border .semi_name .name_txt p:before {
	content: "...";
	top: 16.8px;
	right: 0;
	width: 1em;
	height: 1em;
}
.seminar_box .seminar_border .semi_name .name_txt p:after {
  content: "";
  height: 100%;
  width: 100%;
}


.seminar_box .seminar_border .semi_recom{
	border-top: 1px solid #000000;
	font-size: 1.2rem;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.4em;
	letter-spacing: -.4em;
}
.seminar_box .seminar_border .semi_recom em{
	font-size: 1.6rem;
	display: block;
	padding-bottom: 8px;
	letter-spacing: normal;
}

.seminar_box .seminar_border .semi_recom .recom_list{
	display: inline-block;
	width: 49%;
	letter-spacing: normal;
}
.seminar_box .seminar_border .semi_recom div:nth-of-type(2n){
	margin-left: 2%;
}

/*非公開物件BOX*/
ul.prprop_sl{ letter-spacing: -.4em; }
ul.prprop_sl>li{
	position: relative;
	padding-top: 36px;
	width: 23.5%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-left: 2%;
	padding-bottom: 50px;
}
ul.prprop_sl>li:nth-child(4n-3){
	margin-left: 0%;
}
ul.prprop_sl>li .draw_box{
	display: inline-block;
	color: #FFFFFF;
	font-size: 1.3rem;
	background-color: #000000;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	position: absolute;
	top: 0px;
	left: 0px;
}
ul.prprop_sl>li .prprop_ttl{
	color: #EB6143;
	font-size: 1.9rem;
}
ul.prprop_sl>li .btn-heart{
	margin-top: 14px;
}
ul.prprop_sl>li .btn-heart .photo_star{
    width: 10%;
    padding-top: 10%;
    float: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}
ul.prprop_sl>li .btn-heart a.comm_btn{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 2rem;
}

ul.prprop_info {
	padding-top: 8px;
}
ul.prprop_info li{
	padding-bottom: 0.25em;
}

/**フォーム送信系BOX**/
.btnsbm_box{letter-spacing: -.4em;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	clear: both;}
.btnsbm_box .btn_list{
	width: 630px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.btnsbm_box .btn_list li{
	letter-spacing: normal;
	display: inline-block;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
}
.btnsbm_box .btn_list li:last-child{}
.btnsbm_box .btn_list li a,
.btnsbm_box .btn_list li input[type="button"],
.btnsbm_box .btn_list li input[type="submit"]{
	width: 100%;
}
.btnsbm_box .btn_list li.noarr input[type="button"],
.btnsbm_box .btn_list li.noarr input[type="submit"],
.btnsbm_box .btn_list li.noarr a[class^="comm_btn"]:after{
	display: none;
}

.btnsbm_box .btn_list li.noarr{
	float: left;
}

/*お問い合わせBOX*/
.inq_box {
	letter-spacing: -.4em;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	clear: both;
}
.inq_box .btn_list{
	width: 630px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.inq_box .btn_list li{
	letter-spacing: normal;
	display: inline-block;
	width: 48%;
	margin-right: 4%;
}
.inq_box .btn_list li:last-child{ margin-right: 0%;}
.inq_box .btn_list li a{
	width: 100%;
	font-size: 2rem;
}
.inq_box .btn_list li.noarr a.comm_btn:after{
	display: none;
}
.inq_box .tel_upper{
	letter-spacing: normal;
	display: inline-block;
	padding-top: 31px;
}
.inq_box .inq_tel{
	display: inline-block;
	width: 70%;
	letter-spacing: normal;
	text-align: center;
	font-size: 1.6rem;
	vertical-align: middle;
	padding-top: 30px;
}
.inq_box .inq_tel a[href^="tel:"]{
	display: inline-block;
    font-size: 5rem;
    pointer-events: none;
    vertical-align: middle;
    margin-left: 1em;
	white-space: nowrap;
}
.inq_box .inq_tel a img{
	height: 36px;
	display: inline-block;
	margin-right: 12px;
}
.inq_box a.comm_btn{
	letter-spacing: normal;
}
.inq_box .btn_list02{
	width: 630px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}
.inq_box .btn_list02 li{
	letter-spacing: normal;
	display: inline-block;
	width: 48%;
	margin-right: 4%;
}
.inq_box .btn_list02 li:last-child{	float: left;}
.inq_box .btn_list02 li:first-child{ margin-right: 0%;}
.inq_box .btn_list02 li:only-child{
	float: none;
}
.inq_box .btn_list02 li a{
	width: 100%;
	font-size: 2rem;
}
.inq_box .btn_list02 li a:after{
	display: none;
}
.inq_box .btn_list02 li a .photo_star{
	background-image: url(../../../com/img/comm_heart_wh-off.svg);
	display: inline-block;
	float: none;
	vertical-align: initial;
	padding-top: 0.8em;
}

.zero_txt{
	font-size: 1.7rem;
	padding-bottom: 30px;
}
.re_search{

}
.inq_box.re_search {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 31px;
}
.inq_box.re_search p{
	letter-spacing: normal;
	display: inline-block;
	padding-bottom: 20px;
	font-size: 1.6rem;
}
.inq_box.re_search .btn_list02{
	padding-top: 0px;
}
.inq_box.re_search a.comm_btn{
	margin-top: 0px;
}





/* PC,SP表示切替 */

[class*="pc_only"]{ display: inline-block!important; }
.pc_onlyBL{ display: block!important;}
.pc_onlyIN{	display: inline!important;}
[class*="sp_only"]{ display: none!important; }


/* 三角 */
.trg:before{ content: "▼"; display: inline-block; margin-right: 6px; -moz-transform: rotate(-90deg); -webkit-transform:  rotate(-90deg); -o-transform:  rotate(-90deg); -ms-transform:  rotate(-90deg);}

/**リノコレ*/
.result_box{
	overflow-y: hidden;
}
.result_box .mds_l{ margin-bottom: 28px; }
.result_box .mds_m{ margin-bottom: 50px; }

.num_prop{
	overflow: hidden;
	padding-bottom: 30px;
	font-size: 1.6rem;
	letter-spacing: normal;
	width: 100%;
}
.login_box .num_prop{
	padding-right: 10px;
}
.num_prop .hand_box { display: inline-block; }
.num_prop .hand_box strong{  }

.num_prop .sort_box{
	display: inline-block;
	float: right;
	text-align: right;
}
.num_prop .sort_box ul{
	margin-top: 5px;
}
.num_prop .sort_box ul li{
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}
.num_prop .sort_box ul li a{}
.num_prop .sort_box ul li.nowon a{
	color: #395775;
	font-weight: bold;
	font-size: 110%;
}
.sort_select {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}
.sort_select select {
width: 100%;
padding-top: 0.25em;
padding-left: 0.5em;
padding-bottom: 0.25em;
border-left: 1px solid #000000;
border-right: 20px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
line-height: 1em;
overflow: hidden;
}
.sort_select:after {
content: "▼";
display: block;
width: 1.6em;
height: 100%;
position: absolute;
right: 0px;
top: 0px;
pointer-events: none;
color: #FFFFFF;
font-size: 1.2rem;
text-align: center;
padding-top: 0.3em;

}
.log-myfav{	display: flex; }
.logout_box { width: 100%; }
.logout_box ul.case_sl{}
.logout_box ul.case_sl>li{
	width: 24.2%;
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
	}
.logout_box ul.case_sl>li:nth-child(4n){ margin-right: 0%;}

.login_box {
	width: 78%;
	float: left;
	padding-right: 2%;
}
.login_box ul.case_sl{
	width: 100%;
	}
.login_box ul.case_sl>li{
	width: 32%;
	float: left;
	margin-bottom: 15px;
	margin-right: 1.5%;
	}
.login_box ul.case_sl>li:nth-child(3n){	margin-right: 0%;}

/**販売済み用上書き**/
#soldout_box{
padding-top: 60px;
}
#soldout_box h4{
font-size: 2rem;
padding-bottom: 0.5em;
}
#soldout_box p{
font-size: 1.4rem;
padding-bottom: 1.5em;
display: block;
}
#soldout_box strong{}
#soldout_box ul.case_sl{
}
#soldout_box ul.case_sl li a{
background-color: #FFFFFF;
border: 2px solid #b9b9b9;
padding-bottom: 10px;
}
#soldout_box .photo_ratio{
filter: grayscale(100%);
}



/*
.login_box ul.prop_list{}
.login_box ul.prop_list>li{
	width: 31%;
	margin-left: 3.5%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 50px;
}

.log_in ul.prop_list>li:nth-child(3n+1){ margin-left: 0%; }
*/
.myfav {
	width: 22%;
	float: left;
}
.myfav ul.prop_list>li{
	width: 100%;
	margin-left: 0%;
	display: inline-block;
	margin-bottom: 10px;}
.myfav ul.prop_list>li a{
	display: block;
}
.myfav ul.prop_list .case_box ul.pick_spec {
}
.myfav ul.prop_list .case_box ul.pick_spec li{
	padding-bottom: 8px;
}
.myfav h3{
	font-size: 2rem;
	text-align: center;
	padding-bottom: 10px;
}
.myfav h3:after{
	content: "▼";
	display: block;
	line-height: 1em;
}
.myfav ul.prop_list h4 {
    font-size: 1.5rem;
    padding-top: 1.0em;
    padding-bottom: 0.25em;
}
.myfav ul.prop_list h4 strong {
    font-size: 2rem;
    font-weight: normal;
}

.myfav ul.prop_list h4 small {
    display: inline-block;
    font-size: 1.2rem;
    color: #FFFFFF;
    background-color: #D42D00;
    margin-left: 8px;
    padding: 4px;
    float: right;
    line-height: 1em;
    margin-top: 0px;
}
.myfav .oprbtn_box{
	margin-bottom: 26px;
	margin-top: 56px;
}
.myfav .oprbtn_box a{
	font-size: 1.9rem;
	text-align: center;
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	padding-top: 14px;
	padding-bottom: 25px;
	color: #395775;
	border: 5px solid #395775;
	position: relative;
	height: 205px;
}
.myfav .oprbtn_box a small{
	display: block;
	font-size: 50%;
	margin-top: 11px;
	color: #FFFFFF;
	background-color: #395775;
	padding-left: 1.5em;
	padding-right: 1.5em;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.myfav .oprbtn_box a img{
	width: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.loan_atten{
	font-size: 1.2rem;
	clear: both;
	display: block;
	margin-top: 28px;
}

/*ニュース*/
#news_sec {
	background-color: #d7dde3;
}
#news_sec dl{
	padding-top: 40px;
	text-align: center;
	padding-bottom: 50px;
}
#news_sec dl dt{
	padding-bottom: 14px;
}
#news_sec dl dt h2{
}
#news_sec dl dd{
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 14px;
}
#news_sec dl dd ul{
	padding-top: 24px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 24px;
	margin-bottom: 50px;
	background-color: #FFFFFF;
}
#news_sec dl dd ul li{
	text-align: left;
	border-bottom: 1px dotted #000000;
	padding-top: 16px;
	padding-bottom: 16px;
}
#news_sec dl dd ul li:first-child{
	padding-top: 0px;
}
#news_sec dl dd ul li:last-child{
	border-bottom-style: none;
	padding-bottom: 0px;
}

#news_sec dl dd ul li>*{
	display: inline-block;
	vertical-align: top;
}
#news_sec dl dd ul li .news_yymmdd{
	width: 9%;
}
#news_sec dl dd ul li .news_catg{
	width: 14%;
}
#news_sec dl dd ul li .news_txt{
	width: 77%;
}
#news_sec dl dd a.comm_btn{
	min-width: 450px;
}



/*Slick-Layout*/
ul.topics_sl{
	width: 100%;
	overflow: hidden;
	min-width: 1200px;
}

ul.topics_sl li{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
ul.topics_sl li .topsl_inner{
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/*min-height: 475px;*/
	height: 600px;
	position: relative;
}
ul.topics_sl li .topsl_inner a{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1 ;
}
ul.topics_sl li .topsl_inner img.topsl_main,
ul.topics_sl li .topsl_inner .topsl_cont{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	left: 0px;
	height: 350px;
}
ul.topics_sl li .topsl_inner .topsl_cont img.logoimg{
	margin-left: auto;
	margin-right: auto;
	max-height: 260px;
}
ul.topics_sl li .topsl_inner .topsl_cont img.logoimg_only{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	left: 0px;
	height: 350px;
}
ul.topics_sl li .topsl_inner .topsl_cont p{
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 1.8rem;
	line-height: 1.4em;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2em;
}
ul.topics_sl li .topsl_inner .topsl_cont .static_box{
background-color: rgba(255,255,255,0.80);
width: 460px;
overflow: hidden;
margin-left: auto;
padding: 26px;
margin-right: auto;
line-height: 1.8em;
}
ul.topics_sl li .topsl_inner .topsl_cont .static_box p{
font-size: 3.2rem;
font-weight: bold;
color: #395775!important;
line-height: 1.2em;
padding-top: 0.75em;
padding-bottom: 0.75em;
}

ul.topics_sl .slick-slide{
	height: 600px;
}

ul.case_sl{
	margin-left: auto;
	margin-right: auto;
}
ul.case_sl li{
	font-size: 1.3rem;
	letter-spacing: 0em;
}

ul.case_sl li a{
	padding-top: 13px;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 50px;
	background-color: #E6E6E6;
	position: relative;
	display: block;
	overflow-y: hidden;
}
ul.case_sl li a.vr_link,
#map_info-pc a.vr_link,
#map_info-sp a.vr_link {
	display: inline-block!important;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
	border: 1px solid #395775;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-radius: 6px;
	background-color: #FFFFFF;
	width: auto;
}
ul.case_sl .slick-slide{
	height: auto;
}

ul.collab_sl{
	width: 1130px;
	margin-left: auto;
	margin-right: auto;
}
ul.collab_sl li{
	font-size: 1.2rem;
	letter-spacing: 0em;
	padding-left: 10px;
	padding-right: 10px;
}

ul.collab_sl li a{
	position: relative;
	background-color: #000000;
	display: block;
	opacity: 1.0 ;
}
ul.collab_sl li a img{
	height: auto;
	width: auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	left: 0px;
	right: 0px;
	max-width: 275px;
	z-index: 999;
}
ul.collab_sl .slick-slide{
	height: auto;
}
ul.collab_sl li .bg_zoom{
	width: 100%;
	position: relative;
	height: 230px;
}
ul.collab_sl li .bg_img:before{ 
	content: "";
    background-color: rgba(0,0,0,0.15);
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;}
	
ul.collab_sl li a:hover .bg_img:before{
	background-color: rgba(0,0,0,0);
}
ul.collab_sl li a:hover .bg_img{
	opacity: 1;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
ul.collab_sl li a p{
	display: block;
	color: #FFFFFF;
	font-size: 1.4rem;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	line-height: 1.4em;
}

/*Slick-NextPrev*/
ul.topics_sl button.slick-next{
	border-style: none;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: absolute;
	right: 100px;
	z-index: 200;
	height: 80px;
	top : -webkit-calc(50% - 40px);
	top: calc(50% - 40px);
	background-color: transparent;
	width: 40px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
ul.topics_sl button.slick-prev{
	border-style: none;
	width: 40px;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-image: url(../img/comm_arrBL01.svg);
	background-color: transparent;
	position: absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 200;
	height: 80px;
	top : -webkit-calc(50% - 40px) ;
	top: calc(50% - 40px);
	left: 100px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.ttlsl *{
	height: 100%;
}
.ttlsl ul.ttl_img button.slick-next{
	border-style: none;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: absolute;
	right: 100px;
	z-index: 200;
	height: 80px;
	top : -webkit-calc(50% - 40px);
	top: calc(50% - 40px);
	background-color: transparent;
	width: 40px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.ttlsl ul.ttl_img button.slick-prev{
	border-style: none;
	width: 40px;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-image: url(../img/comm_arrBL01.svg);
	background-color: transparent;
	position: absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 200;
	height: 80px;
	top : -webkit-calc(50% - 40px) ;
	top: calc(50% - 40px);
	left: 100px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.case_sl button.slick-next{
	border-style: none;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: absolute;
	right: -40px;
	z-index: 200;
	height: 40px;
	top : -webkit-calc(50% - 20px);
	top: calc(50% - 20px);
	background-color: transparent;
	width: 40px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.case_sl button.slick-prev{
	border-style: none;
	width: 40px;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-image: url("../img/comm_arrBL01.svg");
	background-color: transparent;
	position: absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 200;
	height: 40px;
	top : -webkit-calc(50% - 20px);
	top: calc(50% - 20px);
	left: -40px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.collab_sl button.slick-next{
	border-style: none;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/comm_arrBL01.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	position: absolute;
	right: -40px;
	z-index: 200;
	height: 40px;
	top : -webkit-calc(50% - 20px);
	top: calc(50% - 20px);
	background-color: transparent;
	width: 40px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
.collab_sl button.slick-prev{
	border-style: none;
	width: 40px;
	display: none;
	cursor: pointer;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	background-image: url("../img/comm_arrBL01.svg");
	background-color: transparent;
	position: absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: 200;
	height: 40px;
	top : -webkit-calc(50% - 20px);
	top: calc(50% - 20px);
	left: -40px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}





/* Slick-Dots */
ul.topics_sl .slick-dotted.slick-slider { }

ul.topics_sl .slick-dots {
	position: absolute;
	bottom: calc(10px + 2.5vw);

	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul.topics_sl .slick-dots li {
	position: relative;
	display: inline-block;
	width: 5%;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
ul.topics_sl .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      width: 100%;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
ul.topics_sl .slick-dots li button:hover,ul.topics_sl .slick-dots li button:focus { outline: none; }
ul.topics_sl .slick-dots li button:hover:before,ul.topics_sl .slick-dots li button:focus:before { opacity: 1; }
ul.topics_sl .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 6px;
	font-family: "slick";

	text-align: center;
	color: #FFFFFF;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #FFFFFF;
	display: block;
}
ul.topics_sl .slick-dots li.slick-active button:before {
	color: #00A850;
	opacity: 1.0;
	border-color: #FFFFFF;
	background-color: #000000;
}


ul.ttl_img .slick-dots {
	position: absolute;
	bottom: 35px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	left: -165px;
}
ul.ttl_img .slick-dots li {
	position: relative;
	display: inline-block;
	width: 5%;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
ul.ttl_img .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      width: 100%;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer; }
ul.ttl_img .slick-dots li button:hover,ul.ttl_img .slick-dots li button:focus { outline: none; }
ul.ttl_img .slick-dots li button:hover:before,ul.ttl_img .slick-dots li button:focus:before { opacity: 1; }
ul.ttl_img .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 6px;
	font-family: "slick";
	text-align: center;
	color: #FFFFFF;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #FFFFFF;
	display: block;
}
ul.ttl_img .slick-dots li.slick-active button:before {
	color: #00A850;
	opacity: 1.0;
	border-color: #FFFFFF;
	background-color: #000000;
}



/* タイトル表示（マイリノ・リノコレ） */
/*大*/
.sub_com_ttl {
	width: 1200px;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}

.sub_com_ttl .cate_ttl{
	width: 335px;
	padding-top: 55px;
}
.sub_com_ttl .ttlsl{
	height: 290px;
	width : 865px;
	float: right;

}
.sub_com_ttl .ttlsl li{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
}
.sub_com_ttl.sub_com_ttl-renocolle .ttlsl .slick-list li:nth-child(1){ background-image: url(../../renocolle/com/images/renocTTL_img01.jpg);}
.sub_com_ttl.sub_com_ttl-renocolle .ttlsl .slick-list li:nth-child(2){ background-image: url(../../renocolle/com/images/renocTTL_img02.jpg);}
.sub_com_ttl.sub_com_ttl-renocolle .ttlsl .slick-list li:nth-child(3){ background-image: url(../../renocolle/com/images/renocTTL_img03.jpg);}

.sub_com_ttl.sub_com_ttl-myreno .ttlsl .slick-list li:nth-child(1){	background-image: url(../../myreno/com/img/myrenoTTL_img01.jpg);}
.sub_com_ttl.sub_com_ttl-myreno .ttlsl .slick-list li:nth-child(2){ background-image: url(../../myreno/com/img/myrenoTTL_img02.jpg);}
.sub_com_ttl.sub_com_ttl-myreno .ttlsl .slick-list li:nth-child(3){ background-image: url(../../myreno/com/img/myrenoTTL_img03.jpg);}

.sub_com_ttl_img {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	margin-bottom: 16px;
}
.sub_com_ttl_text {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.7rem;
	line-height: 1.4;
}


.sub_com_ttl-myreno {
}

.sub_com_ttl-renocolle {

}

/*小*/
.sub_com_Sttl {
	width: 100%;
	min-width: 1100px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	text-align: center;
	padding: 10px 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
.sub_com_Sttl_img {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
  margin-right: 0px;
}
.sub_com_Sttl_text {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-size: 2.0rem;
  line-height: 1.4;
}

.sub_com_Sttl-myreno {
  border-top-color: #c8c8c8;
  border-bottom-color: #c8c8c8;
}

.sub_com_Sttl-renocolle {
  border-top-color: #c8c8c8;
  border-bottom-color: #c8c8c8;
}




ul.sp_flban{
	display: none;
}



@media only screen and (max-width: 760px) {
*{
}
body{
min-width: auto;
}
h1, h2, h3, h4, h5, h6 {
	
}
a:hover { opacity: 1!important; }

[class*="pc_only"]{ display: none!important; }
[class*="sp_only"]{ display: inline-block!important;; }
.sp_onlyBL{ display: block!important;}
.sp_onlyIN{ display: inline!important;}

ul.sp_flban{
	display: none;
}
ul.sp_flban.active{
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background-color: #FFFFFF;
	border-top: 1px solid #9b9b9b;
	z-index: 9990;
	display: block;
}
ul.sp_flban li{
    display: block;
    float: left;
	width: 50%;
	position: relative;
	}
ul.sp_flban li:first-child{ border-right: 1px solid #9b9b9b;}
ul.sp_flban li a{
	text-align: center;
	background-color: #EBEFEF;
	letter-spacing: -0.03em;
	font-size: 1.6rem;
	
	padding-top: 6px;
	padding-bottom: 16px;
	padding-left: 2.8vw;
	padding-right: 2.8vw;
	display: block;
	}
ul.sp_flban li a em{  display: flex;
    align-items: center;
    font-size: 1.1rem;
    padding-bottom: 2px;}
ul.sp_flban li a em:before, ul.sp_flban li a em:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000;
    margin: 0 .8em;
	display: flex;
    align-items: center;
    font-size: 1.1rem;	
	}

ul.sp_flban li a img {
    height: 21px;
    width: auto;
	display: inline-block;
    vertical-align: bottom;
    margin-right: 2%;
}


.cont_box{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	min-width: auto;
}
.ttl_ul:after{

}

/**休暇案内**/
#vaca_box{
font-size: 1.1rem;
line-height: 1.4em;
}
#vaca_box strong{
padding-bottom: 0.5em;
display: block;
}

#breadcrumb{
margin-bottom: 0px;
}
#breadcrumb ul{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
#breadcrumb ul li{
	font-size: 1rem;
}
#breadcrumb ul li a{
}


.mds_l{
	font-size: 1.7rem;
}


[class*="w900"]{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.w900-full{
	padding-left: 0px;
	padding-right: 0px;
}
[class*="w1000"]{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.w1000-full{
	padding-left: 0px;
	padding-right: 0px;
}
[class*="w1050"]{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.w1050-full{
	padding-left: 0px;
	padding-right: 0px;
}
[class*="w1100"]{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.w1100-full{
	padding-left: 0px;
	padding-right: 0px;
}

[class*="w1200"]{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.w1200-full{
	padding-left: 0px;
	padding-right: 0px;
}


.bg_zoom {}
.bg_zoom:after {}
.bg_zoom .bg_img{

}
.bg_zoom:hover .bg_img{
	opacity: 1;
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

/*物件新着・OPキャッチ*/
.icon_box .icon_news{ background-color: #FF7861; font-size: 0.9rem; line-height: 1.2em;}
.icon_box .icon_opr{ background-color:#395775; font-size: 0.9rem; line-height: 1.2em; }
.icon_box{
	height: 16px;
	margin-bottom: 8px;
	letter-spacing: -0.1em; 
}



main{
	margin-top: 94px;
}

.bl_line:after{
	content: "";
	width: 87%;
	margin-top: 30px;
	height: 3px;
	background-color: #000000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/**リノコレ*/
.result_box{
}
.result_box .mds_l{
	margin-bottom: 10px;
}
.result_box .mds_m{
	margin-bottom: 20px;
	font-size: 1.2rem;
}

.num_prop{
	font-size: 1.1rem;
}
.login_box .num_prop{
	padding-right: 0px;
	padding-bottom: 10px;
}
.num_prop .hand_box{
	font-size: 1.4rem;
	display: block;
}
.num_prop .sort_box{
	padding-top: 6px;
	float: left;
}
.sort_select select {
font-size: 1.2rem;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.sort_select:after {
	font-size: 1.1rem;

}
.log-myfav{
	display: block;
}

.login_box,
.logout_box {
	width: 100%;
	float: none;
	overflow-y: hidden;
	padding-right: 0%;
}
.login_box ul.case_sl,
.logout_box ul.case_sl{
	overflow: hidden;
}
.login_box ul.case_sl>li,
.logout_box ul.case_sl>li{
	width: 48%;
	margin-left: 4%;
	margin-right: 0%;	
}
.login_box ul.case_sl>li:nth-child(3n+1),
.logout_box ul.case_sl>li:nth-child(4n+1){ margin-left: 4%; }
.login_box ul.case_sl>li:nth-child(2n+1),
.logout_box ul.case_sl>li:nth-child(2n+1){ margin-left: 0%; }
.login_box a.comm_btn,
.logout_box a.comm_btn{
	margin-left: auto;
	margin-right: auto;
	width: 60vw;
	margin-bottom: 30px;
	margin-top: 30px;
}


.myfav {
	width: 100%;
	padding-left: 0%;
	margin-left: 0%;
	border-left-style: none;
	clear: both;
	float: none;
	overflow-y: hidden;
	padding-top: 24px;
}
.myfav .oprbtn_box a img{
	width: auto;
	height: 106px;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.myfav ul.prop_list>li{
	width: 48%;
	margin-left: 4%;
	display: inline-block;
	margin-bottom: 50px;}
.myfav  ul.prop_list>li:nth-child(2n+1){ margin-left: 0%;}
.myfav ul.prop_list .case_box ul.pick_spec {
	margin-top: 4px;
}
.myfav ul.prop_list h4 {
    font-size: 1.1rem;

}
.myfav ul.prop_list h4 strong {
	font-size: 1.3rem;
	
}

.myfav ul.prop_list h4 small {
    font-size: 1rem;
}
.myfav h3{
	font-size: 1.7rem;
	text-align: center;
	padding-bottom: 10px;
}
.myfav h3:after{
	display: none;
}
.loan_atten{
	font-size: 1.1rem;
	clear: both;
	display: block;
	margin-top: 0px;
}

/* ##### renocolle_index_about ##### */
.renocolle_index_aboutBox dt { font-size: 2rem; }
.renocolle_index_aboutBox dd { font-size: 1.2rem; }



/* ボタン */
input[type="submit"].comm_btn,
input[type="reset"].comm_btn,
input[type="button"].comm_btn{
	font-size: 1.4rem;
	padding-left: 10vw;
	padding-right: 10vw;
	padding-top: 10px;
	padding-bottom: 10px;
}


a.comm_btn{
	font-size: 1.4rem;
	padding-left: 10vw;
	padding-right: 10vw;
	min-width: 33vw;
	padding-top: 10px;
	padding-bottom: 10px;
}

a#autoPage.comm_btn{
display: block;
margin-left: auto;
margin-right: auto;
}
a.comm_btn_gray{
	font-size: 1.4rem;
	padding-left: 10vw;
	padding-right: 10vw;
	min-width: 33vw;
	padding-top: 10px;
	padding-bottom: 10px;
}
a.comm_btn_orang{
	font-size: 1.4rem;
	padding-left: 10vw;
	padding-right: 10vw;
	min-width: 33vw;
	padding-top: 10px;
	padding-bottom: 10px;
}
a.comm_btn_emeral{
	font-size: 1.4rem;
	padding-left: 10vw;
	padding-right: 10vw;
	min-width: 33vw;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*SP用アコーディオン*/
.toggle_switch {
  position: relative;
  cursor: pointer;
}
.toggle_switch::after {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	transform: translateY(-50%);
	transition: transform .2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
}
.toggle_switch.open {

}
.toggle_contents {
  display: none;
}

/* 横割り等分設定 */
ul[class*="spl_"]{ 
    display:block;
}
ul[class*="spl_"]>li{ width: 100%!important;}
ul.spl_4>li{ width: 50%!important;}
ul.spl_5 li{ width: 33%; }
ul.spl_5 li:first-child{ width: 34%; }
ul.spl_5 li:nth-child(-n+3){ }
ul.spl_5 li:nth-child(n+4){ width: 50%; border-top: 1px solid #E0E0E0;}
ul.spl_6 li{ width: 33%; }
ul.spl_6 li:nth-child(3n-2){ width: 34%; }
ul.spl_6 li:nth-child(n+4){ border-top: 1px solid #E0E0E0; }

ul.prop_list>li{ width: 48%; margin-left: 4%;}
ul.prop_list>li:nth-child(4n+1){ margin-left: 0%;}
ul.prop_list>li:nth-child(2n+1){ margin-left: 0%;}




/* 通常物件BOX */
.prop_box em { font-size: 1.0rem; line-height: 1.5em; margin-bottom: 8px; }
/*.prop_box .icon_box{ display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 8px;
	height: auto;
}
.prop_box .icon_box span {
	font-size: 1.0rem;
	line-height: 1.2em;
	padding-top: 0px;
	padding-bottom: 0px;
	letter-spacing: -0.1em;
}*/

.prop_box h4 {
	font-size: 1.2rem;
	margin-top: 12px;
	margin-bottom: 6px;
	overflow-y: hidden;
	
}
.prop_box h4 strong{

	font-size: 1.3rem;
}
.prop_box .loan_box {
	font-size: 1.0rem;
	line-height: 1.2em;
}
.prop_box h4 small {
	display: inline-block;
	font-size: 1.0rem;
	margin-left: 2%;
	padding-left: 2%;
	padding-right: 2%;
	float: none;
	text-align: center;
	line-height: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.prop_box ul.reno_spec li {
	font-size: 1rem;
	padding-bottom: 4px;
	
}
.prop_box .vr-heart{
	margin-left: 10px;
	margin-top: -35px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.prop_box .vr_box {

}
.prop_box .vr_box a {
	font-size: 0.8rem;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6%;
	padding-right: 6%;
	width: auto;
}
ul.case_sl li a.vr_link,
#map_info-sp a.vr_link {
	font-size: 0.8rem;
	padding-right: 4px;
	line-height: 1em;
}
.vr_link:before{
	height: 16px;
	width: 7vw;
	margin-right: 2px;
	background-size: 90% auto;
}

/* star */
.photo_star {
	width: 15%;
	padding-top: 12%;
}
/*事例BOX*/
.case_box em{
	font-size: 1.1rem;
	margin-bottom: 4px;
	
}
.case_box h4{
	font-size: 1.2rem;
	padding-top: 6px;
	padding-bottom: 2px;
	
}
.case_box ul.pick_spec {
	padding-top: 0px;
	padding-bottom: 4px;
}
.case_box ul.pick_spec li{
	font-size: 1rem;
	padding-bottom: 2px;
	
}


/**ジャーナルBX**/
#journal_list{
	overflow: hidden;
	padding-top: 10px;
}
#journal_list li {
	padding-bottom: 24px;
	padding-left: 2%;
	padding-right: 2%;
}

.journal_box .photo_ratio .photo_ontxt strong{
	font-size: 1.3rem;
	padding-top: 4vw;
}
.journal_box .photo_ratio .photo_ontxt small{
	display: inline-block;
	text-align: center;
	font-size: 1rem;
	border-top: 1px solid rgba(255,255,255,1.00);
	padding-top: 10px;
	margin-top: 10px;
	padding-left: 2%;
	padding-right: 2%;
}
.journal_box .photo_ratio .photo_ontxt span{
font-size: 1.2rem;
margin-top: 6px;
}
.journal_box .photo_under{
	font-size: 1.0rem;
	margin-top: 0px;
	margin-top: 10px;
}

/**セミナーBOX**/
#seminar_list{
	overflow: hidden;
	padding-top: 10px;
}
#seminar_list li {
	height: auto;
	text-align: left;
	padding-bottom: 24px;
	margin-left: 0px;
	width: 100%;
}
.seminar_box {
}
.seminar_box strong {
	font-size: 1.1rem;
	padding-left: 6px;
}
.seminar_box .seminar_border .semi_data {
    padding: 6px;
    font-size: 1.1rem;
}
.seminar_box .seminar_border .semi_name .semnew_box{
	font-size: 1rem;
}
.seminar_box .seminar_border .semi_name .name_txt {
	padding-top: 6px;
	padding-right: 24px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 1.1rem;
	line-height: 1.2em;
}
.seminar_box .seminar_border .semi_name .name_txt:after{
	width: 20px;
	height: 20px;
}

.seminar_box .seminar_border .semi_name .name_txt h3 {
	font-size: 1.2rem;
	padding-bottom: 6px;
}

.seminar_box .seminar_border .semi_name .name_txt p{
	font-size: 1.1rem;
	height: auto;
	position: static;
}
.seminar_box .seminar_border .semi_name .name_txt p:before,
.seminar_box .seminar_border .semi_name .name_txt p:after {
	display: none;
}


.seminar_box .seminar_border .semi_recom {
	font-size: 1.1rem;
	padding: 8px;
	line-height: 1.2em;
}
.seminar_box .seminar_border .semi_recom em {
    font-size: 1.2rem;
    padding-bottom: 2px;
}
.seminar_box .seminar_border .semi_recom .recom_list{
	width: 100%;
}
.seminar_box .seminar_border .semi_recom div:nth-of-type(2n){ margin-left: 0%;}
.seminar_box .seminar_border .semi_recom div:nth-of-type(2n-1){
	margin-left: 0%;
}
.seminar_box .seminar_border .semi_recom div:nth-of-type(n+4){

}

/*非公開物件BOX*/
ul.prprop_sl{
	text-align: center;
}
ul.prprop_sl>li{
	position: static;
	padding-top: 0px;
	width : -webkit-calc(100% - 20px);
	width : calc(100% - 20px);
	margin-left: 0%;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 2px solid #000000;
	margin-bottom: 20px;
}

ul.prprop_sl>li .draw_box{
	font-size: 1.7rem;
	position: static;
}
ul.prprop_sl>li .prprop_ttl{
	font-size: 1.9rem;
	padding-top: 0.75em;
}
ul.prprop_sl>li .btn-heart{
	margin-top: 14px;
}
ul.prprop_sl>li .btn-heart .photo_star{
	float: right;
	width: 13%;
	padding-top: 10%;
	margin-left: 0px;
}
ul.prprop_sl>li .btn-heart a.comm_btn{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 1.5rem;
	width: 70%;
}

ul.prprop_info {
	padding-top: 8px;
}
ul.prprop_info li{
	padding-bottom: 0.25em;
	font-size: 1.6rem;
}


#breadcrumb ul{ width: 100%; padding-top: 6px; padding-bottom: 6px; padding-left: 2%; padding-right: 2%; }
#breadcrumb ul li a,#breadcrumb ul li p,#breadcrumb ul li h1{ padding-top: 0px; padding-bottom: 0px; }
#breadcrumb ul li strong{ padding-top: 0px; padding-bottom: 0px;}

/**フォーム送信系BOX**/
.btnsbm_box{
	padding-bottom: 40px;
	padding-top: 40px;
	}
.btnsbm_box .btn_list{
	width: 75%;
}
.btnsbm_box .btn_list li{
	display: inline-block;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	padding-bottom: 1em;
}

.btnsbm_box .btn_list li.noarr{
	float: none;
}

/**お問い合わせBOX**/
.inq_box {
	padding-top: 20px;
	padding-bottom: 20px;
}
.inq_box .btn_list {
	width: 100%;
	display: inline-block;
	padding-right: 0%;
	border-right-style: none;
}
.inq_box .inq_tel{
	display: none;
}
.inq_box .btn_list li a{
	font-size: 1.2rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2vw;
	padding-right: 2vw;
}
.inq_box .tel_upper{
	display: none;
}
.inq_box .btn_list02{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}
.inq_box .btn_list02 li{
	width: 48%;
	margin-right: 0%;
	padding-bottom: 10px;
}
.inq_box .btn_list02 li:last-child{
	float: none;
}
.inq_box .btn_list02 li:first-child{ margin-right: 0%;}
.inq_box .btn_list02 li a{
	font-size: 1.2rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2vw;
	padding-right: 2vw;
}
.inq_box .btn_list02 li a:after{
	/*display: none;*/
}
.inq_box .btn_list02 li a .photo_star{
	background-image: url(../../../com/img/comm_heart_wh-off.svg);
	display: inline-block;
	float: none;
	vertical-align: initial;
	padding-top: 0.8em;
}


.inq_box a.comm_btn{
	margin-top: 25px;
}


.zero_txt{
	font-size: 1.2rem;
	padding-bottom: 0px;
}
.re_search{
	display: block;
	text-align: center;
	padding-top: 12px;
}
.re_search input[type="submit"],
.re_search a{
	width: 70%;
	font-size: 1.5rem;
}
.inq_box.re_search {
	padding-top: 16px;
	padding-bottom: 0px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.inq_box.re_search p{
	padding-bottom: 20px;
	font-size: 1.7rem;
	padding-top: 20px;
	line-height: 1.8em;
}
.inq_box.re_search .btn_list02{
	display: none;}
.inq_box.re_search a.comm_btn{
}
/*お問い合わせBOXここまで*/

/*ニュース*/
#news_sec dl{
	padding-top: 24px;
	padding-bottom: 20px;
}

#news_sec dl dd{
	padding: 0px;
}
#news_sec dl dd ul{
	padding: 15px;
	border-style: none;
	margin-bottom: 18px;
}
#news_sec dl dd ul li{
	padding-top: 8px;
	padding-bottom: 8px;
}
#news_sec dl dd ul li:last-child{
	border-bottom-style: none;
	padding-bottom: 16px;
}
#news_sec dl dd ul li .news_yymmdd,
#news_sec dl dd ul li .news_catg{
	width: auto;
	margin-right: 8px;
	font-size: 1rem;
	
}

#news_sec dl dd ul li .news_txt{
	display: block;
	margin-top: 2px;
	font-size: 1.2rem;
	width: 100%;
	line-height: 1.4em;
}


/*Slick-Layout*/
ul.topics_sl{
	height: 70vh;
	min-width: auto;
}
ul.topics_sl .slick-slide{
	height: 70vh;
}
ul.topics_sl li .topsl_inner{
	width: 100%;
	min-height: auto;
	height: 100%;
	display: table;
}
ul.topics_sl li .topsl_inner img.topsl_main{
	min-height: auto;
	height: 52vw;
	max-height: 375px;
}
ul.topics_sl li .topsl_inner .topsl_cont{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 50%;
	width: 70%;
}

ul.topics_sl li .topsl_inner .topsl_cont img.logoimg{
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 130px;
}
ul.topics_sl li .topsl_inner .topsl_cont img.logoimg_only{
margin-left: auto;
margin-right: auto;
position: static;
margin: auto;
height: auto;
width: 85%;
}
ul.topics_sl li .topsl_inner .topsl_cont p{
	font-size: 1.3rem;
	line-height: 1.8em;
	padding-top: 1.2em;
}

ul.topics_sl li .topsl_inner .topsl_cont .static_box{
width: 85%;
padding: 5vw;
line-height: 1.4em;
font-size: 1.2rem;
text-align: left;
}
ul.topics_sl li .topsl_inner .topsl_cont .static_box p{
font-size: 1.8rem;
color: #395775!important;
padding-top: 0.75em;
padding-bottom: 0.75em;
}
ul.topics_sl li .topsl_inner .topsl_cont .static_box img.logoimg{
width: 24px;
height: auto;
}

ul.case_sl{
	width: auto;
}
ul.case_sl li{
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0em;
	font-size: 1.1rem;
}
ul.case_sl li a{
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 60px;
}
a#autoPage + img#loading{
	margin-left: auto;
	margin-right: auto;
}
    /**販売済み用上書き**/
    #soldout_box{
    padding-top: 60px;
    }
    #soldout_box h4{
    font-size: 1.6rem;
    }
    #soldout_box p{
    font-size: 1.2rem;
    }



ul.collab_sl{
	width: auto;
}
ul.collab_sl li{
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0em;
	padding-left: 4px;
	padding-right: 4px;
}
ul.collab_sl li a{
}
ul.collab_sl li a img{
	max-width: none;
	width: 90%;
}
ul.collab_sl li a p{
	font-size: 1.1rem;
}
ul.collab_sl li .bg_zoom{
	height: 160px;
}



/*Slick-NextPrev*/
ul.topics_sl button.slick-next{
	right: 4vw;
}
ul.topics_sl button.slick-prev{
	left: 4vw;
}

.case_sl button.slick-next{
	right: 0px;
	width: 25px;
}
.case_sl button.slick-prev{
	left: 0px;
	width: 25px;
}

.collab_sl button.slick-next{
	right: 0px;
	width: 25px;
	background-image: url(../img/comm_arrWH01.svg);
}
.collab_sl button.slick-prev{
	left: 0px;
	width: 25px;
	background-image: url(../img/comm_arrWH01.svg);
}



/* Slick-Dots */
ul.topics_sl .slick-dots {
	bottom: calc(10px + 2.5vw);
}
ul.topics_sl .slick-dots li {
	width: 12%;
}
ul.topics_sl .slick-dots li button:before {
	height: 6px;}

ul.ttl_img .slick-dots {
	bottom: 25px;
	left: 0px;
}


/* タイトル表示（マイリノ・リノコレ） */
/*大*/
.sub_com_ttl {
	margin-top: 0px;
	width: 100%;
}
.sub_com_ttl .cate_ttl{
	width: 150px;
	padding-top: 36px;
}
.sub_com_ttl .ttlsl{
	width : -webkit-calc(100% - 150px);
	width : calc(100% - 150px);
	min-width: auto;
	height: 150px;
}
.sub_com_ttl_img {
	margin-bottom: 9px;
}
.sub_com_ttl_text { font-size: 1rem; }


/*小*/
.sub_com_Sttl {
	min-width: auto;
	margin-top: 0px;
}
.sub_com_Sttl_img { width: 135px; margin-right: 15px; }
.sub_com_Sttl_text { font-size: 1.2rem; }

}


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

/* タイトル表示（マイリノ・リノコレ） */
/*小*/
.sub_com_Sttl_img { width: 120px; margin-right: 12px; }
.sub_com_Sttl_text { font-size: 1.1rem; }
}

@media only screen and (min-width: 1201px) {
.sub_com_ttl:before{
	content: "";
	width: 1px;
	height: 290px;
	background-color: #C8C8C8;
	position: absolute;
	top: 0px;
	left: 0px;
}
.sub_com_ttl:after{
	content: "";
	width: 1px;
	height: 290px;
	background-color: #C8C8C8;
	position: absolute;
	top: 0px;
	right: 0px;
}
}