@charset "utf-8";
/* ===================================================================

toyota.co.jp recall_grade_style.css

======================================================================
 - コンテンツエリア
 - パンくず調整
 - 改行制御
 - PC SP 表示切り替え
 - info_link
 - link target blank
 - Icon
 + caution
    - recall-attention
 - info-asterisk
 - search
 - Result
 - recall-info recall-news
 - More from
 - information
 - grade
 - grade result
 - SNSエリア調整
 - error-page
 - 余白関連
 - 文字装飾関連
 - 文字配置関連
 - 枠あり強調
 + タカタエアバッグ対応
     - テーブル内スタイル
     - モーダル
     - テキスト強調
     - テーブル内注釈
     - 対象車種一覧
 + カタログリンク
     - スタイル上書き
 - tjpスタイルのボタン
/* -------------------------------------------------------------------
 - コンテンツエリア
------------------------------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
.section.html{
    padding: 15px 50px 0;
}
.section.html.full{
    padding: 15px 0 0;
}
.section.html.contents_area{
    width: 100%;
    min-height: 542px;
    padding: 30px 50px 0 50px;
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.section.html.contents_area h2,
.section.html.contents_area h3,
.section.html.contents_area h4,
.section.html.contents_area a{
    line-height: 1.5;
}
.section.html.contents_area h2{
    margin-bottom: 30px;
    font-size: 30px;
}
.section.html.contents_area h3{
    margin-top: 50px;
    font-size: 22px;
}
.section.html.contents_area h4{
    margin-top: 40px;
    font-size: 17px;
}
.section.html.contents_area h4 + p{
    margin-top: 20px;
}
.section.html.contents_area p.mb10{
    margin-bottom: 10px;
}
.section.html.contents_area p.list-tel{
    margin: 10px 0 10px 20px;
    line-height:1.5;
}
.section.html.contents_area ol.olist{
    margin:20px 0 20px 25px;
    list-style-type:decimal;
    font-size:108%;
    line-height:1.5;
}
.section.html.contents_area ol.olist li{
    margin-top: 20px;
}
.section.html.contents_area ul.ulist{
    margin:10px 0 10px 20px;
    font-size:108%;
    line-height:1.5;
}
.section.html.contents_area ul.ulist li{
    margin-top: 10px;
}
.section.html.contents_area ul.ulist li .img-tel img{
    width: 200px;
    height: auto;
}
.section.html.contents_area .img-1 img{
    max-width: 100%;
    height: auto;
}
.section.html.contents_area .img-2 img{
    margin:15px 0 50px 0;
    max-width: 100%;
    height: auto;
}
#contents .section.html.contents_area a.takata_info{
    display: inline-block;
    margin-top: 20px;
    padding: 10px 41px 10px 30px;
    border: 1px solid #d81e00;
    background-color: #fbfbfb;
    background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png");
    background-repeat: no-repeat;
    background-position: 93% center;
    background-position: right 30px center;
    color: #d81e00;
    font-weight: bold;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    #main #contents{
        min-height: 0;
    }
}
@media screen and (max-width: 767px) {
    .section.html.contents_area{
        padding: 30px 35px 0 35px;
    }
}

/* -------------------------------------------------------------------
 - パンくず調整
------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    .breadcrumbs > li:last-child {
        margin-right: 0;
    }
}

/* -------------------------------------------------------------------
 - 改行制御
------------------------------------------------------------------- */
.line-control{
    display: inline-block;
}
.linkArea,
.word_break{
    word-break: break-all;
}
@media screen and (min-width: 767px){
.br-sp {display: none; }
}

/* -------------------------------------------------------------------
 - PC SP 表示切り替え
------------------------------------------------------------------- */
.img-sp{
    display: none !important;
}
@media screen and (max-width: 767px) {
    .img-pc{
        display: none !important;
    }
    .img-sp{
        display: inline !important;
    }
}

/* -------------------------------------------------------------------
 - info_link
------------------------------------------------------------------- */
.info_link{
    margin-top: 20px;
    padding: 30px;
    background-color: #ededed;
}
.info_link:first-child{
    margin-top: 30px;
}
.info_link dd{
    display: table;
    width: 100%;
    margin-top: 12px;
}
.info_link dd span.single_btn{
    display: inline-block;
    width: 50%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.info_link dd span.column_btn{
    display: table-cell;
    width: 50%;
    border-left: 15px solid transparent;
}
.info_link dd span.column_btn:first-child{
    border-right: 15px solid transparent;
    border-left: 0;
}
.info_link dd a{
    display: block;
    width: 100%;
    padding: 12px 45px 12px 30px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.info_link dd a:first-child{
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
    .info_link{
        padding: 30px 15px;
    }
    .info_link dd{
        display: block;
    }
    .info_link dd a:first-child{
        margin-right: 0;
    }
    .info_link dd span.single_btn,
    .info_link dd span.column_btn{
        display: block;
        width: 100%;
    }
    .info_link dd span.single_btn{
        padding-right: 0;
        text-align: center;
    }
    .info_link dd span.column_btn{
        border-left: 0;
        text-align: center;
    }
    .info_link dd span.column_btn:first-child{
        margin-bottom: 10px;
        border-right: 0;
    }
    .info_link dd a{
        display: inline-block;
        width: auto;
        text-align: left;
    }
}

/* -------------------------------------------------------------------
 - link target blank
------------------------------------------------------------------- */
.externalLink {
    display: inline;
    *display:inline-block;
    margin-right: 5px;
    padding-right: 19px;
    background-image: url("/jpn/images_new/addon/blank.png");
    background-position: right;
    background-repeat: no-repeat;
    line-height: 125%;
}
a.self_btn {
    background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png");
    background-position: 95% center;
    background-position: right 26px center;
    background-repeat: no-repeat;
}
a.blank_btn {
    background-image: url("/jpn/images_new/addon/blank.png");
    background-position: 95% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
    .externalLink {
        background-image: url("/jpn/images_new/addon/blank_sp.png");
        background-image: url("/jpn/images_new/addon/blank.png")\9;
        background-size: 13px 13px;
    }
    a.self_btn {
        background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s_sp.png");
        background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png")\9;
        background-size: 4px 7px;
    }
    a.blank_btn {
        background-image: url("/jpn/images_new/addon/blank_sp.png");
        background-image: url("/jpn/images_new/addon/blank.png")\9;
        background-size: 13px 13px;
    }
}

/* -------------------------------------------------------------------
 - Icon
------------------------------------------------------------------- */
.ico_blank:after,
.ico_print:after,
.ico_pdf:after,
.ico_wm:after,
.ico_top:after,
.ico_down:after,
.ico_up:after,
.ico_arw:after,
.ico_arw_l:after,
.ico_arw_b:after{
    content: "";
    display: inline-block;
    margin: -1px 0 0 7px;
    background-image: url("/jpn/components/images/ico_sprites.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ico_arw_p:before{
    content: "";
    display: inline-block;
    margin: -1px 7px 0 0;
    background-image: url("/jpn/components/images/ico_sprites.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}
.ico_blank:after{
    width: 12px;
    height: 12px;
    background-position: -10px -59px;
}
.ico_print.printTxt2{
    display: none;
}
.closeBtn{
    display: none;
}
.ico_print:after{
    width: 15px;
    height: 13px;
    background-position: -62px -100px;
}
.ico_pdf{
    position: relative;
    padding: 0 10px 0 0;
}
.ico_pdf:after{
    width: 23px;
    height: 16px;
    background-position: -35px -97px;
}
.ico_wm{
    position: relative;
}
.ico_wm:after{
    width: 27px;
    height: 16px;
    background-position: -280px -37px;
}
.ico_top:after{
    width: 7px;
    height: 9px;
    background-position: -48px -61px;
}
.ico_down:after{
    width: 9px;
    height: 9px;
    background-position: -27px -61px;
}
.ico_up:after{
    width: 9px;
    height: 9px;
    background-position: -38px -61px;
}
.ico_arw:after,
.ico_arw_l:after{
    width: 4px;
    height: 7px;
    background-position: -10px -10px;
}
.ico_arw_p:before{
    width: 4px;
    height: 7px;
    background-position: -14px -10px;
}
.ico_arw_l{
    font-size: 15px;
    font-weight: bold;
}
.ico_arw_l:after{
    margin-top: -2px;
}
.ico_arw_b:after{
    width: 4px;
    height: 7px;
    background-position: -18px -10px;
}

/* -------------------------------------------------------------------
 + caution
------------------------------------------------------------------- */
ul.caution li{
    margin-left: 1.0em;
    text-indent: -1.0em;
}
ul.caution li:before{
    content: "＊";
}
/* - recall-attention */
ul.caution.recall-attention{
    margin-top: 25px;
    color: #b30000;
}

/* -------------------------------------------------------------------
 - info-asterisk
------------------------------------------------------------------- */
ul.info-asterisk{
    margin-bottom: 30px;
    color: #b30000;
}
ul.info-asterisk li{
    margin-bottom: 15px;
}

/* -------------------------------------------------------------------
 - search
------------------------------------------------------------------- */
.recall-search-description{
    margin-bottom: 25px;
}
.search_area{
    padding: 30px;
    background-color: #ededed;
}
.search_area .search_description{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d4d4;
}

/* - form  */
.search_area .form_area{
    max-width: 660px;
    margin: 0 auto;
}
.search_area .form_area ul.recall-form-msg,
.search_area .form_area ul.grade-form-msg{
    text-align: center;
}
table.recall-form col:first-child,
table.grade-form col:first-child{
    width: 10em;
}
table.recall-form th,
table.grade-form th{
    white-space: nowrap;
}
table.recall-form td,
table.grade-form td{
    font-weight: bold;
}
table.recall-form th,
table.recall-form td,
table.grade-form th,
table.grade-form td{
    padding: 0;
    vertical-align: top;
}
table.recall-form th,
table.grade-form th{
    padding-right: 2em;
    text-align: right;
}
table.recall-form td input[type="text"],
table.grade-form td input[type="text"]{
    width: 100%;
    height: 40px;
    border: 1px solid #d4d4d4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table.recall-form td input[type="button"],
table.grade-form td input[type="button"]{
    width: 100px;
    height: 40px;
    margin-left: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 13px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka, sans-serif;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table.recall-form td input[type="button"],
table.grade-form td input[type="button"]{
    background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png");
    background-repeat: no-repeat;
    background-position: 75% center;
    vertical-align: top;
}
table.recall-form td .one_byte,
table.grade-form td .one_byte,
table.recall-form td span.error,
table.grade-form td span.error,
.search_area .form_area ul.recall-form-msg,
.search_area .form_area ul.grade-form-msg{
    color: #b30000;
}
table.recall-form td.num00,
table.recall-form td.num01,
table.recall-form td.num02,
table.grade-form td.num00,
table.grade-form td.num01,
table.grade-form td.num02{
    text-align: center;
}
table.recall-form td.num01,
table.recall-form td.num02,
table.grade-form td.num01,
table.grade-form td.num02{
    position: relative;
}
table.recall-form td span.error,
table.grade-form td span.error{
    position: absolute;
    top: -18px;
    right: 0;
}
table.recall-form tr.vin_code th,
table.recall-form tr.vin_code td.num00,
table.grade-form tr.vin_code th,
table.grade-form tr.vin_code td.num00{
    line-height: 40px;
}
table.recall-form tr.vin_code th,
table.grade-form tr.vin_code th{
    padding-right: 2em;
    text-align: right;
}
@media screen and (max-width: 767px) {
    .search_area{
        padding: 30px 15px;
    }
    table.recall-form tr,
    table.recall-form th,
    table.recall-form td.submit,
    table.grade-form tr,
    table.grade-form th,
    table.grade-form td.submit{
        display: block;
        width: 100%;
        float: left\9;
        clear: both\9;
    }
    table.recall-form col:first-child,
    table.grade-form col:first-child{
        width: 100%;
    }
    .search_area .form_area ul.recall-form-msg,
    .search_area .form_area ul.grade-form-msg{
        margin-top: 18px;
    }
    table.recall-form tr.vin_code,
    table.grade-form tr.vin_code{
        padding-bottom: 20px;
    }
    table.recall-form tr.vin_code th,
    table.grade-form tr.vin_code th{
        text-align: left;
    }
    table.recall-form tr.vin_code td.submit,
    table.grade-form tr.vin_code td.submit{
        width: 100%;
        margin-top: 64px;
        text-align: center;
    }
    table.recall-form tr.example,
    table.grade-form tr.example{
        margin-top: -115px;
        margin-bottom: 30px;
    }
    table.recall-form th,
    table.grade-form th{
        text-align: left;
    }
    table.recall-form td.num01,
    table.recall-form td.num02,
    table.grade-form td.num01,
    table.grade-form td.num02{
        width: 50%;
    }
    table.recall-form td input[type="button"],
    table.grade-form td input[type="button"]{
        display: inline-block;
        width: auto;
        margin-left: 0;
        padding: 0 41px 0 30px;
    }
}
/* - /form  */

.section.html.contents_area h3.recall-search-title,
.section.html.contents_area h3.grade-search-title{
    margin-top: 60px;
    margin-bottom: 30px;
}
.section.html.contents_area h3.recall-search-title span,
.section.html.contents_area h3.grade-search-title span{
    display: inline-block;
    display: inline\9;
    font-size: 17px;
}
.recall-certificate img,
.recall-certificate ul.caution,
.grade-certificate img,
.grade-certificate ul.caution{
    display: inline-block;
    vertical-align: top;
}
.recall-certificate img,
.grade-certificate img{
    margin-right: 30px;
    margin-bottom: 30px;
}
.recall-contact,
.grade-contact{
    margin-left: -20px;
    margin-bottom: 60px;
}
.recall-contact-inner,
.grade-contact-inner{
    float: left;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recall-contact-inner dl.recall-contact-block,
.grade-contact-inner dl.grade-contact-block{
    padding: 30px;
    border: 1px solid #d4d4d4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.recall-contact-inner dl.recall-contact-block > dt p,
.grade-contact-inner dl.grade-contact-block > dt p{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}
.recall-contact-inner dl.recall-contact-block dd dl,
.grade-contact-inner dl.grade-contact-block dd dl{
    display: table;
}
.recall-contact-inner dl.recall-contact-block dd dl.column,
.grade-contact-inner dl.grade-contact-block dd dl.column{
    float: left;
    margin-right: 1em;
}
.recall-contact-inner dl.recall-contact-block dd dl dt,
.recall-contact-inner dl.recall-contact-block dd dl dd,
.grade-contact-inner dl.grade-contact-block dd dl dt,
.grade-contact-inner dl.grade-contact-block dd dl dd{
    display: table-cell;
}
.grade-contact-text-emphasis{
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
}
.grade-contact-sub-text{
    margin-top: 4px;
    padding-left: 16px;
}
.grade-contact-list{
    padding-left: 1.5em;
    color: #09428c;
    text-indent: -1.5em;
}
@media screen and (max-width: 1099px) {
    .recall-contact-inner .break-control,
    .grade-contact-inner .break-control{
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .grade-contact{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 0;
    }
    .grade-contact .grade-contact-inner{
        float: none;
        padding-left: 0;
        width: calc(50% - 10px);
        border: 1px solid #d4d4d4;
    }
    .grade-contact .grade-contact-inner dl.grade-contact-block{
        border: none;
    }
}
@media screen and (max-width: 767px) {
    .recall-certificate,
    .grade-certificate{
        text-align: center;
    }
    .recall-certificate img,
    .grade-certificate img{
        margin-right: 0;
    }
    .recall-certificate ul.caution,
    .grade-certificate ul.caution{
        text-align: left;
    }
    .recall-certificate img.img-sp,
    .grade-certificate img.img-sp{
        display: inline-block !important;
        width: inherit;
        height: auto;
        max-width: 100%;
    }
    .recall-certificate ul.caution,
    .grade-certificate ul.caution{
        display: block;
    }
    .recall-contact,
    .grade-contact{
        margin-left: 0;
    }
    .recall-contact-inner,
    .grade-contact-inner{
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .recall-contact .recall-contact-inner:first-child,
    .grade-contact .grade-contact-inner:first-child{
        padding-bottom: 30px;
    }
    .recall-contact-inner dl.recall-contact-block,
    .grade-contact-inner dl.grade-contact-block{
        padding: 30px 15px;
    }
    .recall-contact-inner dl.recall-contact-block dd dl.column,
    .grade-contact-inner dl.grade-contact-block dd dl.column{
        float: none;
        margin-right: 0;
    }
    .recall-contact-inner dl.recall-contact-block dd dl dt,
    .grade-contact-inner dl.grade-contact-block dd dl dt{
        width: 7em;
    }
    .recall-contact-inner .break-control,
    .grade-contact-inner .break-control{
        display: inline;
    }
    .grade-contact-sub-text{
        padding-left: 0;
    }
}

/* -------------------------------------------------------------------
 - Result
------------------------------------------------------------------- */
dl.recall-result{
    margin-bottom: 30px;
    font-weight: bold;
}
dl.recall-result dt{
    font-size: 17px;
}
dl.recall-result dd{
    color: #b30000;
    font-size: 13px;
}

div.search_area.result{
    margin-top: 65px;
}

/* -------------------------------------------------------------------
 - recall-info recall-news
------------------------------------------------------------------- */
table.recall-info,
table.recall-news{
    margin: 30px 0;
    border-top: 1px solid #d4d4d4;
    border-spacing: 0;
    border-collapse: collapse;
}
table.recall-news.airbag{
    margin: 20px 0 0;
}
table.recall-info.result{
    border-top: none;
}
table.recall-info thead th,
table.recall-news thead th{
    padding: 6px;
    background-color: #ededed;
    font-weight: bold;
}
table.recall-info thead th.head-remarks{
    padding: 6px 0;
}
table.recall-info tbody td,
table.recall-news tbody td{
    padding: 24px 0 14px 0;
    border-bottom: 1px solid #d4d4d4;
    text-align: center;
}
table.recall-info tbody td.info-no{
    width: 90px;
}
table.recall-news tbody td.info-date{
    width: 105px;
    text-align: left;
}
table.recall-news.airbag tbody td.info-date{
    width: 330px;
}
table.recall-info tbody td.info-brand{
    width: 60px;
}
table.recall-news tbody td.info-brand{
    width: 40px;
}
table.recall-info tbody td.info-tit,
table.recall-news tbody td.info-tit{
    text-align: left;
}
table.recall-info tbody td.info-tit{
    min-width: 11em;
}
table.recall-info tbody td.info-date{
    min-width: 170px;
}
table.recall-info tbody td.info-status{
    min-width: 100px;
}
table.recall-info tbody td.info-remarks .inspection-caution{
    display: inline-block;
    min-width: 10em;
    padding-right: 6px;
    padding-left: 6px;
    text-align: left;
}
table.recall-news tbody td.info-remarks .inspection-caution{
    display: inline-block;
    min-width: 10em;
    padding-right: 6px;
    text-align: left;
}
p.recall-info-comment{
    margin-bottom: 30px;
}
#contents p.recall-info-comment a.externalLink{
    color: #b30000;
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
    table.recall-info.result{
        border-top: 1px solid #d4d4d4;
        line-height: 1.5;
    }
    table.recall-info thead{
        display: none;
    }
    table.recall-info tr,
    table.recall-news tr{
        display: block;
    }
    table.recall-info tr,
    table.recall-news tr{
        border-bottom: 1px solid #d4d4d4;
    }
    table.recall-news tr{
        padding-bottom: 14px;
    }
    table.recall-info tbody td,
    table.recall-news tbody td{
        display: block;
        float: left;
        clear: both;
        width: 100%;
        padding: 0;
        border-bottom: 0;
        text-align: left;
        font-weight: bold;
    }
    table.recall-info tbody td span,
    table.recall-news tbody td span{
        font-weight: normal;
    }
    table.recall-info tbody td.info-no,
    table.recall-info tbody td.info-brand,
    table.recall-info tbody td.info-date,
    table.recall-info tbody td.info-status,
    table.recall-info tbody td.info-remarks,
    table.recall-news tbody td.info-date,
    table.recall-news tbody td.info-brand{
        width: 100%;
    }
    table.recall-info tbody td.info-date,
    table.recall-info tbody td.info-status{
        min-width: 0;
    }
    table.recall-info tbody td:before,
    table.recall-info tbody td span.info-data,
    table.recall-news tbody td span.info-data{
        display: table-cell;
    }
    table.recall-info tbody td:before,
    table.recall-info tbody td span.info-data{
        padding: 8px 10px;
    }
    table.recall-news tbody td.info-date span.info-data{
        padding: 24px 0 0.5em 0;
    }
    table.recall-news tbody td.info-tit span.info-data{
        padding: 0.5em 0 0 0;
    }
    table.recall-news tbody td.info-remarks span.info-data{
        padding: 0.5em 0 0 0;
    }
    table.recall-info tbody td span.info-data{
        vertical-align: middle;
    }
    table.recall-info tbody td:before{
        content: attr(data-th);
        width: 86px;
        background-color: #ededed;
        text-align: left;
        vertical-align: top;
        box-sizing: border-box;
    }
    table.recall-info tbody td.info-brand:before,
    table.recall-info tbody td.info-brand span.info-data,
    table.recall-news tbody td.info-brand:before,
    table.recall-news tbody td.info-brand span.info-data{
        padding: 0 10px;
    }
    table.recall-info tbody td.info-remarks,
    table.recall-news tbody td.info-brand{
        text-align: left;
    }
    table.recall-info tbody td.info-remarks,
    table.recall-info tbody td.info-remarks span.info-data:empty,
    table.recall-info tbody td.info-remarks:before{
        padding: 0;
    }
    table.recall-info tbody td.info-remarks .inspection-caution{
        display: inline;
        min-width: 0;
        padding: 0;
    }
}

/* -------------------------------------------------------------------
 - More from
------------------------------------------------------------------- */
#more_from {
    display: block;
    margin-top: 50px;
    padding-top: 35px;
    border-spacing: 50px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-spacing: 0;
}
#more_from h2 {
    display: block;
    color: #000;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 36px;
    text-align: center;
    vertical-align: top;
}
#more_from h2 a:hover {
    text-decoration: none;
}
#more_from ul {
    display: block;
    overflow: hidden;
    width: auto;
    padding-bottom: 20px;
    padding-left: 0;
    text-align: center;
}
#more_from li {
    margin-bottom: 20px;
}
#more_from h2.current,
#more_from li.current {
    color: #eb081e;
}

@media screen and (min-width: 768px) {
    #more_from {
        display: table;
        padding-top: 0;
        border-spacing: 50px;
    }
    #more_from h2 {
        display: table-cell;
        min-width: 260px;
        text-align: left;
    }
    #more_from ul {
        display: table-cell;
        width: 100%;
        padding-bottom: 0;
    }
    #more_from li {
        margin-bottom: 20px;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #more_from h2 {
        min-width: 150px;
    }
}

/* -------------------------------------------------------------------
 - information
------------------------------------------------------------------- */
p.airbag_comment{
    margin-top: 20px;
}
.news_block.airbag dl dd{
    padding: .5em 0 14px 145px;
}
@media screen and (max-width: 767px){
    .news_block.airbag dl dd{
        padding: .5em 0 14px 0;
    }
    table.recall-news.airbag tbody td.info-date{
        width: 100%;
    }
}

/* -------------------------------------------------------------------
 - grade
------------------------------------------------------------------- */
.grade-search-paragraph{
    margin-bottom: 25px;
}
.grade-search-note{
    position: relative;
    padding-left: 1em;
}
.grade-search-note::before{
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
}
ul.grade-search-attention{
    padding-left: 0.5em;
}
ul.grade-search-attention.grade-search-attention-indent-init{
    padding-left: 0;
}
ul.grade-search-attention li{
    position: relative;
    padding-left: 1em;
}
.grade-search-attention.dot li::before{
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
}
.grade-search-attention.ster li::before{
    content: "＊";
    position: absolute;
    top: 0;
    left: 0;
    color: #eb0a1e;
}
@media screen and (min-width: 768px) {
    .grade-search-column{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .grade-search-column .grade-search-column-heading{
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .grade-search-column .grade-search-column-contents{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }
    dl.grade-search-column dd.grade-search-column-contents{
        margin-left: 0;
    }
}
@media screen and (max-width: 767px){
    dl.grade-search-column dd.grade-search-column-contents{
        margin-left: 1em;
    }
}
.grade-search-footer-text{
    margin-bottom: 25px;
}
.grade-search-footer-text .grade-search-footer-text-inner{
    padding-left: 1em;
}
@media screen and (max-width: 767px){
    .grade-search-footer-text .grade-search-footer-text-inner{
        padding-left: 0;
    }
}
.grade-search-footer-text .grade-search-required{
    max-width: 762px;
    margin: 4px 0 10px;
    font-weight: bold;
}
.grade-search-footer-text .grade-search-required.grade-search-required-weight-init{
    font-weight: inherit;
}
.grade-search-footer-text .grade-search-required.grade-search-required-width-init{
    max-width: none;
}
.grade-search-footer-text .grade-search-required dd{
    margin-left: 0.5em;
}
.grade-search-footer-text .grade-search-required .grade-search-required-list li{
    padding-left: 1em;
    text-indent: -1em;
}
.grade-search-footer-text .grade-search-required .grade-search-required-list .txt-sub{
    font-weight: normal;
}
@media screen and (min-width: 768px){
    .grade-search-footer-text .grade-search-required .grade-search-required-list::after{
        content: "";
        display: block;
        clear: both;
    }
    .grade-search-footer-text .grade-search-required .grade-search-required-list li{
        float: left;
        padding-right: 1em;
    }
}
.grade-search-footer-text .grade-search-mail-info{
    margin-top: 10px;
}
.grade-search-footer-text .grade-search-border-box{
    max-width: 728px;
    margin-top: 4px;
    padding: 12px;
    border: 1px solid #d4d4d4;
}
.grade-search-footer-text .grade-search-border-box dd{
    margin-top: 4px;
}
.search_area p.btn{
    text-align: center;
}
.search_area p.btn input[type="button"]{
    width: 220px;
    background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png");
    background-position: 95% center;
    background-position: right 26px center;
    background-repeat: no-repeat;
    padding: 12px 45px 12px 30px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    background-color: #ffffff;
    text-align: center;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Osaka, sans-serif;
    font-size: 13px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
@media screen and (max-width: 767px){
    .search_area p.btn input[type="button"]{
        width: auto;
        max-width: 100%;
    }
}

/* -------------------------------------------------------------------
 - grade result
------------------------------------------------------------------- */
.search_area dl.vin,
.search_area dl.car-name,
.search_area dl.car-grade{
    display: table;
    width: 100%;
}
.search_area dl.vin,
.search_area dl.car-grade{
    border-bottom: 1px solid #d4d4d4;
}
.search_area dl.vin dt,
.search_area dl.car-name dt,
.search_area dl.car-grade dt{
    width: 170px;
    font-weight: bold;
}
.search_area dl.vin dt,
.search_area dl.vin dd,
.search_area dl.car-name dt,
.search_area dl.car-name dd,
.search_area dl.car-grade dt,
.search_area dl.car-grade dd{
    display: table-cell;
    padding-bottom: 10px;
}
.search_area dl.car-name dt,
.search_area dl.car-name dd{
    padding-top: 21px;
}
.search_area dl.car-grade dt,
.search_area dl.car-grade dd{
    padding-top: 10px;
}
.search_area p.noinfo{
    border-bottom: 1px solid #d4d4d4;
}
.search_area p.noinfo,
.search_area p.contact-info{
    padding: 15px 0;
}
.search_area div.contact-info-wrapper{
    padding-top: 15px;
}
.search_area ul.request-form{
    margin-top: 10px;
}
.search_area ul.request-form li{
    margin-bottom: 10px;
}
.search_area form.result{
    margin-top: 15px;
}
@media screen and (max-width: 767px){
    .search_area dl.vin,
    .search_area dl.vin dt,
    .search_area dl.vin dd,
    .search_area dl.car-name,
    .search_area dl.car-name dt,
    .search_area dl.car-name dd,
    .search_area dl.car-grade,
    .search_area dl.car-grade dt,
    .search_area dl.car-grade dd{
        display: block;
        width: 100%;
    }
    .search_area dl.vin dt,
    .search_area dl.car-name dt,
    .search_area dl.car-grade dt{
        padding-bottom: 0;
    }
    .search_area dl.car-name dd,
    .search_area dl.car-grade dd{
        padding-top: 0;
    }
    .search_area ul.request-form{
        margin-bottom: 25px;
    }
}

/* -------------------------------------------------------------------
 - SNSエリア調整
------------------------------------------------------------------- */
#migration-sns-area .addthis_button_linkedin_counter{
    margin-left: 5px;
}

/* -------------------------------------------------------------------
 - error-page
------------------------------------------------------------------- */
.error-msg{
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
}
.search-back{
    text-align: center;
}
.search-back .error-btn{
    padding: 12px 45px 12px 30px;
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png");
    background-position: 95% center;
    background-position: right 26px center;
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
    .error-msg{
        margin-top: 50px;
        text-align: left;
    }
    .search-back .error-btn {
        display: inline-block;
        width: auto;
        background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s_sp.png");
        background-image: url("/jpn/auto/recall/images/susnav_arrow_red_s.png")\9;
        background-size: 4px 7px;
    }
}

/* -------------------------------------------------------------------
 - 余白関連
------------------------------------------------------------------- */
.margint1-half{
    margin-top: 0.75em;
}
.margint2{
    margin-top: 3em;
}
.marginb1-half{
    margin-bottom: 0.75em;
}
/*margin-topパターン*/
.margin-t10{
    margin-top: 10px;
}
.margin-t15{
    margin-top: 15px;
}
.margin-t20{
    margin-top: 20px;
}
.margin-t25{
    margin-top: 25px;
}
.margin-t30{
    margin-top: 30px;
}
.margin-t40{
    margin-top: 40px;
}
.margin-t50{
    margin-top: 50px;
}
.margin-t60{
    margin-top: 60px;
}
/*margin-bottomパターン*/
.margin-b10{
    margin-bottom: 10px;
}
.margin-b15{
    margin-bottom: 15px;
}
.margin-b20{
    margin-bottom: 20px;
}
.margin-b25{
    margin-bottom: 25px;
}
.margin-b30{
    margin-bottom: 30px;
}
.margin-b40{
    margin-bottom: 40px;
}
.margin-b50{
    margin-bottom: 50px;
}
.margin-b60{
    margin-bottom: 60px;
}

/* -------------------------------------------------------------------
 - 文字装飾関連
------------------------------------------------------------------- */
/*太文字設定*/
.txt-bold{
    font-weight: bold;
}
.txt-red{
    color: #eb0a1e;
}
.txt-underline{
    text-decoration: underline;
}

/*リンク*/
#contents .txt-link:link, 
#contents .txt-link:visited,
#contents .txt-link:active {
    color: #09428c;
    text-decoration: underline;
}
#contents .txt-link:hover {
    color: #09428c;
    text-decoration: none;
}
#contents a.underline-link{
    color: inherit;
    text-decoration: underline;
}
#contents a.underline-link:hover{
    text-decoration: none;
}
#contents a.underline-bold-link{
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}
#contents a.underline-bold-link:hover{
    text-decoration: none;
}

/* -------------------------------------------------------------------
 - 文字配置関連
------------------------------------------------------------------- */
.txt-center{
    text-align: center;
}
.txt-left{
    text-align: left;
}
.txt-right{
    text-align: right;
}


/* -------------------------------------------------------------------
 - 枠あり強調
------------------------------------------------------------------- */
.frame-stand-out{
    padding: 4px 8px 0px 8px;
    border: #09428c 2px solid;
    color:#09428c;
    box-sizing: border-box;
}
.frame-stand-out b{
    font-size: 15px;
}
.recall-search-title + .frame-stand-out{
    width: 100%;
    max-width: 480px;
    margin-top: -25px;
    margin-bottom: 15px;
    text-align: center;
}

@media screen and (max-width:767px){
    .recall-search-title + .frame-stand-out{
        text-align: left;
    }
}

/* - 【サブクラス】frame-stand-out-flexible */
.frame-stand-out.frame-stand-out-flexible {
    width: 100%;
    max-width: 480px;
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (max-width:767px){
    .frame-stand-out.frame-stand-out-flexible {
        text-align: left;
    }
}
#contents .recall-search-title-lead{
    margin-top: -25px;
    margin-bottom: 10px;
}

/* -------------------------------------------------------------------
 + タカタエアバッグ対応
------------------------------------------------------------------- */
/* - テーブル内スタイル */
.inspection-row{
    background-color: #fdfdad;
}
table.recall-info tbody td.info-remarks,
table.recall-info tbody td.info-remarks span,
#contents a.inspection-caution-link{
    margin-right: 0;
    color: #f00;
    font-weight: bold;
}

/* - モーダル */
#inspection-modal{
    padding: 64px 40px 56px;
}
#inspection-modal p{
    font-size: 22px;
    font-weight: bold;
}
#inspection-modal .inspection-confirm{
    margin: auto;
    margin-top: 48px;
}
.inspection-strong{
    color: #b52a00;
    text-decoration: underline;
}
.inspection-confirm{
    display: block;
    width: 158px;
    padding: 10px;
    background-color: #ccc;
    color: #333;
    text-align: center;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    box-sizing: border-box;
    cursor: pointer;
}
.inspection-confirm:hover{
    background-color: #ddd;
}

@media screen and (max-width:767px){
    #inspection-modal{
        padding: 30px 18px 20px;
    }
    #inspection-modal p,
    .inspection-confirm{
        font-size: 18px;
    }
    .inspection-strong{
        color: #f10707;
    }
    .inspection-confirm{
        width: 100%;
        padding: 12px 10px;
        border: 1px solid #b0b0b0;
        background-color: #f9f9f9;
        font-weight: bold;
        line-height: inherit;
    }
    .inspection-confirm:hover{
        background-color: #f9f9f9;
        opacity: 0.7;
    }
}

/* - テキスト強調 */
.emphasis,
table.recall-info tbody td span.emphasis,
table.recall-news tbody td span.emphasis{
    color: #f00;
    font-weight: bold;
}

/* - テーブル内注釈 */
.info-caution{
    display: block;
    margin-top: 0.5em;
}

/* - 対象車種一覧 */
#recalled-car .table-wrapper {
    overflow-x: auto;
}
#recalled-car table {
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
    white-space: nowrap;
    table-layout: fixed;
    width: 790px;
}
#recalled-car table tr th {
    width: 28%;
}
#recalled-car thead tr > * {
    padding: 7px;
    border: 1px solid #d4d4d4;
    background: #ededed;
    text-align: center;
    font-weight: bold;
}
#recalled-car tbody tr > * {
    padding: 7px;
    border: 1px solid #d4d4d4;
    font-weight: normal;
}
#recalled-car tbody tr th {
    text-align: left;
}
#recalled-car tbody tr td {
    text-align: center;
}

/* -------------------------------------------------------------------
 + カタログリンク
------------------------------------------------------------------- */
.catalog-link-area{
    margin-top: 60px;
    padding: 40px 30px 24px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.catalog-link-wrapper{
    margin-top: 32px;
    margin-bottom: 36px;
}
.section.html.contents_area .catalog-link-inner h4{
    margin-top: 0;
}
.catalog-link-attention{
    margin-left: 1em;
    text-indent: -1em;
}
.catalog-link-attention .line-control{
    margin-left: 1em;
}
.section.html.contents_area h4 + p.catalog-link-attention{
    margin-top: 4px;
}
.catalog-link-attention:before{
    content: "＊";
    color: #eb0a1e;
}
.catalog-link-button{
    margin-top: 24px;
}
.catalog-link-button-caption{
    margin-top: 6px;
}
@media screen and (min-width: 768px){
    .catalog-link-wrapper{
        display: table;
        width: 100%;
        margin-top: 40px;
    }
    .catalog-link-inner{
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }
    .catalog-link-inner:nth-child(odd){
        border-right: 10px solid transparent;
    }
    .catalog-link-inner:nth-child(even){
        border-left: 10px solid transparent;
    }
    .catalog-link-inner .tjp-style-btn{
        max-width: 284px;
    }
}
@media screen and (max-width: 1024px){
    .catalog-link-area{
        padding: 40px 16px 24px;
    }
}
@media screen and (max-width: 767px){
    .catalog-link-area{
        padding: 48px 10px 28px;
    }
    .catalog-link-inner:not(:first-child){
        margin-top: 60px;
    }
    .catalog-link-button{
        margin-top: 20px;
    }
}

/* - スタイル上書き */
.section.html.contents_area .tjp-style-btn{
    line-height: 48px;
}
#contents a.tjp-style-btn{
    color: #333;
}
#contents a.tjp-style-btn:hover{
    color: #eb081e;
    text-decoration: none;
}

/* -------------------------------------------------------------------
 - tjpスタイルのボタン
------------------------------------------------------------------- */
.tjp-style-btn{
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 1px 1px rgba(4,0,0,0.24);
    box-shadow: 0px 1px 1px rgba(4,0,0,0.24);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 48px;
    padding-right: 68px;
    padding-left: 18px;
    border-radius: 2px;
    background-color: #ededed;
    color: #333;
    font-weight: bold;
    font-size: 12px;
    line-height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tjp-style-btn:before{
    content: "";
    position: absolute;
    top: 19px;
    right: 0;
    bottom: 18px;
    width: 49px;
    border-left: 1px dotted #ed1621;
    background: url("/jpn/auto/recall/images/tjp_style_btn_arrow.png") no-repeat center center;
    background-size: 7px auto;
}
.tjp-style-btn:after{
    content: "";
    position: absolute;
}
.tjp-style-btn:hover:after{
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 1px;
    background-color: #ed1621;
}
@media screen and (max-width: 767px){
    .tjp-style-btn{
        font-size: 13px;
    }
}