@charset "utf-8";
@media screen and (max-width:768px) {
	/*------------------------------------------------------------------------------------------
	*
	*
		 Responsive / SP
	*
	*
	------------------------------------------------------------------------------------------ */

	/* ------------------------------------------------------------
	*
		 #main_visual
	*
	------------------------------------------------------------ */
	#main_visual {
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0 0 20px 0;
		background-color:#f6f6f6;
		}
	#main_visual_inner {
		width:100%;
		height:100%;
		margin:0 auto;
		position:relative;
		}
	#main_visual_inner .pic_visual {
		/*margin:120px 0 0 0;*/
		 margin: 160px 0 0 0;　/*←　ua change*/
		text-align:right;
		}
	#main_visual_inner .pic_visual img {
		width:100%;
		margin:0 0 -20px 0;
		height:auto;
		}
		
	/*ua add*/
	#main_visual .finishcopyIndex{
		position: absolute;
		width: 100%;
		text-align: center;
		top:-102px;
		background: #C00;
		color: #fff;
		padding: 0.6em;
		font-size: 13px;
		line-height: 1.4;
	}

	#main_visual .finishcopyIndex br.spshow {
		display: inline !important;
	}

	#main_visual .finishcopyIndex em {
		font-size: 11px;
	}/*add ここまで*/	
		
	#main_visual .main_copy {
		width:100%;
		text-align:center;
		position:absolute;
		top:-30px;
		left:0;
		}
	#main_visual .main_copy .copy {
		margin:0 0 15px 0;
		font-size:18px;
		}
	#main_visual .main_copy h2.logo {
		display:none;
		}
	#main_visual .main_copy h2.logo img {
		width:156px;
		height:auto;
		}
	#sns_share {
		width:100%;
		margin:0;
		padding:0 0 0 23px;
		text-align:center;
		position:absolute;
		top:auto;
		bottom:15px;
		left:0;
		}
	#sns_share li {
		margin:0 5px 0 0;
		display:inline-block;
		vertical-align:top;
		}
	/* ------------------------------------------------------------
	*
		 #section_type
	*
	------------------------------------------------------------ */
	#section_type {
		margin:0 0 100px 0;
		padding:0 15px;
		}
	#section_type h3 {
		margin:0 0 15px 0;
		padding:0 0 10px 0;
		font-size:20px;
		border-bottom:1px solid #dbdbdb;
		}
	#section_type h4 {
		margin:0 0 10px 0;
		font-size:14px;
		line-height:1.285em;
		/*white-space:nowrap;*/
		}
	#section_type .type_table {
		margin:0 0 20px 0;
		}
	#section_type table {
		margin:0 0 15px 0;
		width:100%;
		border-bottom:1px solid #dbdbdb;
		}
	#section_type th {
		display:none;
		}
	#section_type td.price {
		width:60%;
		}
	#section_type td.fuel {
		width:40%;
		}
	#section_type td.pic {
		display:none;
		}
	#section_type td {
		font-size:11px;
		vertical-align:middle;
		}
	#section_type td .ruby {
		font-size:8px;
		margin:0 0 10px 0;
		}
	#section_type td .price,
	#section_type td .fuel {
		margin:0 0 15px 0;
		font-size:28px;
		}
	#section_type td .fuel .sup {
		font-size:10px;
		margin-left:-10px;
		}
	#section_type td .small {
		font-size:18px;
		}
	#section_type td .fuel .small {
		margin:0 0 0 5px;
		}
	#section_type td .notes {
		padding:0 0 15px 0;
		color:#8d8d8d;
		line-height:1.6em;
		}
	#section_type .caution {
		margin:20px 0 10px 0;
		text-align:left;
		line-height:1.5em;
		color:#da4058;
		}
	#section_type .detail {
		text-align:center;
		}

	/* ------------------------------------------------------------
	*
		 #section_new
	*
	------------------------------------------------------------ */
	#section_new {
		margin:0 0 105px 0;
		}
	#section_new .detail {
		margin:0 0 20px 0;
		}
	#section_new .pic_full {
		position:relative;
		}


	/* ------------------------------------------------------------
	*
		 #section_styling
	*
	------------------------------------------------------------ */
	#section_styling {
		margin:0 0 105px 0;
		}
	#section_styling .detail {
		margin:0 0 20px 0;
		}
	#section_styling .pic_full {
		position:relative;
		}


	/* ------------------------------------------------------------
	*
		 #section_cabin
	*
	------------------------------------------------------------ */
	#section_cabin {
		margin:0 0 105px 0;
		}
	#section_cabin .detail {
		margin:0 0 20px 0;
		}
	#section_cabin .pic_full {
		position:relative;
		}
	#section_cabin .overlay {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}


	/* ------------------------------------------------------------
	*
		 #section_ecology
	*
	------------------------------------------------------------ */
	#section_ecology {
		margin:0 0 105px 0;
		}
	#section_ecology .detail {
		margin:0 0 20px 0;
		}
	#section_ecology .pic_full {
		position:relative;
		}
	.anim_ecology .overlay {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}


#section_ecology .desc{
    margin: 0 0 20px 0;
}



#section_ecology th, #section_ecology td{
    vertical-align: top !important;
}

#section_ecology .jc08{
    padding: 8px 0 0 0;
}

#section_ecology .fuel{
    padding: 23px 0 0 0;
}

#section_ecology .ruby{
    margin: 0 0 0 2px !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: normal;
}

#section_ecology .sup{
    font-size: 60%;
}



	/* ------------------------------------------------------------
	*
		 #section_active_safety
	*
	------------------------------------------------------------ */
	#section_active_safety {
		margin:0 0 105px 0;
		}
	#section_active_safety .detail {
		margin:0 0 20px 0;
		}
	#section_active_safety .pic_full {
		position:relative;
		}
	#section_active_safety .overlay {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}


	/* ------------------------------------------------------------
	*
		 #section_driving
	*
	------------------------------------------------------------ */
	#section_driving {
		margin:0 0 65px 0;
		}
	#section_driving .detail {
		margin:0 0 20px 0;
		}
	#section_driving .pic_full {
		position:relative;
		}




	/* ------------------------------------------------------------
	*
		 #section_movie
	*
	------------------------------------------------------------ */
	#section_movie {
		margin:50px 0 5px 0;
		}
	#section_movie .section_inner {
		padding:0;
		}
	#section_movie h3 {
		margin:0 0 20px 0;
		padding:0 15px;
		font-size:19px;
		line-height:1em;
		}


	/* ------------------------------------------------------------
	*
		 #section_movie
	*
	------------------------------------------------------------ */
	#section_news {
		margin:0 0 10px 0;
		}
	#section_news .section_inner {
		padding:0;
		}
	#section_news h3 {
		margin:0 0 20px 0;
		padding:0 15px;
		font-size:19px;
		line-height:1em;
		}
	#section_movie .modal_mov_open object,
	#section_movie .modal_mov_open iframe {
		width:100%;
		height:auto;
		}


	/* ------------------------------------------------------------
	*
		 #section_btm_contents
	*
	------------------------------------------------------------ */
	#section_btm_contents {
		padding:0 15px 60px 15px;
		margin:0;
		background-color:#fff;
		}
	#section_btm_contents h4 {
		margin:0 0 20px 0;
		font-size:19px;
		text-align:left;
		white-space:nowrap;
		line-height:1.261em;
		}
	/* ------------------------------
		 .user
	------------------------------ */
	#section_btm_contents .box_link {
		transition:opacity .1s ease;
		position:relative;
		}
	#section_btm_contents .user {
		height:100%;
		overflow:hidden;
		}
	#section_btm_contents .user .col_left {
		width:105px;
		min-width:105px;
		height:80px;
		margin:0 0 15px 0;
		float:left;
		overflow:hidden;
		text-align:center;
		}
	#section_btm_contents .user .col_left img {
		width:auto;
		height:80px !important;
		}
	#section_btm_contents .user .col_right {
		width:auto;
		height:80px;
		padding:0 0 0 10px;
		display:table;
		box-sizing:border-box;
		float:left;
		}
	#section_btm_contents .user .col_right .layout {
		display:table-cell;
		vertical-align:middle;
		}
	#section_btm_contents .user .col_right .more {
		display:none;
		}
	#section_btm_contents .user .col_right .desc {
		display:none;
		}
	#section_btm_contents .user h5 {
		max-width:175px;
		margin:15px 0 10px 0;
		font-size:18px;
		line-height:1.2em;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		}
	#section_btm_contents .user .date {
		margin:0 0 15px 0;
		font-size:11px;
		color:#444;
		}
	#section_btm_contents .user .desc {
		clear:both;
		margin:0 0 3px 0;
		height:2.8em;
		overflow:hidden;
		font-size:14px;
		line-height:1.5em;
		}
	#section_btm_contents .user .more {
		clear:both;
		font-size:14px;
		line-height:1.5em;
		}
	#section_btm_contents .user_voice {
		margin:0 0 50px 0;
		padding:0 0 15px 0;
		}
	/* ------------------------------
		 .store
	------------------------------ */
	#section_btm_contents .store h4 {
		border:none;
		margin:0 0 10px 0;
		}
	#section_btm_contents .store img {
		width:100%;
		height:auto;
		margin:20px 0 0 0;
		}
	#section_btm_contents .store .desc {
		margin:0 0 10px 0;
		font-size:14px;
		line-height:1.5em;
		}
	#rt-personalize-area-a,
	#section_btm_contents .store .detail {
		text-align:center;
		font-size:14px;
		margin:5px auto;
		}
	#rt-personalize-area-a a:after,
	#section_btm_contents .store .detail a:after {
		width:17px;
		height:17px;
		background-size:17px;
		right:-5px;
		}
	#section_btm_contents .honda_store {
		margin:0 0 70px 0;
		}
	#section_btm_contents .honda_cars {
		margin:0 0 40px 0;
		}
	/* ------------------------------
		 .mail_magazine
	------------------------------ */
	#section_btm_contents .mail_magazine {
		margin:0 0 50px 0;
		padding:25px 0;
		overflow:hidden;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}
	#section_btm_contents .mail_magazine h4 {
		margin:0;
		font-size:20px;
		line-height:1.4em;
		border:none;
		}
	#section_btm_contents .mail_magazine .desc {
		margin:0 0 10px 0;
		font-size:14px;
		line-height:1.5em;
		}
	#section_btm_contents .mail_magazine .btn {
		text-align:center;
		}
	#section_btm_contents .mail_magazine .btn a {
		padding:10px 0;
		display:block;
		background-color:#4a4f54;
		font-size:15px;
		line-height:1.466em;
		color:#fff;
		text-decoration:none;
		}
	/* ------------------------------
		 #section_caution
	------------------------------ */
	#section_caution {
		margin-top:-20px;
		padding:0;
		margin-bottom:0;
		}
		
	#section_caution.ua_add {
		margin-top: 0 !important;
	}

	}