@charset "utf-8";
/*
 * CSS common.css
 */
/* ---------------------------------------
commonModule
--------------------------------------- */
/* clerfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }

/* section */
.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.section { min-height: 1px; }
/*.section p{ text-align: justify; text-justify: distribute; }
.section dd{ text-align: justify; text-justify: distribute; }
*/* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* incnt */
.incnt:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.incnt { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* insec */
.insec:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.insec { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* inbox */
.inbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.inbox { min-height: 1px; }

/* cnt floaf */
.cnt_left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_left { min-height: 1px; float: left; }
.cnt_right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_right { min-height: 1px; float: right; }

/* inlineBlock */
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }

/* boxSize */
.boxSize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }









/* ---------------------------------------
initSetteing
--------------------------------------- */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; }



/* ---------------------------------------
form
--------------------------------------- */
/* form */
form input[type="text"],
form input[type="password"]{
	width: 100%;
	max-width:100%;
	height: 35px;
	padding: 2px 5px;
	line-height: 1;
	box-sizing: border-box;
	font-size: 16px;
	border:1px solid #ccc;
}
form input[type="password"]{
	font-family: 'メイリオ',Meiryo,sans-serif;
}
form textarea {
	width: 100%;
	max-width:100%;
	height: 100px;
	padding: 2px 5px;
	box-sizing: border-box;
	font-size: 16px;
	border:1px solid #ccc;
}
form select {
	padding: 2px 5px;
	font-size: 16px;
	border:1px solid #ccc;
}

form p.ermsg { color: #cb1c24; }

/* */
li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }

button,
input[name="submit"],
input[type="submit"]{
	_padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
}

/* ---------------------------------------
sup sub
--------------------------------------- */
sup {
	font-size: 60%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sub {
	font-size: 60%;
	vertical-align: baseline;
	position: relative;
	display: inline-block;
	margin-left: 1px;
}

/* ---------------------------------------
form
--------------------------------------- */
iframe.common_form{
	width:960px;
	overflow:hidden;
}
@media screen and (max-width: 767px) {
	iframe.common_form{
		width:100%;
	}
}
/* ---------------------------------------
.btn_type
--------------------------------------- */
.btn_type{
	color: #FFF!important;
	font-size: 1.15em;
	_font-weight: bold!important;
	border: 1px solid #CDC7C0;
	border-radius: 10px;
	text-align: left;
	text-align: center;
	_padding-left: 30px;
	padding-left:60px;
	padding-right:70px;
	position: relative;
	margin: 0 6px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	height: 40px;
}
a.btn_type{
	padding: 5px 70px 5px 60px;
	height: auto;
	margin: 0 auto;
}

.btn_type:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	cursor: pointer;
}
/* 赤 決定 */
.btn_type.style1{
	/*width: 180px;*/
	background: #BC022B url(../img/common/ico_com_arrow.png) no-repeat 90% center;
}
/* 灰 戻る */
.btn_type.style2{
	/*width: 140px;*/
	padding-left:70px;
	padding-right:60px;
	background: #AAAAAA url(../img/common/ico_com_arrow_l.png) no-repeat 10% center;
}
/* 緑 HEMS */
.btn_type.style3{
	/*width: 430px;*/
	background: #8CC341 url(../img/common/ico_com_arrow.png) no-repeat 95% center;
}
/* 茶 汎用 */
.btn_type.style4{
	/*width: 180px;*/
	background: #5A463F url(../img/common/ico_com_arrow.png) no-repeat 90% center;
}
/* ピンク フォトコンテスト */
.btn_type.style5{
	padding: 10px 80px 10px 70px;
	background: #ff7bac url(../img/common/ico_arrow_r3.png) no-repeat 95% center;
}
/* オレンジ コメント */
.btn_type.style6{
	padding: 10px 70px 10px 60px;
	background: #E8782B url(../img/pleasure_common/ico4.png) no-repeat 95% center;
}
/* 白戻る */
.btn_type.style7{
	padding: 10px 60px 10px 60px;
	background: #fff url(../img/common/ico_arrow_l.png) no-repeat 5% center;
	border:2px solid #c4beb7;
	color:#59473e!important;
}
/* 白進む */
.btn_type.style8{
	padding: 10px 60px 10px 60px;
	background: #fff url(../img/common/ico_arrow_r.png) no-repeat 95% center;
	border:2px solid #c4beb7;
	color:#59473e!important;
}

/* 緑リフォーム */
.btn_type.style9{
	padding: 10px 80px 10px 70px;
	background: #72bf83 url(../img/common/ico_com_arrow.png) no-repeat 95% center;
}

/* 茶色 201609親子企画 */
.btn_type.style10{
	padding: 10px 80px 10px 70px;
	background: #804f20 url(../img/common/ico_com_arrow.png) no-repeat 95% center;
	font-size:1.3em;
}

/* 緑色 201609ライフサポート */
.btn_type.style11{
	padding: 10px 80px 10px 70px;
	background: #36b38c url(../img/common/ico_com_arrow.png) no-repeat 95% center;
	font-size:1.3em;
}

/* オレンジ　不動産 */
.btn_type.style12{
	padding: 10px 80px 10px 70px;
	background: #E8782B url(../img/common/ico_com_arrow.png) no-repeat 95% center;
	font-size:1.3em;
}
@media screen and (max-width: 767px) {
	.btn_type.style12{
		font-size:1.1em;
	}
}

/* 緑 HEMS */
.btn_type.style13{
	width: 50px;
	height: auto;
	text-align: center;
	padding: 7px 0;
	line-height: 1;
	background: #8CC341;
	text-indent: 0;
}
@media screen and (max-width: 767px) {
	.btn_type.style13{
		display: block;
		width: 100px!important;
		height: auto;
		text-align: center;
		padding: 7px 0;
		margin: 10px auto 10px 0;
	}
}

/* 赤色 201612ライフサポート */
.btn_type.style14{
	padding: 10px 80px 10px 70px;
	background: #D45E63 url(../img/common/ico_com_arrow.png) no-repeat 95% center;
	font-size:1.5em;
}
@media screen and (max-width: 767px) {
	.btn_type.style14{
		font-size:1.2em;
	}
}

/* 緑色 202011マンションオーナー */
.btn_type.style15{
	background: #7BC6B4 url(../img/common/ico_com_arrow.png) no-repeat 95% center;
}

/* 白 202107 家族情報追加 */
/* span.btn_type{
	padding: 5px 70px 5px 60px;
	height: auto;
	margin: 0 auto;
	display: inline-block;
} */

/* 追加 */
.btn_type.style16{
	background: #59473e url(../img/common/ico_add_wh.png) no-repeat 90% center;
	background-size: 20px;
	border:2px solid #59473e;
	color:#fff!important;
}

/* 編集 */
.btn_type.style17{
	height: auto;
	display: inline-block;
	padding: 2px 30px 2px 30px;
	/* background: #59473e url(../img/common/ico_add_wh.png) no-repeat 95% center; */
	background: #fff;
	/* background-size: 16px; */
	border:2px solid #59473e;
	color:#59473e!important;
	font-size: 1.0em;
}
/* 削除 */
.btn_type.style18{
	height: auto;
	display: inline-block;
	background: #fff url(../img/common/ico_close_br.png) no-repeat 10px center;
	background-size: 14px;
	background: #ddd;
	padding: 2px 15px;
	border:2px solid #ddd;
	color:#59473e!important;
	font-size: 1.0em;
}
@media screen and (max-width: 767px) {
	.btn_type.style17,
	.btn_type.style18{
		width: auto!important;
		box-sizing: border-box;
		padding: 2px 5px;
	}
	.btn_type.style16{
		max-width: 80%;
	}
}
/* 白ボタン 家族LP */
.btn_type.style19{
	/* height: auto; */
	/* display: inline-block; */
	/* padding: 2px 30px 2px 30px; */
	/* background: #59473e url(../img/common/ico_add_wh.png) no-repeat 95% center; */
	background: #fff url(../img/common/ico_com_arrow2_ie8.png) no-repeat 95% center;
	background-size: 22px;

	/* background-size: 16px; */
	border:2px solid #59473e;
	color:#59473e!important;
	/* font-size: 1.0em; */
}

.btn_type.style20{
	padding: 5px 45px 5px 30px;
	background: #fff url(../img/common/ico_com_arrow2_ie8.png) no-repeat 95% center;
	background-size: 22px;
	border:1px solid #999;
	color:#59473e!important;
}



/*.btn_type.w250{ width: 250px; }
.btn_type.w300{ width: 300px; }
*/
@media screen and (max-width: 767px) {
	.btn_type{
		font-size: 1em;
		width: 100%!important;
		text-align: center;
		padding-left: 30px!important;
		padding-right: 30px!important;
		background-position: 95% center!important;
		margin: 0 0 10px;
	}
	.btn_type.style2{
		background-position: 5% center!important;
	}
	.btn_type.style7{
		background-position: 5% center!important;
	}
	a.btn_type{ padding: 8px 5px; }
}


.btn_area{
	padding:20px 0 20px;
	text-align: center!important;
}



/* ---------------------------------------
text
--------------------------------------- */
.txt_bold{
	font-weight: bold;
}
.txt_normal{
	font-weight: normal;
}
.txt_red{
	color: #AE272D;
}
.txt_red2{
	color: #e31c24;
}

/* ---------------------------------------
commonSetteing.text
--------------------------------------- */
/* txt float */
.tc { text-align: center!important; }
.tl { text-align: left!important; }
.tr { text-align: right!important; }

/* float 文字回り込み禁止 */
.tclear { overflow:auto; zoom:1; }

/* p indext */
p.indent, p.indent { padding-left: 1em; text-indent: -1em; }



/* ---------------------------------------
commonSetteing.image
--------------------------------------- */
/* imgFloat */
img.left { float: left; margin-right: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.right { float: right; margin-left: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }



/* ---------------------------------------
commonSetteing.list
--------------------------------------- */
/* li-ol indext */
ul.indent li, ol.indent li { padding-left: 1em; text-indent: -1em; }

ul.indent1 li {
	text-indent: -1em;
	padding-left: 1em;
}
ul li.indent1 {
	text-indent: -1em;
	padding-left: 1em;
}
ul.indent1h li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
ul li.indent1h {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
ul.indent2 li {
	text-indent: -2em;
	padding-left: 2em;
}
ul li.indent2 {
	text-indent: -2em;
	padding-left: 2em;
}


/* li caution */
ul.caution { padding-top: 0px; font-size: 0.9em; }
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content:"※"; }

/* li center */
ul.center { text-align:center; }
ul.center li { display: inline-block; }





/* ---------------------------------------
commonSetteing.container
--------------------------------------- */
/* incnt */
.incnt { width: 960px; margin: 0 auto; }
@media screen and (max-width: 767px) {
	.incnt { margin: 0 3%!important; width: 94%!important; }
}
@media screen and (max-width: 639px) {
	/*.incnt { margin: 0 5%!important; width: 90%!important; }*/
}



/* ---------------------------------------
commonSetteing.css3
--------------------------------------- */
/* trandition モダンブラウザ+IE10〜 ※mozもなくていいかも */
.trd { -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
.trd:hover { -webkit-transition: 0.4s; -moz-transition : 0.4s; transition : 0.4s; }
@media screen and (max-width: 640px) {
	.trd { -webkit-transition:none; -moz-transition :none; transition :none; }
	.trd:hover { -webkit-transition:none; -moz-transition :none; transition :none; }

}
/* transitionスムージング モダンブラウザ+IE10〜 ※mozもなくていいかも */
.smooth { -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1); transition: all 0.3s cubic-bezier(1, 0, 0, 1); }

/* box-shadow モダンブラウザ+IE9〜 */
.shadow { -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px rgba(0,0,0,0.4); }

/* border-radius モダンブラウザ+IE9〜 ※webkitもなくていいかも */
.radius { -webkit-border-radius: 4px; border-radius: 4px; }

/* opacity モダンブラウザ+IE8〜 */
.opacity { -ms-filter: "alpha(opacity=6)"; opacity:0.6; }

/* フラッシュbtn */
.flashbtn { opacity: 1; }
.flashbtn:hover { opacity: 1; -webkit-animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }
@keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }

/* グレースケールbtn */
.greytbtn { -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.greytbtn:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* 拡縮回転btn */
.scalerotatebtnbox { overflow: hidden; width: 140px; height: 99px; }
.scalerotatebtnbox img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: none; }
.testbtnbox:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); }

/* 拡縮btn */
.zoombtnbox { overflow: hidden; width: 149px; height: 99px; }
.zoombtnbox img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.zoombtnbox:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }




/* ---------------------------------------
commonSetteing.display
--------------------------------------- */
/* display adjust */
.middlethide, .tablethide, .sphide, .landhide, .porthide { display: block; }
.tabletblock, .middleblock, .spblock, .landblock, .portblock { display: none; }
@media screen and (max-width: 959px) {
	.tabletblock { display: block; }
	.tablethide { display: none!important; }
}
@media screen and (max-width: 767px) {
	.middleblock { display: block; }
	.middlehide { display: none!important; }
}
@media screen and (max-width: 639px) {
	.landblock { display: block; }
	.landhide { display: none!important; }
}
@media screen and (max-width: 479px) {
	.spblock { display: block; }
	.sphide { display: none!important; }
}
@media screen and (max-width: 400px) {
	.portblock { display: block; }
	.porthide { display: none!important; }
}



/* ---------------------------------------
privateCommonSetteing
--------------------------------------- */
/* txt */
/* a:link,
a:visited { color:#58463D; font-weight: inherit;}
a:hover,
a:active { color:#896F63; } */
.txtbold { font-weight: bold; }
.txtbase { color: #00a99d; }
.txtsmall { font-size: 0.93em; }
.txtbig1 { font-size: 1.15em; font-weight: bold; }
.txtbig2 { font-size: 1.29em; font-weight: bold; }
.txtbasebig { color: #00a99d; font-size: 1.15em; font-weight: bold; }
.textRed{ color: #E41C24!important; }



/*
.section{
	border-top: 5px solid #f00;
	border-bottom: 5px solid #0f0;
}
*/




/* title */
.pagetitle{
	color: #B8272D;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CDC7C0;
}
.pagetitle.style2{ color: #58463D; }
.pagetitle.style3{ color: #008945; }
.pagetitle.style4{ color: #79C842; }
.pagetitle.style5{ color: #FF7AAB; }

.sectitle{
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px solid #CDC7C0;
}
.sectitle>img{ height: 22px; width: auto; }

@media screen and (max-width: 639px) {
	.pagetitle{ font-size: 1.3em; }
}


.bb{ border-bottom: 1px solid #CDC7C0;}
.btn_more{
	font-weight: bold!important;
	padding: 2px 10px;
	position: absolute;
	top: 8px; right: 20px;
	text-decoration: none;
	background: #CDC7C0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #CDC7C0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_more:hover{ background: #FFF; }
@media screen and (max-width: 767px) {
	.btn_more{
		display: block;
		text-align: center;
		width: 100%;
		position: static;
		padding: 4px 10px;
		margin-bottom: 10px;
	}
}

.ico_blank{
	padding-right: 18px;
	font-weight: inherit;
	background: url(../img/common/ico_blank.png) no-repeat right center;
}
.ico_pdf{
	padding-right: 26px;
	font-weight: inherit;
	background: url(../img/common/ico_pdf.png) no-repeat right center;
}

.sec_style{
	border: 2px solid #CDC7C0;
	padding: 0 25px;
	margin: 0 0 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #FFF;
	position: relative;
}
@media screen and (max-width: 767px) {
	.sec_style{padding: 0 15px; }
}





.wysiwyg .wysiwyg_btn1{
	display: block;
	color: #FFF;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	background: #5A463F url(../img/living_common/ico_arrow.png) no-repeat 98% center;
	-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
}
.wysiwyg .wysiwyg_btn1:hover{
	-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

strong,
strong span{
	font-weight: bold;
}
img.aligncenter{
	display: block;
	margin:0 auto;
}
img.alignleft{
	display: block;
	margin-right: auto;
}
img.alignright{
	display: block;
	margin-left: auto;
}








/* ---------------------------------------
commonSetteing.margin-padding
--------------------------------------- */
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }
/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }


/* ---------------------------------------
js.class
--------------------------------------- */
.btnfade { } .btnchange { } .innerfade { } .innerchange { } .change { } .imgChange { } .img { } .icon { }.icon { }  .txt { } .copy { } .title { } .sectitle { } .subtitle { }