@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_ecology .fuel_anim {
		opacity: 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_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 .pic_overlay {
		width:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		}

	#section_ecology th, #section_ecology td{
		vertical-align: bottom !important;
		}
	#section_ecology .fuel_table table {
		margin-bottom:12px ;
		line-height: 1.4;
		}
	#section_ecology .jc08{
		padding: 8px 0 0 0;
		}
	#section_ecology .fuel{
		vertical-align: bottom;
		}
	#section_ecology .ruby{
		display: block !important;
		font-size: 10px !important;
		font-weight: normal;
		margin: 0 0 0 2px !important;
		}
	#section_ecology .sup{
		font-size: 60%;
		}
	#section_ecology .fuel_table td.fuel .ruby {
		font-size:10px !important;
		}


	/* ------------------------------------------------------------
	*
		 #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_active_safety .sensing_icons {
        margin-bottom: 12px;
        padding: 0 15px;
    	}
	#section_active_safety .sensing_icons img {
        width: 100%;
    	}
	 */
	#section_active_safety {
        margin-bottom: 100px;
    }

    #section_active_safety .detail {
        margin-bottom: 20px;
    }

	#section_active_safety ul {
    	margin: 0 15px 10px ;
    	position: relative;
    	overflow: hidden;
    	letter-spacing: -0.6em;
	}

	#section_active_safety ul li {
    	width: 23%;
    	margin: 0 2.5% 18px 0;
    	text-align: center;
    	display: inline-block;
    	letter-spacing: normal;
		vertical-align: top;
		opacity: 1;
	}

	#section_active_safety ul li:nth-child(4n) {
		margin-right: 0;
	}

	#section_active_safety ul li img {
		width: 85%;
		margin: 0 auto 10px;
	}

	#section_active_safety ul li .desc {
		font-size: 11px;
		line-height: 1.2em;
		color: #2c64db;
	}

	#section_active_safety .pic_full {
		opacity: 1;
	}


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


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


	/* ------------------------------------------------------------
	*
		 #section_fuel
	*
	------------------------------------------------------------ */
	/*#section_fuel .desc {*/
		/*margin:0 0 20px 0;*/
		/*}*/
	/*#section_fuel .detail {*/
		/*margin:0 0 15px 0;*/
		/*}*/
	/*#section_fuel th, #section_fuel td {*/
		/*vertical-align:top !important;*/
		/*}*/
	/*#section_fuel .jc08 {*/
		/*padding:8px 0 0 0;*/
		/*}*/
	/*#section_fuel .fuel {*/
		/*padding:23px 0 0 0;*/
		/*}*/
	/*#section_fuel .ruby {*/
		/*margin:0 0 0 2px !important;*/
		/*display:block !important;*/
		/*font-size:12px !important;*/
		/*font-weight:normal;*/
		/*}*/
	/*#section_fuel .sup {*/
		/*font-size:30%;*/
		/*}*/

	/* ------------------------------------------------------------
	*
		 #section_safety
	*
	------------------------------------------------------------ */
	/*#section_safety {*/
		/*padding:60px 0 50px 0;*/
		/*background-color:#f6f6f6;*/
		/*}*/
	/*#section_safety .detail {*/
		/*margin:0 0 35px 0;*/
		/*}*/
	/*#section_safety .pic_full img {*/
		/*margin:0 0 10px 0;*/
		/*}*/
	/*#section_safety .pic_full {*/
		/*margin:0 0 10px 0;*/
		/*}*/
	/*#section_safety .pic_full p {*/
		/*width:100%;*/
		/*height:100%;*/
		/*background-repeat:no-repeat;*/
		/*background-size:cover;*/
		/*background-position:center;*/
		/*opacity:0;*/
		/*position:absolute;*/
		/*top:0;*/
		/*left:0;*/
		/*}*/
	/*#section_safety .pic_full p.bg_d {*/
		/*opacity:1;*/
		/*position:relative !important;*/
		/*}*/
	/*#section_safety .pic_full .bg {*/
		/*background-image:url(../image/pic_safety_bg.jpg);*/
		/*opacity:1;*/
		/*z-index:0;*/
		/*}*/
	/*#section_safety .pic_full .wave {*/
		/*background-image:url(../image/pic_safety_wave.png);*/
		/*z-index:1;*/
		/*}*/
	/*#section_safety .pic_full .car {*/
		/*background-image:url(../image/pic_safety_car.png);*/
		/*z-index:2;*/
		/*}*/
	/*#section_safety .pic_full .wheel {*/
		/*background-image:url(../image/pic_safety_car_wheel.png);*/
		/*z-index:3;*/
		/*}*/
	/*#section_safety .pic_notes {*/
		/*margin:0 0 20px 0;*/
		/*padding:0 15px;*/
		/*font-size:12px;*/
		/*text-align:center;*/
		/*}*/
	/*#section_safety .pic_notes {*/
		/*padding:0 15px;*/
		/*font-size:12px;*/
		/*text-align:center;*/
		/*}*/
	/*#section_safety .btm_caution {*/
		/*padding:0 15px;*/
		/*font-size:12px;*/
		/*line-height:1.416em;*/
		/*color:#da4058;*/
		/*font-weight:bold;*/
		/*}*/


	/* ------------------------------------------------------------
	*
		 #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;
}

	}