@charset "utf-8";

.SPdisplayNone {
	display:none!important;
}
.fea_spec_btn{
	margin-bottom:30px;
}
.fea_btn a{
	display:block;
	color:#333;
	text-decoration:none;
}
.fea_btn a:hover{
	text-decoration:none;
}
.fea_spec_btn{
	margin-bottom:30px;
}
.fea_spec_btn a{
	color:#333;
}
.fea_spec_btn .dummy_1 {
    padding: 15px 0;
}
.fea_ww{
	margin-bottom:40px;
}
.fea_ww h2.FW4_h2_features1{
	margin-left: 0;
	margin-right: 0;
}
.fea_ww a{
	opacity:1;
	transition: 0.3s;
}
.fea_ww a:hover{
	opacity:0.6;
	transition: 0.3s;
}
.fea_ww .contentsWidth{
	align-items:flex-start;
}
.fea_ww img{
	width:100%;
}
.fea_por{
	position: relative;
	z-index: 2;
}
.fea_fontMei{
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}
.fea_spec_btn .dummy_1::after{
	top:50%;
	margin-top:-8px;
}
.fea_safetyTitle_info::before{
	background-image:url("/module/image/important_01.png");
}
.fea_productSub_wash{
	flex-wrap: wrap;
}
.fea_flex_sp{
	display: flex;
	justify-content: space-between;
}
.fea_flex_wp{
	flex-wrap: wrap;
}
.fea_flex_js{
	justify-content: space-between;
}
.fea_flex_jfs{
	justify-content: flex-start;
}
.fea_flex_jc{
	justify-content: center;
}
.fea_flex_as{
	align-items:stretch!important;
}
.fea_flex_ac{
	align-items:center;
}
.fea_flex_afs{
	align-items:flex-start!important;
}
.fea_flex_afe{
	align-items:flex-end!important;
}
.fea_txtline_ib{
	display:inline-block;
	padding:0 3px;
	margin:0 3px;
	border:1px solid #000;
}
.fea_titline{
	display:inline-block;
	margin-right:10px;
	line-height:1.3;
	padding:3px 10px 0;
	border:1px solid #000;
	border-radius:3px;
}
.fea_hsup01{
	font-size:0.75rem!important;
	font-weight:normal;
	vertical-align:1em;
}
.fea_hsup02{
	font-size:0.75rem!important;
	font-weight:normal;
	vertical-align:0.8em;
}
.fea_sup01{
	font-size:0.75rem;
	font-weight:normal;
	vertical-align:0.5em;
}
.fea_sup02{
	font-size:0.6rem;
	font-weight:normal;
	vertical-align:0.5em;
}
.fea_btm_line{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
}
.fea_btm_note{
	margin-top:30px;
}
.fea_table{
	width:100%;
}
.fea_table th,.fea_table td{
	padding-left:10px;
	padding-right:10px;
}
.fea_table.fea_tac th,.fea_table.fea_tac td{
	text-align:center;
}
.fea_btn a{
	display:block;
	color:#333;
	text-decoration:none;
}
.fea_btn a:hover{
	text-decoration:none;
}

.fea_ib{
	display:inline-block;
}
.fea_mr10sp{
	margin-right:10px!important;
}
.fea_ml0{
	margin-left:0!important;
}
.fea_mr0{
	margin-right:0!important;
}
.fea_mt0{
	margin-top:0!important;
}
.fea_mt05{
	margin-top:5px!important;
}
.fea_mt10{
	margin-top:10px!important;
}
.fea_mt20{
	margin-top:20px!important;
}
.fea_mt30{
	margin-top:30px!important;
}

.fea_ml_auto{
	margin-left: auto !important;
}
.fea_mr_auto{
	margin-right: auto !important;
}
.fea_mt_auto{
	margin-top: auto !important;
}
.fea_mb0{
	margin-bottom:0!important;
}
.fea_mb05{
	margin-bottom:5px!important;
}
.fea_mb10{
	margin-bottom:10px!important;
}
.fea_mb15{
	margin-bottom:15px!important;
}
.fea_mb20{
	margin-bottom:20px!important;
}
.fea_mb30{
	margin-bottom:30px!important;
}
.fea_mb40{
	margin-bottom:40px!important;
}
.fea_mb50{
	margin-bottom:50px!important;
}
.fea_mb60{
	margin-bottom:60px!important;
}
.fea_ml0sp{
	margin-left: 0 !important;
}
.fea_mb0sp{
	margin-bottom:0!important;
}
.fea_mb05sp{
	margin-bottom:5px!important;
}
.fea_mb10sp{
	margin-bottom:10px!important;
}
.fea_mb15sp{
	margin-bottom:15px!important;
}
.fea_mb20sp{
	margin-bottom:20px!important;
}
.fea_mb30sp{
	margin-bottom:30px!important;
}
.fea_mb40sp{
	margin-bottom:40px!important;
}
.fea_mb50sp{
	margin-bottom:50px!important;
}
.fea_mt15sp{
	margin-top:15px!important;
}
.fea_mt20sp{
	margin-top:20px!important;
}
.fea_mr10sp{
	margin-right:10px!important;
}



.fea_titS{
	font-size:1rem!important;
	line-height:1.6rem;
	font-weight:bold;
}
.fea_titM{
	font-size:1.15rem!important;
	line-height:1.6rem;
	font-weight:bold;
}
.fea_titL{
	font-size:1.25rem!important;
	line-height:1.7rem;
	font-weight:bold;
}
.fea_titL1{
	font-size:1.3rem!important;
	line-height:1.7rem;
	font-weight:bold;
}
.fea_titL2{
	font-size:1.35rem!important;
	line-height:1.8rem;
	font-weight:bold;
}
.fea_titL3{
	font-size:1.5rem!important;
	line-height:2rem;
	font-weight:bold;
}

.fea_btn_right{
	position: relative;
    display: block;
    padding: 10px 20px 10px 15px;
    border: 1px solid #cbcbcb;
    background: #f4f4f4;
    text-align: center;
    text-decoration: none!important;
    color: #333!important;
}
.fea_btn_right::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(/module/fw4/img/FW4_mark_arw_right_b.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
}
.fea_fontS{
	font-size:1.1rem!important;
	line-height:1.6rem;
}
.fea_fontM{
	font-size:1.15rem!important;
	line-height:1.6rem;
}
.fea_fontL{
	font-size:1.25rem!important;
	line-height:1.7rem;
}
.fea_fontL1{
	font-size:1.3rem!important;
	line-height:1.7rem;
}
.fea_fontL2{
	font-size:1.35rem!important;
	line-height:1.8rem;
}
.fea_fontL3{
	font-size:1.5rem!important;
	line-height:2rem;
}
.fea_noteS {
	font-size:0.75rem!important;
	font-weight:normal!important;
	line-height: 1.3rem;
}
.fea_noteM {
	font-size:0.8rem!important;
	font-weight:normal!important;
	line-height: 1.3rem;
}
.fea_noteL {
	font-size:0.875rem!important;
	font-weight:normal!important;
	line-height: 1.4rem;
}
.fea_hruby rt{
	transform:scale(0.75);
}
.fea_fb{
	font-weight:bold!important;
}
.fea_fn{
	font-weight:normal!important;
}
.fea_tac{
	text-align:center!important;
}
.fea_tal{
	text-align:left!important;
}
.fea_tar{
	text-align:right!important;
}
.fea_tac_sp{
	text-align:center!important;
}
.fea_tal_sp{
	text-align:left!important;
}
.fea_tar_sp{
	text-align:right!important;
}
.fea_note20{
	text-indent:-1.9em;
	padding-left:1.9em;
}
.fea_note15{
	text-indent:-1.5em;
	padding-left:1.5em;
}
.fea_note10{
	text-indent:-1.0em;
	padding-left:1.0em;
}
.thumbnailBgColor1 {
    background-color: #f1f0d9;
}

.fea_col0502{
	width: calc((100% - 10px)/2);
	margin-bottom: 10px;
}
.fea_col4301{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col4101{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col0301{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col0302{
	width: calc((100% - 10px)/2);
	margin-bottom: 10px;
}
.fea_col3201{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col3101{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col0201{
	width: 100%;
	margin-bottom: 10px;
}
.fea_col0202{
	width: calc((100% - 10px)/2);
	margin-bottom: 10px;
}
/*common end*/

.cookingmenu_btn img{
	width:100%;
}
.pick_img01 img{
    width: 62.8%!important;
    margin: 0 auto -2px;
}
.ran_column03_02{
	width:calc((100% - 10px)/2)!important;
	margin-right:10px!important;
}
.ran_column03_02.fea_mr0{
	margin-right:0!important;
}

.idx_wnote{
	position: relative;
	font-style: normal;
}
.idx_wnote i{
	font-style: normal;
	position: absolute;
	left: -8px;
	top: -1px;
	white-space: nowrap;
	font-size: 0.75rem;
	transform:scale(0.5);
	font-style: normal;
	line-height: 0;
}

.fi_model_img{
	width: 100vw !important;
	margin: 0 -10px 50px;
}
.fdm_model_note {
    margin-top: -15px;
    margin-bottom: 20px;
    text-align: center;
}
.fdm_model_note p {
    display: inline-block;
    padding: 4px 10px 2px;
    background: #d2d2d2;
}
.fi_model_box{	
	width: 100vw !important;
	margin: 0 -10px 0;
    padding:0  10px 10px;
	justify-content: center;
}

.fi_model_left{
	text-align: center;
}
.fi_model_right{
	border-top: 1px solid #000;
	padding-bottom: 20px;
	margin: 20px 0 0 ;
	width: 100%;
}
.fi_model_left .FW4_modelTop_mi_left_img{
	margin-top: 10px;
}
.fi_model_new{
	line-height: 0;
	margin-bottom: 4px;
	margin-left: 25px;
	margin-right: -70px;
	vertical-align: middle;
	display: inline-block;
	width: 45px;
}
.fi_model_new img{
	max-width: 100%;
}
.fi_model_flex02{
	display: flex;
	justify-content: center;
}
.fi_model_flex02>div{
	width: 44%;
	margin: 0 3%;
}

.fi_h1_logo{
	display: block;
	max-width: 160px;
	margin: 10px auto;
}
.fi_h1_logo02 {
    margin-top: 20px;
}
.fi_h1_logo02 img {
    display: block;
    max-width: 160px;
    margin: 0 auto;
}
.fi_ran_mi_box .FW4_h1_models{
	margin: 10px auto 10px !important;
}
.fi_ran_detail_tit{
	font-size: 1.5rem;
	margin: 0 0 10px !important;
}
.fi_modelTop_mi_b{
	flex-direction: column-reverse;
	margin-bottom: 10px!important;
}

.debut_label {
    padding: 1px 5px 0;
	margin-top: -28px;
    margin-left: 33px;
    display: inline-block;
    vertical-align: middle;
    background: #e30012;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.25;
	transform:scale(0.85);
	transform-origin: 0 0;
}
.month_icon span{
	background: #fff;
	border: 1px #c92f19 solid;
	display: inline-block;
	text-align: center;
	color: #c92f19;
	font-size: 0.83rem;
	padding: 1px 5px 0;
	line-height: 1.3rem;
	font-weight: bold;
}
.debut_label_res{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	color: #e30012;
	background: #fff;
	border: 1px solid #e30012;
}
.debut_label_res02{
	position: absolute;
	left: 32px;
	top: 0;
	margin-top: 0;
	margin-left: 0;
	color: #e30012;
	background: #fff;
	border: 1px solid #e30012;
}
.debut_label_line{
	position: absolute;
	top: -1px;
	left: 37px;
	margin-top: 0;
	margin-left: 0;
	color: #e30012;
	background: #fff;
	border: 1px solid #e30012;
}
.debut_label_limit{
	position: absolute;
	top: -1px;
	margin-top: 0;
	margin-left: 0;
	color: #e4007f;
	background: #fff;
	border: 1px solid #e4007f;
}

.fea_noimg{
	position: relative;
}
.fea_noimg em{
	position: absolute;
	left: calc(50% - 60px);
	top: calc(50% - 12px);
	width: 120px;
	background: #df007f;
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
}
.mt_label_res{
	position: absolute;
	left: 8px;
	top: 0;
	padding: 2px 5px 0;
    border: 1px solid #e30012;
    color: #e30012;
    font-size: 0.83rem;
    line-height: 1.3;
	white-space: nowrap;
}

.noimg_mark,.noimg_mod{
	position: relative;
}
.noimg_mark:after,.noimg_mod:after{
	content: 'ダミー';
	position: absolute;	
	z-index: 3;
	top: 50%;
	left: 50%;
	max-width: 95%;
	width: auto;
	white-space: nowrap;
	text-align: center;
	padding: 2px 8px 0;
	font-size: 0.7rem;
	line-height: 1.8;
	background: #DC3386;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}
.noimg_mark[tip]:after{
	content: attr(tip);
}
.noimg_mod:after{
	width: 62px;
	content: '基本カット差し替え';
	line-height: 1.5;
}
.noimg_gray::before{
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.noimg_gray::after{
	width: 300px;
}
.menu_new{
	position: relative;
}
.menu_new:after{
	content: '';
	position: absolute;	
	z-index: 3;
	left: 0;
	top: 0;
	width: 33px;	
	height: 16px;
	background: url(/range/lineup/mro-w10b/img/menu_new_pc.png) no-repeat;
	background-size: 100% 100%;
}
.mt_new_res_box{
	margin: 0 auto;
}
.mt_label_new{
	display: inline-block;
	vertical-align: middle;
	width: 44px;
	line-height: 0;
}
.mt_label_new02{
	display: block;
	vertical-align: middle;
	width: 44px;
	line-height: 0;
	margin: 3px auto;
}
.mt_label_res02{
	display: inline-block;
	vertical-align: middle;
	padding: 2px 5px 0;
	border: 1px solid #e30012;
	color: #e30012;
	font-size: 0.83rem;
	line-height: 1.3;
	white-space: nowrap;
}
.mt_lan_btn{
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
}
.carousel_box .FW4_carouselPanel{
	position: relative;
}
.carousel_box .FW4_carouselBBItem{
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #ddd;
	border-color: #ddd;
}
 .carousel_box .FW4_carouselBBItemActive {
	background: #fe0000;
	border-color: #fe0000;
}
.carousel_box .FW4_carouselBottomBtn{
	margin-top: 15px;
}
.carousel_box img{
	max-width: 100%;
}
.parts_lastMB{
	margin-bottom: 80px;
}
.parts_support .FW4_supportLink{
	min-height: 71px;
}
.fea_new{
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle;
	width: 50px !important;
}
.idx_lineup_box .FW4_model_a,
.idx_lineup_box .FW4_mainfeatures_box2{
	width: 100%;
}
.mt_app_box{
	margin: 12px 0 5px;
	display: flex;
	align-items: center;
	padding: 5px 15px;
    border: 1px solid #000;
	background: #fff;
}
.mt_app_pic {
    width: 70px;
    margin-right: 10px;
}
.idx_btn_compare{
	padding-top: 7px;
	padding-right: 25px;
	padding-left: 13px;
}
.idx_btn_compare::after{
	top:calc(50% - 7px);
}
.mt_limit_box{
	position: relative;
	white-space: nowrap;
}
.mt_limit_box .debut_label_limit{
	top: 3px;
	left: 7px;
}
.mt_limit_box_btm .debut_label{
	transform-origin: 0 0;
}
.mt_btn_store{
    background-color: #727171;
    border-width: 1px;
    color: #fff !important;
	height: auto;
}
.mt_btn_store::after {
	top: calc(50% - 7px) !important;
    background-image: url(/module/fw4/img/FW4_mark_arw_right_w.svg);
}
.mt_store_box{
	border: 1px solid #cbcbcb;
}
.mt_store_box .mt_btn_store{
	opacity: 1;
	width: 100%;
	border: none;
	background: #fff;
	color: #333 !important;
}
.mt_store_box .mt_btn_store::after{
	background: none;
}
.mt_btn_store_item{
	text-align: center;
	border-top: 1px solid #cbcbcb;
}
.mt_btn_store_item a{
	display: block;
	padding: 13px 10px 12px;
	position: relative;
	text-decoration: none !important;
	color: #fff !important;
	background: #727171;
	transition: 0.3s;
}
.mt_btn_store_item a:after{
	content: '';
	position: absolute;
    top: calc(50% - 8px);
    right: 5px;
	display: inline-block;
    vertical-align: middle;
    background-image: url(/module/fw4/img/FW4_mark_arw_right_w.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
}
.mt_btn_store_item a:hover{
	opacity: 0.6;
}
.mt_btn_store_cr{
	margin: -2px 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	width: 43px;
}

.mtg_new_res{
	margin: 0 0 10px;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.mtg_new_res img{
	margin: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.mtg_new_res span{
	margin: 0;
}
.mtg_new{
	width: 40px;
}
.mtg_res,.mtg_lim{
	padding: 2px 5px 0;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #e30012;
	color: #e30012;
	font-size: 0.75rem;
	line-height: 1.3;
}
.mtg_lim{
	border-color: #e4007f;
	color: #e4007f;
}
.mtg_res_hasnew{
	height: 15px;
	padding-top: 1px;
	font-size: 0.65rem;
	left: 32px;
}
.mt_head_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 60px 0!important;
}
.mt_head_text{
	width: calc(100% + 20px);
	padding:0 10px 10px;
	background-color: #fff;
	text-align: center;
	margin-left: -10px!important;
	margin-right: -10px!important;
	margin-bottom: 20px!important;
}
.mt_head_pic{
	margin-left: -10px;
	margin-right: -10px;
}
.mt_head_mark{
	display: none;
}
.mt_head_mod_pic{
	padding-bottom: 20px;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}
.mt_head_mod_pic>div{
	width: 50%;
}
.mt_head_mod_pic>div img{
	padding: 10px;
	max-width: 198px;
}
.mt_head_mod_logo{
	display: block;
	max-width: 160px;
	width: 100%;
	margin: 10px auto;
}
.mt_head_mod_type{
	margin: 10px 0;
}
.mt_head_mod_nobtn .mt_head_mod_pic{
	padding-bottom: 0;
}
.mt_head_mod_pic_db{
	width: 98% !important;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.mt_head_mod_pic_db>div{
	width: 49%;
}
.idx_text_width{
	margin-right: -0.5em !important;
}
.fea_mark_gray{
	position: relative;
	top: -0.16em;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.2em 0 0.2em;
	padding: 0.15em 0.3em 0;
	background: #c9cac9;
	line-height: 1.2;
	font-size: 95%;
}
.mt_coming{
	padding: 15px 10px;
	background: #807372;
	color: #fff;
}
.mt_coming h3{
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
}

.splide__pagination__page.is-active{
    background: #c72f18!important;
    transform: scale(1.0)!important;
}
.splide__pagination li{ margin: 0 1px; }
.splide__arrow{
    background-color: rgba(0,0,0,0);
    transition: 0.3s;
}
.hide-arrow {
    opacity: 0.2;
    pointer-events: none;
}
.splide__arrow:hover{ opacity: 0.3!important; }
#splide_01{ margin: 0 0 30px 0; }
.splide__pagination{ bottom: -20px; }
.splide__arrow svg{ width: 25px; height: 25px; }
.splide__pagination__page{
	background: #ccc;
	opacity: 1;
	width: 10px; height: 10px;
}

.fea_movie_line{
	margin-bottom: 0 !important;
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #000;
}
.fea_movie_noline{
	margin-bottom: 0 !important;
	margin-top: 35px;
}
.fea_movie_box{
	max-width: 628px;
	margin: 0 auto;
}
.fea_movie_tit{
	padding: 5px 0;
	text-align: center;
}
.fea_movie_icon {
	position: relative;
	display: block;
	overflow: hidden;
}
.fea_movie_icon img{
	transition: 0.6s;
}
.fea_movie_icon:hover img{
	opacity: 0.7;
	transform: scale(1.05);
	transition: 0.6s;
}
.fea_movie_icon:after{
	content: '';
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 32px);
	width: 64px;
	height: 45px;
	background: url(/range/img/v03/youtube_icon.png);
	background-size: 100%;
}

img.mtg_new {
    margin-top: -3px;
    vertical-align: middle;
    width: 45px;
}
.pf_modelTop_miNoIm_w{
	margin-top: -10px !important;
}
.pf_modelTop_miNoIm_w .FW4_modelTop_mi_rightNoIm{
	border-top: 0;
}
/* TopicPath common*/
.specMainBox{
	margin-top: -10px !important;
	border-top: none !important;
}
#pdcAnnotation{
	margin-bottom: 40px;
}
.specWrap #TopicPath{
	margin-top: 40px;
}
.fea_navi_space,.fea_navi_space20,.fea_navi_space30{
	margin-bottom: 10px;
}
.fea_navi_space0{
	margin-top: -10px !important;
}
.rei_modelTop_mi{
	margin-top: 0 !important;
}
.FW4_model_boxAll .mtg_lim{
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 0;
	padding-bottom: 2px;
}
.FW4_modelTop_a.link_l {
    padding: 5px 5px;
    line-height: 1.3;
}
.mt_has_store .mt_app_box{
	margin-top: 10px;
}
.w1d_mark{
	margin-left: 10px;
	width: 72px;
}
.fea_idpor{
	position: relative;
	top: -46px;
}
.mt_head_main{
	margin: -20px auto 20px;
	width: 98% !important;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.mt_head_main>div {
	width: 49%;
}
.mt_head_main>div img {
	padding: 10px;
	max-width: 198px;
}
.spec_mark_new{
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	margin-left: 5px;
	position: relative;
	top: -1px;
	line-height: 0;
}
.spec_mark_new img{
	width: 100%;
}