@charset "UTF-8";



.gMenu_sub2 ul li span a {
    padding: 0 18px;
}


.main_title .lead_msg strong {
	margin-right: 150px;
	font-weight: bold;
	font-size: 120%;
}
main .emphasis {
  color: #e11215;
  font-weight: normal;
}

/*
.shadow_box custom
*/
.shadow_box_wrapper .shadow_box{
	padding-top: 30px;
}

/*
.tbl1 custom
*/
.main .sect ol + .tbl1,
.main .sect p + .tbl1 {
	margin-top: 40px;
}
.main .sect .tbl1 dt {
	vertical-align: top;
}
.main .sect .tbl1 .tri_link_anchor {
	margin-bottom: 0;
}


/* .float_wrapper */
main .float_wrapper .txt {
	width: 470px;
	float: left;
}
main .float_wrapper .w670 {
	width: 670px;
}
main .float_wrapper .txt strong {
	font-weight: bold;
	font-size: 120%;
	display: block;
	padding-bottom: 20px;
}
main .float_wrapper .txt p + p {
	margin-top: 1.5em;
}
main .float_wrapper .txt .pinch_icon > img {
	max-width: 100%;
}
main .float_wrapper .txt .annotation,
main .float_wrapper .txt .tri_link_anchor {
	margin-bottom: 0px;
}
main .float_wrapper .pic {
	width: 400px;
	float: right;
}
main .float_wrapper .w200 {
	width: 200px;
}
main .float_wrapper .pic img {
	max-width: 100%;
}

/* .overimg_block */
main .overimg_block{
	text-align:center;
	width: 978px;
	margin: 20px 0 0 -28px;
}
main .overimg_block img {
	max-width: 100%;
} 

/* ul.column-box */
main ul.column2-box{
	text-align:center;
	padding:5px 0 0 0;
}
main p + ul.column2-box {
	margin-top: 15px;
}
main ul.column2-box li{
	text-align:left;
	display:inline-block;
	width:400px;
	vertical-align:top;
	margin:0 15px 5px 15px;
}
main .column2-ttl{
	font-weight:bold;
	padding:20px 0 5px 36px;
}
main ul.column2-box li .img_caption {
	text-align: center;
}
main ul.column2-box li ol.annotation li {
	margin: 0 0 4px 0;
}

main ul.column3-box{
	text-align:center;
	padding:20px 0 0 0;
}
main p + ul.column3-box {
	margin-top: 15px;
}
main ul.column3-box li{
	text-align:left;
	display:inline-block;
	width:270px;
	vertical-align:top;
	margin:0 15px 5px 15px;
}
main ul.column3-box li img{
	width:100%;
}

/* ul.pic */
main ul.pic li {
	display:table-cell;
	text-align:left;
	padding-left:38px;
}
main ul.pic li img {
}

/* .before_after */
main .before_after {
	text-align:center;
	padding-top:20px;
}
main .before_after p {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
main .before_after p.arrowBlock {
	background:url(../img/arrow_r.png) no-repeat center top;
	width:50px;
	height:74px;
}
main .before_after + .img_caption {
	text-align: center;
	margin-top: 20px;
}

/* .dot_list */
main ul.dot_list {
	margin: 0 1em 0 2.2em;
}
main p + ul.dot_list {
	margin-top: 1em;
}
main ul.dot_list li {
	list-style: outside disc;
}

/* utility */
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.taC { text-align: center !important; }
.taR { text-align: right !important; }



/*
lifestyle_list
*/
.lifestyle_list{
	padding:50px 0 50px; 0;
	width:960px;
	margin:0 auto;
}
.lifestyle_list header h2{
	font-weight: bold;
	font-size:120%;
	margin-bottom: 20px;
}
.lifestyle_list ul.txt_link_list.rvs.pdt_mh li strong {
    font-weight: normal;
}




/*---------------------------------------------------------
smartpalcon
---------------------------------------------------------*/
.smartpalcon main .sect1 .pic {
	margin-top: 1.9em;
}
.smartpalcon main .sect3 .contents_tab {
	box-sizing: border-box;
	padding: 10px 0 10px 1.6%;
	margin-bottom: 40px;
}
.smartpalcon main .sect3 .contents_tab li {
	box-sizing: border-box;
	width: 15.4%;
	float: left;
	margin-right: 1.2%;
}
.smartpalcon main .column2-ttl{
	padding: 10px 0 10px 56px;
	margin-bottom: 10px;
	position: relative;
	color: #727171;
	line-height: 1.4;
}
.smartpalcon main .column2-ttl:after {
	content: '';
	display: block;
	width: 49px;
	height: 49px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -24px;
}
.smartpalcon main .column2-ttl.icon1:after {
	background: url(../smartpalcon/img/sect3_icn01.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon2:after {
	background: url(../smartpalcon/img/sect3_icn02.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon3:after {
	background: url(../smartpalcon/img/sect3_icn03.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon4:after {
	background: url(../smartpalcon/img/sect3_icn04.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon5 {
	margin-bottom: 0;
}
.smartpalcon main .column2-ttl.icon5:after {
	background: url(../smartpalcon/img/sect3_icn05.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon6:after {
	background: url(../smartpalcon/img/sect3_icn06.png) 0 0 no-repeat;
}
.smartpalcon main .column2-ttl.icon6 span {
	font-weight: bold;
	color: #7ecef4;
}
.smartpalcon .main_title .float_wrapper{
	overflow: hidden;
	position: relative;
	padding-bottom: 30px;
}
.smartpalcon .main_title .float_wrapper .link_zeh{
	width:292px;
	right: 0;
	bottom:0;
	text-align: center;
	position: absolute;
	font-size:86%;
}
.smartpalcon .main_title.bottom{
	margin-bottom: 0px!important;
}
.smartpalcon .main_title.bottom .float_wrapper .link_zeh{
	width:292px;
	text-align: center;
	top:auto;
	right:auto;
	position: relative;
	float: right;
	margin:0 30px 0 0;
	font-size:86%;
	line-height: 1.3!important;
}
.smartpalcon .main_title .float_wrapper .link_zeh p{
	margin-top:6px;
}
.smartpalcon .main_title .float_wrapper .link_zeh p a{
	display: block;
	height:28px;
	line-height: 28px;
	border-radius: 4px;
	border:2px solid #abcd5a;
	font-weight: bold;
	font-size:120%;
}
.smartpalcon .main_title .float_wrapper .link_zeh p a:hover{
	text-decoration: none;
	background:#abcd5a;
	color:#fff;
}

/*---------------------------------------------------------
garage
---------------------------------------------------------*/
.to_sp_garage.tri_link_anchor{
	margin:0;
	text-align: right;;
}
.to_sp_garage.tri_link_anchor li{
	text-align: right;
	margin:0;
	padding-top:40px;
}



@media screen and (max-width: 834px) {
	#page_content {
	    padding: 76px 0 10px 0;
	}
	main .sect1{
		margin:24px 0;
	}

	/*
	.shadow_box custom
	*/
	.main.shadow_box_wrapper {
		width: 92%;
	}
	.shadow_box_wrapper .shadow_box {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding-bottom:15px;
	}

	/* .float_wrapper */
	main .float_wrapper .txt {
		width: 100%;
		float: none;
	}
	main .float_wrapper .pic {
		width: 100%;
		float: none;
		padding-top: 30px;
		text-align:center;
	}
	main .float_wrapper .pic img {
		width: auto;
		max-width: 100%;
	}
	main .float_wrapper .txt.w670,
	main .float_wrapper .pic.w200 {
		width: 100%;
	}

	/* .overimg_block */
	main .overimg_block{
		width: auto;
		margin: 20px 0 0 0;
	}

	/* ul.column-box */
	main .column2-ttl{
		padding:20px 0 5px 0px;
	}

	/* ul.pic */
	main ul.pic {
		overflow:visible;
		display:block;
	}
	main ul.pic li {
		display:block;
		text-align:none;
		padding-left:0;
		margin:0 0 20px 0;
	}
	main ul.pic li img {
		width:auto;
	}

	/* .before_after */
	main .before_after p {
		display:block;
		text-align:center;
		vertical-align:middle;
	}
	main .before_after p.arrowBlock {
		background:url(../img/arrow_b.png) no-repeat center;
		width:auto;
		height:50px;
	}
	main .before_after + .img_caption {
		text-align: left;
		margin-top: 10px;
	}

	/* utility */
	main .is-pc {
		display: none;
	}

	/*---------------------------------------------------------
	small-land
	---------------------------------------------------------*/
	.small-land .shadow_box_wrapper .shadow_box {
		padding-top: 0;
	}

	/*---------------------------------------------------------
	smartpalcon
	---------------------------------------------------------*/
	.smartpalcon main .sect1 .pic {
		margin-top: 0;
	}
	.smartpalcon main .sect3 .contents_tab li {
		width: 31.8%;
	}
	.smartpalcon main .sect3 .contents_tab li:nth-child(n+4) {
		margin-top: 1%;
	}
	.smartpalcon .main_title .float_wrapper{
		padding-bottom: 0;
	}
	.smartpalcon .main_title .float_wrapper .link_zeh,
	.smartpalcon .main_title.bottom .float_wrapper .link_zeh{
		width:auto;
		right: auto;
		top:auto;
		float: none;
		text-align: left;
		position: relative;
		margin:0 auto;
	}
	.smartpalcon .main_title.bottom .float_wrapper .link_zeh{
		margin:40px auto 0;
	}
	.smartpalcon .main_title .float_wrapper .link_zeh p{
		margin-top:6px;
		width:292px;
		text-align: center;
	}



	/*
	lifestyle_list
	*/
	.lifestyle_list{
		padding:50px 0 50px; 0;
		width:92%;
		margin:0 auto;
	}


}

@media screen and (max-width: 500px) {
	.main_title .lead_msg {
		margin-right: 0px;
	}

	/* ul.column-box */
	main ul.column2-box{
		text-align:center;
	}
	main ul.column2-box li{
		text-align:left;
		display:inline-block;
		width:auto;
		vertical-align:top;
		margin:0 0 15px 0;
	}
	main ul.column2-box li:last-child{
		margin-bottom:0px;
	}
	main ul.column3-box li{
		text-align:left;
		display:block;
		width:auto;
		vertical-align:top;
		margin:0 0px 15px 0px;
	}

	/* ul.pic */
	main ul.pic li img {
		width:100%;
	}
	main ul.pic li:last-child{
		margin-bottom:0px;
	}

	/*---------------------------------------------------------
	smartpalcon
	---------------------------------------------------------*/
	.smartpalcon main .sect3 .contents_tab {
		padding: 10px 0 10px 4%;
	}
	.smartpalcon main .sect3 .contents_tab li {
		width: 47.4%;
	}
	.smartpalcon main .sect3 .contents_tab li:nth-child(n+3) {
		margin-top: 1%;
	}

}
