@media (min-width: 769px) {
    .xf-content-height {
        margin: 0 !important;
        /*height: 38px;*/
        min-height: auto !important;
    }

	/* アコーディオン */
    .products_main_outer > #y_h_one.accordion + .product_tabs,
    .products_main_outer > #y_h_one.accordion + input + .product_tabs{
    	display:block !important;
    	opacity:1 !important;
    }

	.list_monitor li.img_OFDM{
        background: url(/content/dam/kenwood/jp/car/car-navi/products/mdv-m907hdf/audio/av/img_ofdm.png) right 8px no-repeat #fff;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    body{
    	width:1060px;
    	width:fit-content;
    }
}


@media (max-width: 768px) {
    body{
    	min-width:100%;
    }

    .xf-content-height {
        margin: 0 !important;
        /*height: 38px;*/
        min-height: auto !important;
    }

	.freehtml > div {
		margin: 0 20px;
		overflow-x: scroll;
	}


    div.products_main_outer,
	div.products_info_type02,
	.inner980{
		width: 100% !important;
		max-width: 100%;
		margin: 5px 0 !important;
        padding-left: 0 !important;
		padding-right: 0 !important;
	}

    div.products_main_outer div,
	.sol_01 li,.sol_02 li{
		max-width:100%;
    	margin-left:0 !important;
    	margin-right:0 !important;
	}

    .owl-carousel .owl-wrapper{
        max-width:none;
    }


    .p_infos,
	.p_photo_desc,
	#productDetailFeaturesBox{
        padding: 50px 20px !important;
    	margin-bottom:1em !important;
    	overflow:unset;
    }

	#productDetailFeaturesBox.roundCornerBox03,
	.fig1{
        padding: 0px !important;
    }


    .headerProduct.onlypc + .products_main_inner.products_spec > .sub_section{
		padding-left:30px;
        padding-right:30px;
    }

	.p_infos div.p_infos_inner ul.list_carmodel li,
	.imgLink_res ul li{
		width: calc(100%/2.1) !important;
	}

    .target_respo .imgLink_res ul li,
	.p_infos div.p_infos_inner ul.feature_list2 li,
	.p_infos div.p_infos_inner div.cols,
    .p_infos div.p_infos_inner a.link_in,
	.p_infos.p_info01 div,
	.p_infos.p_info02 div,
	.w40_fix,
	.w980,
	.tac .top_data_left_top,
    .tac .top_data_right_top,
    .com_touroku,
	.wd43,.w600,
	.areaBlockB,
    .systemExImg .itemA,
	.systemExImg .itemB,
    .p_acces,
	.hyoji div{
    		width: 100% !important;
    }

	/*
	#maincontents .three_div > *,{
		width: calc(100%/3.1) !important;
	}
	*/

    .p_infos div.p_infos_inner.separator{
        background-image:none;
    }

	.navi_data .navi_data_list{
		margin:10px 0 !important;
		padding:0 !important;
    }




/* ----------------------------------------
    	　画像のレスポンシブ対応
 -----------------------------------------*/


	.download_box img,
	.products_main_outer img,
    .body_inner img,
    img.img_auto{
		display:block;
		width: auto !important;
		max-width: 100%;
		height: auto !important;
        margin: auto !important;
    }


    img.img_resize{
		width: 100% !important;
		max-width: 768px;
		height: auto !important;
	}

    div.body_inner div#main p.note img.icon{
        display:inline;
    }

    .p_infos_inner img{
        padding-left:0px !important;
    }

	.p_photo_desc .icon{
		margin: -50px 0 0;
     }

    /* プロジェクター比較ページ テーブル対処 */
	/*
    .v24g1 img,
    .v17g1 img,
    .dv9l3d img,
    .v20l3g img,
    .r17l4d img,
    .dv9l3d img{
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
    }


    .img_up_btn img,
	img.zoom,
	.image_box img.zoom,
	.division .section img.zoom{
		width: auto !important;
		max-width: 768px;
		height: auto !important;
	}
*/


/* ----------------------------------------
    	　　回り込み解除
 -----------------------------------------*/

	.fr_img,
	.fl_img,
	.fr,
	.fl,
	.tac .top_data_left_top,
	.tac .top_data_right_top,
	.systemExImg .itemA,
	.systemExImg .itemB,
	.p_acces,
    .p_infos_inner img{
		float: none !important;
		clear: both;
    	padding-top:1em !important;
    	margin-top:1em !important;
	}

    .p_infos div.p_infos_inner div.cols,
	.products_spec .sub_section .b_box ul.option li{
        display:block;
    }

    div.mp3{
    	position:static;
    }


/* ----------------------------------------
    	　テキスト配置等
 -----------------------------------------*/

    .productDetail01,
    .roundCornerBox03,
	.p_acces{
    	border:none !important;
    }

    .p_acce10,
    .table_area.fixed_header_display_none_at_print{
		display:none;
     }
    .p_acce09 + .p_acce10{
		display:block;
     }

    .products_info_type02 p,
	.p_info01 p,
    .p_photo_desc .p_desc ul.option li,
	.p_photo_desc .p_icons,
    .mt100{
    	margin-top:10px !important;
        max-width:100% !important;
    }

    #sound-sample .cols_inner > p{
    	margin-top:4em !important;
    }

    .p_infos_inner .cols_inner ul,
	.p_infos_inner .cols_inner p{
		margin-left:0px !important;
     }

    .btnLayout02 li a.btnRect{
    	padding-left:30px;
    }

	.p_photo_desc .ttl_info + .p_photo{
		margin: 185px 0 0 40px;
	}

    .p_infos.note_app .note_app_inner ul li{
    	padding-left:0;
    	line-height:2em;
    }


    .list_monitor li.img_OFDM{
        background: url(/content/dam/kenwood/jp/car/car-navi/products/mdv-m907hdf/audio/av/img_ofdm.png) right 8px no-repeat #fff;
    }


	/*推奨プラン*/
	.title1-1,.title1-2,.title1-3,
	.title2-1,.title2-2,.title2-3,
    .title3-1,.title3-2,.title3-3,
	.title4-1,.title4-2,.title4-3,
	.title5-1,.title5-2,.title5-3,
	.title6-1,.title6-2,.title6-3,.title6-4,
	.title7-1,.title7-2,.title7-3,
	.title8-1,.title8-2,.title8-3,
    .title9-1,.title9-2,.title9-3,
	.item1-1,.item1-2,.item1-3,
	.item2-1,.item2-2,.item2-3,
    .item3-1,.item3-2,.item3-3,
	.item4-1,.item4-2,.item4-3,
	.item5-1,.item5-2,.item5-3,
	.item6-1,.item6-2,.item6-3,.item6-4,
	.item7-1,.item7-2,.item7-3,
	.item8-1,.item8-2,.item8-3,
    .item9-1,.item9-2,.item9-3 {
    	width: 100% !important;
		max-width: 100%;
		margin: 5px 0 !important;
        padding-left: 0 !important;
		padding-right: 0 !important;
    	background-repeat: no-repeat;
		background-size:100%;
    }

    .btn_1-1img,.btn_1-2img,.btn_1-3img,
    .btn_2-1img,.btn_2-2img,.btn_2-3img,
    .btn_3-1img,.btn_3-2img,.btn_3-3_1img,
    .btn_4-1img,.btn_4-2img,.btn_4-3img,
    .btn_5-1img,.btn_5-2img,.btn_5-3img,.btn_5-4img,
    .btn_6-1img,.btn_6-2img,.btn_6-3img,.btn_6-4img,.btn_6-5img,
    .btn_7-1img,.btn_7-2img,.btn_7-3img,
    .btn_8-1img,.btn_8-2img,.btn_8-3img,
    .btn_9-1img,.btn_9-2img,.btn_9-3img{
        margin-left:5px;
    	bottom:75px;
    }

    .btn_3-3_2img,.btn_5-5img,.btn_7-4img{
   		margin-left: 52%;
        bottom:75px;
     }

/*
    .img_up_btn,
	.image_box_repeat .image_caption{
        text-align:left !important;
    }

   #maincontents p,
   #maincontents span,
   #maincontents h2,
   #maincontents h3,
   #rightcontents p,
   .accessory_detail_box_txt,
   .text_banner *,
   .image_caption *,
   .helth_title_img{
    	width:auto !important;
		margin: 5px 0 !important;
    }

    #rightcontents .right_contents_point_text{
        width:100% !important;
    }

    .text_wrappaer p{
		position:static;
	}

    .section strong{
    	width:auto !important;
    }

    .award_box{
        border:none;
    }

    p.mail{
    	font-size:100% !important;

    }
*/


/* ----------------------------------------
    	テーブル
 -----------------------------------------*/

    .p_infos_inner .cols_inner table.spec{
        width:auto !important;
    }

	/*製品アイコン*/
    .p_desc .tableType td{
    	background: #E7772E;
    }

	/*注意書き*/
	.tableType table[summary] td{
    	border:none;
    	padding:0;
    	display:block;
    	width:100%;
    }

    .tableType table.txt_ss td{
    	display:table-cell;
    	width:auto;
    }

	/*彩速ナビ　オプションパーツ接続互換表*/
    .scroll-box,
	.tableType{
        overflow:scroll;
    }
    #x_data_area #header_h,
	#x_data_area #data{
        width:auto;
   		overflow:hidden;
    }

	#h_fix_tbl th,
    #h_fix_tbl td,
	.csTbl td{
    	padding:0;
    }
    .tableType td.gray,
	.tableType th.gray{
        background-color: #868686;
    }
	.tableType th.blue{
        background: #005a94;
    }
    .tableType th.cyan{
		background-color: #36ADC4
    }
    .tableType th.orange{
        background: #ED6700;
    }
    .tableType th.red{
        background: #b40006;
    }


	/*「彩速ナビ」地図更新*/
    #main table.sticky_column{
        display:none;
    }

	/*対応スマートフォン適合表*/
    .selectModel select#selectModel,
	.body_inner #main .spec{
        width:100% !important;
    }
    .body_inner #main table.smp{
        width:898px;
    }
    .body_inner #main p.UpdateInfo + p{
		margin-top:1.5em;
    }


    /*Q&A*/
    .products_main_inner.products_info > div > table{
		word-break: break-word;
	}

	/*背景色設定*/
    td[bgcolor="#184464"]{
        background:#184464;
    }
    td[bgcolor="#BDCEDC"]{
        background:#BDCEDC;
    }
    td[bgcolor="#F2F2F2"]{
        background:#F2F2F2;
    }




/*
    table.spectable,
    table.spectable2,
	table.spectable3,
	table.spectable_02,
	.section table,
    #rightcontents table,
    #maincontents table,
	.comparetable table{
		width:100% !important;
    	margin: 5px 0 !important;
    }

	table.spectable tr > *,
    table.spectable2 tr > *,
	table.spectable3 tr > *,
    #rightcontents table tr > *,
    #maincontents table tr > *,
	.section table tr *,
	.comparetable table tr *,
	.section dt{
    	width: auto !important;
    	padding: 0 0 0 6px !important;
    	word-break: break-all;
  		word-wrap: break-word;
    	white-space: normal;
    }

*/


/* ----------------------------------------
    	　　アコーディオン
 -----------------------------------------*/

	/*レスポンシブ対応分*/
    .spnav .accordion-panel{
    	width:89.5%;    
    }
    .accordion-panel .navTab ul li.tab{
        float: left;
        width: 50% !important;
        margin-right: 0;
    }
    .spnav.fixed .accordion-panel{
    	width:100%;    
    }

	/*レスポンシブ未対応分*/
    .products_main_outer > #y_h_one.accordion{
        background: #ced2d7;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        padding: 12px 0 11px 15px;
    	margin: 0 0 20px;
    	position:relative;
    }
    .products_main_outer > #y_h_one.accordion::after{
        content: '';
        width: 10px;
        height: 10px;
        border: 0px;
        border-top: solid 3px #0e0e0e;
        border-right: solid 3px #0e0e0e;
        transform: rotate(135deg);
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -6px;
    }
    .products_main_outer > #y_h_one.accordion.open::after{
        content: none;
    }
    .products_main_outer > #y_h_one.accordion.fixed{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .products_main_outer > #y_h_one.accordion + .product_tabs,
    .products_main_outer > #y_h_one.accordion + input + .product_tabs{
    	display:none;
    	position:absolute;
        width:89.5%; 
    	background-color: #0a5473;
    	padding:0;
        z-index: 1000;
    }
    .products_main_outer > #y_h_one.accordion.fixed + .product_tabs,
    .products_main_outer > #y_h_one.accordion.fixed + input + .product_tabs{
        position: fixed;
        top: 60px;
        left: 0;
        z-index: 1000;
        width: 100%;
    }
    .products_main_outer > #y_h_one.accordion +.product_tabs li,
    .products_main_outer > #y_h_one.accordion + input + .product_tabs li,
	.accordion-panel .product_tabs li.tab{
        float: left;
        width: 50%;
        margin-right: 0;
    }
    .products_main_outer > #y_h_one.accordion +.product_tabs li a,
    .products_main_outer > #y_h_one.accordion + input + .product_tabs li a,
	.products_main_outer > #y_h_one.accordion +.product_tabs li.active a,
    .products_main_outer > #y_h_one.accordion +  input + .product_tabs li.active a,
    .accordion-panel .product_tabs li.tab a,
    .accordion-panel .product_tabs li.tab.active a{
        background-color: transparent;
        border: none;
        border-radius: inherit;
        box-shadow: inherit;
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: normal;
        height: auto;
        line-height: 1;
        margin: 0;
        padding: 13px 0;
   		text-decoration: none;
    }
    .products_main_outer > #y_h_one.accordion +.product_tabs li.active a,
    .products_main_outer > #y_h_one.accordion + input +.product_tabs li.active a,
    .accordion-panel .product_tabs li.tab.active a{
        background-color: #0e79a5;
    	color: #fff;
    }
    .products_main_outer > #y_h_one.accordion +.product_tabs li + li,
    .products_main_outer > #y_h_one.accordion + input + .product_tabs li + li{
        /*border-left: 1px solid #0e79a5;*/
        margin: 0;
    }

    .respo_Tab_block.page-top{
        visibility: hidden;
    }



/* ----------------------------------------
    	　　youtube埋め込み
 -----------------------------------------*/

	#colorbox,
	#cboxWrapper,
	#cboxContent,
	#cboxLoadedContent,
	#slideBigImage{
		max-width:100%;
	}
    #cboxLoadedContent{
    	margin: 40px 0 !important;
    	padding: 0 20px;
    }


    .youtube_video {
    /*
        position: relative;
        width: 100%;
    */
    }

    .youtube_video:before {
        content: "";
        display: block;
        /*padding-top: 56.25%;*/
    	padding-top:0;
    }

    .youtube_video iframe {
    /*
        position: absolute;
        top: 0;
        left: 0;
     */
        width: 100%;
        height: 100%;
        opacity:1 !important;
    }



}


@media (max-width: 450px) {

	#maincontents .two_div > *,
	#maincontents .three_div > *,
	.right_contents_basic_left,
	.right_contents_basic_right,
	.right_contents_point_pix_b{
		width: 100% !important;

	}
}