@charset "UTF-8";

/* !breadcrumb
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #breadcrumb {}

    #breadcrumb ul {
        padding: 12px 41px;
        width: 686px;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumb {
        display: none;
    }
}

/* !lNavi
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #lNavi {
        margin: 0 auto;
        padding: 0;
        width: 686px;
    }

    #lNavi a {
        background-image: none !important;
        padding-right: 36px !important;
        position: relative;
    }

    #lNavi a:after {
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    #lNavi .tit {}

    #lNavi .tit a {
        padding: 15px 40px 14px 19px;
    }

    #lNavi>ul {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    #lNavi li {}

    #lNavi li a {
        padding: 12px 40px 11px 18px;
        background-color: #fff;
    }

    #lNavi li ul.inner {}

    #lNavi li ul.inner>li>a {
        padding-left: 44px;
        background-image: url(/common/images/sub/ico_lnavi_arrow01.png) !important;
        background-position: 29px center;
    }

    #lNavi li ul.inner>li:first-child>a {
        border-top: none;
    }

    #lNavi li ul.inner a {
        background-color: #fff;
    }

    #lNavi li ul.inner>li>a {
        border-top: 1px solid #ccc;
    }

}

@media screen and (max-width: 767px) {
    #lNavi {
        width: 100%;
    }

    #lNavi li ul.inner>li>a {
        padding-left: 26px;
        background-image: none !important;
    }
}

/* !mainimg
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #mainimg {
        background-position: right top;
    }

    #mainimg .inner,
    #mainimg .read {
        padding-left: 59px;
        width: 709px;
    }
}

@media screen and (max-width: 767px) {
    #mainimg {
        width: 100%;
        margin-bottom: 0;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: url(/common/images/mainimg_parts01_sp.jpg) no-repeat center top;
        background-size: 100% auto;
    }

    #mainimg .inner {
        padding-left: 0;
        width: 100%;
    }

    #mainimg .read {
        width: 100%;
    }

    #mainimg .inner h1 {
        width: 100%;
        font-size: 114.28%;
    }

    #mainimg .inner .category {
        margin-top: 10px;
    }

    #mainimg .read {
        margin-top: 44px;
        padding-left: 0;
        width: 100%;
        color: #333;
    }
}

/* !heading
---------------------------------------------------------- */
@media screen and (max-width: 979px) {

    .h1_basic01Wrap,
    .h1_basic02Wrap {
        margin: 0 auto 55px;
        width: 650px;
    }

    .h1_basic01Wrap.btn {
        margin: 0 auto;
        width: 650px;
        position: relative;
    }

    .h1_basic01Wrap.btn>.h1_basic01,
    .h1_basic01Wrap.btn>.h1_basic02 {
        padding-right: 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .h1_basic01Wrap.btn>.btnR {
        display: block;
        width: 100%;
    }

    .h1_basic01Wrap.btn>.btnR>.btn01 {
        float: none;
        margin-top: 16px;
        padding: 4px 46px 0 10px;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: none;
        border-top: solid 1px #ccc;
        background: none;
        position: absolute;
        left: 0;
        bottom: 6px;
    }

    .h1_basic01Wrap.btn>.btnR>.btn01:hover,
    .h1_basic01Wrap.btn>.btnR>.btn01:focus {
        background-color: #fff;
    }

    .h1_basic01Wrap.btn>.btnR>.btn01>span {
        padding: 0;
    }

    .h1_basic01Wrap.btn>.btnR>.btn01>span:after {
        display: block;
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }
}

@media screen and (max-width: 767px) {

    .h1_basic01Wrap,
    .h1_basic02Wrap {
        padding: 13px 10px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom-width: 5px;
    }

    .h1_basic01Wrap.btn {
        width: 100%;
        padding: 0 0 50px;
    }

    .h1_basic01Wrap .h1_basic01,
    .h1_basic02Wrap .h1_basic02 {
        padding-top: 0;
        font-size: 128.57%;
    }

    .h1_basic02Wrap .read {
        margin-top: 5px;
    }
}

@media screen and (max-width: 979px) {
    .h2_basic01Wrap {}
}

@media screen and (max-width: 767px) {
    .h2_basic01Wrap {
        padding: 59px 10px 10px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom-width: 3px;
    }

    .h2_basic01 {
        font-size: 121.42%;
    }

    .h2_basic01Wrap.btn {
        display: block;
        padding-right: 0;
        width: 100%;
    }

    .h2_basic01Wrap.btn>.h2_basic01 {
        display: block;
    }

    .h2_basic01Wrap.btn>.btnR {
        display: block;
        padding: 0;
        height: 28px;
    }

    .h2_basic01Wrap.btn>.btnR>.icoWrap01 {
        margin-top: 6px;
        float: none;
    }

    .h2_basic01Wrap.btn>.btnR>.pagination01 {
        margin-top: 6px;
        float: left;
    }

    .h2_basic01Wrap.btn>.btnR>.strong01 {
        margin-top: 4px;
        float: none;
    }

    .h2_basic01Wrap.link {
        margin-bottom: 0;
    }

    .h2_basic01Wrap.link .h2_basic01 {
        display: inline-block;
        font-size: 128.57%;
    }

    .h2_basic01Wrap.link+.newsLink01 {
        border-top: none;
        border-bottom: 2px solid #dedede;
    }

    .h2_basic01Wrap.link+.newsLink01 li {
        border-top: none;
        padding-top: 2px;
        font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    }
}

@media screen and (max-width: 979px) {
    .h3_basic01Wrap {}
}

@media screen and (max-width: 767px) {
    .h3_basic01Wrap {
        margin: 40px 0 30px;
        padding: 0 10px 9px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom-width: 2px;
    }

    .h3_basic01 {
        font-size: 114.28%;
    }
}

@media screen and (max-width: 979px) {
    .h4_basic01Wrap {
        background-image: url(/common/images/bg_h4_border01_tb.gif);
        background-size: 650px 2px;
    }
}

@media screen and (max-width: 767px) {
    .h4_basic01Wrap {
        margin: 59px 0 30px;
        padding: 0 10px 9px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom-width: 2px;
    }

    .h4_basic01 {
        font-size: 107.14%;
    }
}

@media screen and (max-width: 767px) {

    .h5_basic01,
    .h6_basic01 {
        padding: 0 10px;
    }
}

/* !text
---------------------------------------------------------- */
@media screen and (max-width: 767px) {

    #main>.read01,
    #main>.txt01 {
        padding: 0 10px;
    }

    #main>.note01 {
        padding: 0 10px 0 1.7em;
        text-indent: -1em;
    }
}

/* !button
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .btn01 {
        background-image: url(/common/images/ico_arrow_l01_2x.png);
        background-size: 6px 12px;
    }

    .btn01:hover {
        background-color: #fff;
    }

    .btn01>span {
        padding-top: 2px;
    }

    .btn01.bgc01:hover {
        background-color: #666;
    }

    .btn01.bgc02 {
        background-image: url(/common/images/ico_arrow_l02_2x.png);
    }

    .btn01.bgc02:hover {
        background-color: #e00000;
    }

    .btn01.close01 {
        background-image: url(/common/images/ico_close01_2x.png);
        background-size: 11px 11px;
    }

    .btn01.close01:hover {
        background-color: #fff;
    }

    .btn01.icoInfo {
        background-image: url(/common/images/ico_info_01_2x.png);
        background-size: 28px 25px;
    }

    .btn01.icoInfo:hover {
        background-color: #efefef;
    }

    .btn01.anchor {
        background-image: url(/common/images/ico_arrow_l01_down_2x.png);
        background-size: 12px 6px;
    }
}

@media screen and (max-width: 767px) {
    .btn01.spType01 {
        background-image: none;
        position: relative;
    }

    .btn01.spType01 span {
        padding: 0 36px 0 10px;
    }

    .btn01.spType01 span:after {
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -13px;
        position: absolute;
        top: 50%;
        right: 10px;
    }
}


/* !list
---------------------------------------------------------- */
@media screen and (max-width: 979px) {

    /* 赤矢印リスト */
    .ul_arrow01 {}

    .ul_arrow01>li {
        background: url(/common/images/ico_arrow01_2x.png) no-repeat left 0.4em;
        background-size: 5px 9px;
    }

    .ul_arrow01>li.back {
        background-image: url(/common/images/ico_arrow01_back_2x.png);
    }

    .ul_arrow01>li.anchor {
        background: url(/common/images/ico_arrow01_down_2x.png) no-repeat left 0.6em;
        background-size: 9px 5px;
    }

    /* グレー矢印リスト */
    .ul_arrow02 {}

    .ul_arrow02>li {
        background: url(/common/images/ico_arrow02_2x.png) no-repeat left 0.4em;
        background-size: 5px 9px;
    }
}

@media screen and (min-width: 768px) {

    /* dl_news01 */
    .dl_news01 {
        margin-bottom: 1px\9;
    }

    .dl_news01 .label {
        float: left;
    }

    .dl_news01 .tit {
        display: block;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {

    #main>.ul_circle01,
    #main>.ul_arrow01,
    #main>.ul_arrow02 {
        margin-top: 0;
        padding: 0 10px;
    }


    /* 複数カラム */
    .ul_circle01.col2,
    .ul_circle01.col3,
    .ul_circle01.col4,
    .ul_arrow01.col2,
    .ul_arrow01.col3,
    .ul_arrow01.col4,
    .ul_arrow02,
    .ul_arrow03,
    .ul_arrow04,
        {
        margin-top: 30px;
    }

    .ul_circle01.col2>li,
    .ul_arrow01.col2>li,
    .ul_arrow02.col2>li,
    .ul_circle01.col3>li,
    .ul_arrow01.col3>li,
    .ul_arrow02.col3>li,
    .ul_circle01.col4>li,
    .ul_arrow01.col4>li,
    .ul_arrow02.col4>li {
        float: none;
        padding-right: 0;
        width: 100%;

    }


    /* 定義リスト */
    #main>.dl_basic01 {
        padding: 0 10px;
    }

    .dl_basic01 dt {

        float: none;
        width: 100%;
    }

    .dl_basic01 dd {
        margin-top: 0;
        padding-left: 0;
    }

    .dl_basic02 {}

    .dl_basic02 dt {
        float: none;
        padding: 10px 10px 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .dl_basic02 dd {
        padding: 0 10px 10px;
    }

    #main>.dl_basic03 {
        padding: 0 10px;
    }

    /* ニュース・トピックス・更新情報リスト */
    .dl_news01 {
        padding: 10px 0;
        position: relative;
    }

    .dl_news01 dt {
        width: 100%;
        padding: 0 33px 5px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .dl_news01 dt:after {
        display: block;
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    .dl_news01 dd {
        padding: 0 36px 0 10px;
    }

    .dl_news01 .ul_arrow01 {
        padding: 0;
    }

    .dl_news01 .ul_arrow01>li {
        padding: 0;
        background: none;
    }

    .dl_news01 .label {
        float: none;
        position: absolute;
        left: 12em;
        top: 10px;
        margin-right: 0 !important;
    }

    .dl_news01 .tit {
        display: block;
        margin-top: 8px;

        overflow: visible;
    }

    .dl_news01 .txt {
        margin-left: 0;
    }

    .dl_news01 .img {
        display: none;
    }

    .dl_news01 .ftBox {
        overflow: visible;
    }

    /* Q&Aリスト */
    #main>.faqList01 {
        padding: 0 10px;
    }

    /* 数字付きリスト */
    #main>.ol_basic01,
    #main>.ol_basic02 {
        padding: 0 10px;
    }
}

/* !listLayout
---------------------------------------------------------- */
/* 均等幅リスト */
@media screen and (max-width: 979px) {

    /* 1カラム内 */
    #main.col1 .fixedList01.col2 {
        margin-left: -20px;
    }

    #main.col1 .fixedList01.col2>li {
        width: 315px;
        margin-left: 20px;
    }

    #main.col1 .fixedList01.col3,
    #main.col1 .fixedList01.col4 {
        margin-left: -19px;
    }

    #main.col1 .fixedList01.col3>li,
    #main.col1 .fixedList01.col4>li {
        width: 204px;
        margin-left: 19px;
    }
}

@media screen and (max-width: 767px) {
    #main>.fixedList01 {
        padding: 0 10px;
    }

    .fixedList01>li {
        float: none;
        margin: 10px 0 0;
        width: 100%;
    }

    .fixedList01.col2,
    .fixedList01.col3,
    .fixedList01.col4,
    #main.col1 .fixedList01.col2,
    #main.col1 .fixedList01.col3,
    #main.col1 .fixedList01.col4 {
        margin-left: 0;
    }

    .fixedList01.col2>li,
    .fixedList01.col3>li,
    .fixedList01.col4>li,
    #main.col1 .fixedList01.col2>li,
    #main.col1 .fixedList01.col3>li,
    #main.col1 .fixedList01.col4>li {
        width: 100%;
        margin-left: 0;
    }
}

/* インラインリスト */
@media screen and (max-width: 767px) {
    .inlineList01 {
        margin-left: 0;
    }

    #main>.inlineList01 {
        padding: 0 10px;
    }

    .inlineList01>li {
        float: none;
        margin: 10px 0 0;
    }

    .inlineList01>li:first-child {
        margin-top: 0;
    }
}

/* 複合リスト */
@media screen and (max-width: 767px) {
    .indexMultiList01 {
        margin-top: 0;
    }

    .indexMultiList01 .btn01 {
        border-width: 1px 0;
        margin-bottom: -1px;
        height: auto;
        padding: 10px 0 8px;
    }

    .indexMultiList01 .fixedList01 {
        margin-bottom: 0;
    }
}


/* !box
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    #main.col1 .box01 .colL {
        width: 370px;
    }

    .gridWrap>.grid>.grid-mod .box01.boxReader figure,
    .gridWrap>.grid>.grid-mod .box01.boxFlash figure,
    .gridWrap>.grid>.grid-mod .box01.boxWmp figure,
    .gridWrap>.grid>.grid-mod .box01.boxQuickTime figure {
        margin-bottom: 15px;
    }

    .gridWrap>.grid>.grid-mod .box01.boxReader figure img,
    .gridWrap>.grid>.grid-mod .box01.boxFlash figure img,
    .gridWrap>.grid>.grid-mod .box01.boxWmp figure img,
    .gridWrap>.grid>.grid-mod .box01.boxQuickTime figure img {
        float: none;
    }
}

@media screen and (max-width: 767px) {
    #main>.box01Wrap {
        padding: 0 10px;
    }

    .box01 {}

    .box01 .txt01 {
        padding: 0;
    }

    .box01 figure img {
        max-width: 100%;
        height: auto;
    }

    .box01 .w140 {
        width: 70px;
    }

    .box01 .colL,
    #main.col1 .box01 .colL {
        float: none;
        width: 100%;
    }

    .box01 .colR {
        float: none;
        width: 100%;
    }

    .box01 .colR .btn01 {
        float: none;
        width: 100%;
    }

    .box01 .colR .btn01:first-child {
        margin-top: 20px;
    }

    .box01.boxReader,
    .box01.boxFlash,
    .box01.boxWmp,
    .box01.boxQuickTime {
        margin: 20px 10px;
        display: block;
        width: auto;
    }

    .box01.boxReader figure,
    .box01.boxFlash figure,
    .box01.boxWmp figure,
    .box01.boxQuickTime figure {
        margin-bottom: 15px;
        display: block;
    }

    .box01.boxReader figure img,
    .box01.boxFlash figure img,
    .box01.boxWmp figure img,
    .box01.boxQuickTime figure img {
        float: none;
        display: block;
    }

    .box01.boxReader .ftBox,
    .box01.boxFlash .ftBox,
    .box01.boxWmp .ftBox,
    .box01.boxQuickTime .ftBox {
        display: block;
    }
}

/* !biggerlink
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .biggerlink:hover img {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
        outeline: none;
        border: none;
    }

    /* ボックス背景 */
    .box01.biggerlink:hover,
    .indexBox01.biggerlink:hover,
    .relatedContents01.biggerlink:hover {
        background-color: transparent;
    }
}

/* !pagination
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .pagination01 {}

    .pagination01 .prev {
        background-image: url(/common/images/btn_pagination01_prev_2x.png);
        background-size: 5px 9px;
    }

    .pagination01 .prev.disabled {
        background-image: url(/common/images/btn_pagination01_prev_disabled_2x.png);
        background-size: 5px 9px;
    }

    .pagination01 .next {
        background-image: url(/common/images/btn_pagination01_next_2x.png);
        background-size: 5px 9px;
    }

    .pagination01 .next.disabled {
        background-image: url(/common/images/btn_pagination01_next_disabled_2x.png);
        background-size: 5px 9px;
    }

    /* list */
    .pagination01 ul {}

    .pagination01>li {
        background-image: url(/common/images/bg_pagination_border01_2x.png);
        background-size: 1px 10px;
    }
}

@media screen and (max-width: 767px) {
    .pagination01 {
        padding: 0 10px;
    }

    .pagination01 .prev,
    .pagination01 .next {
        width: 60px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
    }

    .pagination01 .prev {
        padding-left: 10px;
    }

    .pagination01 .next {
        padding: 0 10px;
    }

    .pagination01 ul {
        top: 3px;
    }

    .pagination01 ul>li {
        min-width: 58px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .pagination01 ul>li.hide {
        display: none;
    }
}

/* !table
---------------------------------------------------------- */
@media screen and (max-width: 979px) {

    /* 横スクール */
    .table_basic01Wrap.tableScroll.scrollTB {
        width: 100%;
        /*padding: 0 10px;*/
        padding: 0 10px 0 0;
        /*タイヤサイズ位置固定*/
        /*margin-left: 10px;*/
        /*タイヤサイズ位置固定*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        /*overflow: auto;*/
        -webkit-overflow-scrolling: touch;
        position: relative;
        z-index: 1;
    }

    .table_basic01Wrap.tableScroll.scrollTB .table_basic01 {
        width: 980px;
        font-size: 85.71%;
        /*タイヤサイズ位置固定*/
        border-collapse: initial;
    }


    /*タイヤサイズ位置固定*/
    .sticky_table {
        border-left: none;
        border-collapse: separate;
        position: relative;
    }

    .sticky_table thead th.sticky {
        position: sticky;
        /*top: 44px; */
        /*left: -1px;*/
        left: 0px;
        z-index: 100;
    }

    .sticky_table thead th.sticky.tiresize {
        z-index: 300
    }



    h3.sticky {
        position: sticky;
        left: 0
    }

    tbody td.sticky {
        position: sticky;
        /*left: -1px;*/
        left: 0px;
        box-sizing: border-box;
        border-left: 1px solid #ccc;
        z-index: 200
    }

    td.sticky {
        background-color: #FFF;
        /*これがないと透ける*/
    }

    .tiresize_sticky {
        background-color: #FFF;
        /*これがないと透ける*/
        border-left: none;
    }



    .table_basic02Wrap {
        padding: 0 10px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }



}

@media screen and (max-width: 767px) {
    .table_basic01Wrap {
        width: 100%;
        padding: 0 10px;
        padding: 0 10px 0 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }



    .table_basic01Wrap:not(.tableScroll) {}

    .table_basic01Wrap:not(.tableScroll) .table_basic01 {}

    .table_basic01Wrap:not(.tableScroll) .table_basic01 thead {
        display: none;
    }

    .table_basic01Wrap:not(.tableScroll) .table_basic01 th,
    .table_basic01Wrap:not(.tableScroll) .table_basic01 td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: left;
    }

    .table_basic01 .rowTit {
        display: inline-block;
        color: #333;
        margin-right: 10px;
    }


    /* 横スクール */
    .table_basic01Wrap.tableScroll {
        width: 100%;
        /*padding: 0 10px;*/
        padding: 0 10px 0 0;
        /*タイヤサイズ位置固定*/
        /*margin-left: 10px;*/
        /*タイヤサイズ位置固定*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }


    .table_basic01Wrap.tableScroll .table_basic01 {
        width: 980px;
        font-size: 85.71%;
        /*タイヤサイズ位置固定*/
        /*overflow: auto;*/
        /*border-collapse: initial;*/
        /*left: -1px;*/
        left: 0px;
        /*border-left: 1px solid #ccc;*/
    }


    /*タイヤサイズ位置固定*/
    .sticky_table {
        border-left: none;
        border-collapse: separate;
        position: relative;
    }

    .sticky_table thead th.sticky {
        position: sticky;
        /*top: 44px; */
        /*left: -1px;*/
        left: 0px;
        z-index: 100;
    }

    .sticky_table thead th.sticky.tiresize {
        z-index: 300
    }

    h3.sticky {
        position: sticky;
        left: 0
    }

    tbody td.sticky {
        position: sticky;
        /*left: -1px;*/
        left: 0px;
        box-sizing: border-box;
        border-left: 1px solid #ccc;
        z-index: 200
    }

    td.sticky {
        background-color: #FFF;
        /*これがないと透ける*/
    }

    .tiresize_sticky {
        background-color: #FFF;
        /*これがないと透ける*/
        border-left: none;
    }



    .table_basic02Wrap {
        padding: 0 10px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}

/* !accordion
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .accordionBox01 {}

    .accordionBox01 .accordionTit01 {
        background-image: url(/common/images/ico_accordion01_open_2x.png);
        background-size: 16px 16px;
    }

    .accordionBox01.open .accordionTit01 {
        background-image: url(/common/images/ico_accordion01_close_2x.png);
        background-size: 16px 16px;
    }
}

@media screen and (max-width: 767px) {
    #main>.accordionBox01 {
        padding: 0 10px;
    }
}

/* !tab
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .tabmenu02 {
        padding: 0 10px;
    }

    .tabNav01 {
        display: block;
        width: 100%;
        height: auto;
        border-left: none;
    }

    .tabNav01 li {
        display: block;
        float: none;
        margin-top: 10px;
        border-right: none;
    }

    .tabNav01.col2 li,
    .tabNav01.col3 li,
    .tabNav01.col4 li {
        width: 100%;
    }

    .tabNav01 li .tit {
        background-color: #e5e5e5;
        background-image: url(/common/images/ico_accordion01_open_2x.png);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 15px center;
        color: #000;
        font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
        cursor: pointer;
    }

    .tabNav01 li.open .tit {
        background-color: #f0f0f0;
        background-image: url(/common/images/ico_accordion01_close_2x.png);
    }

    .tabNav01 li .tit a,
    .tabNav01 li .tit a:hover,
    .tabNav01 li .tit a:focus,
    .tabNav01 li.current .tit a {
        padding: 20px 15px 20px 45px;
        background-color: transparent;
        color: #333;
        font-size: 128.57%;
        text-align: left;
    }

    .tabNav01 li .content {
        padding: 12px 16px;
        border: 4px solid #f0f0f0;
    }

    .tabmenu02 .contentBox01 {
        display: none;
    }
}

/* !other
---------------------------------------------------------- */

/* インデックス */
@media screen and (max-width: 979px) {

    /* 1カラム内 */
    #main.col1 .indexBox01Wrap>ul.col2 {
        margin-left: -20px;
    }

    #main.col1 .indexBox01Wrap>ul.col2>li {
        width: 315px;
        margin-left: 20px;
    }

    #main.col1 .indexBox01Wrap>ul.col3,
    #main.col1 .indexBox01Wrap>ul.col4 {
        margin-left: -19px;
    }

    #main.col1 .indexBox01Wrap>ul.col3>li,
    #main.col1 .indexBox01Wrap>ul.col4>li {
        width: 204px;
        margin-left: 19px;
    }

    .indexBox01 {}

    .indexBox01 figure img {
        max-width: 100%;
        height: auto;
    }

    /* inner内画像 */
    .indexBox01 .inner .fltImg {
        width: 112px;
    }

    .indexBox01 .inner.small .fltImg {
        width: 96px;
    }

    .indexBox01.imgFixed .inner .fltImg {
        width: 124px;
    }

    /* ボタン */
    .indexBox01 .inner .inlineList01 {
        margin-top: 16px;
    }

    /* 見出し */
    .indexBox01 .h3_arrow01,
    .indexBox01 .h4_arrow01 {
        font-size: 114.28%;
    }
}

@media screen and (max-width: 767px) {
    .indexBox01Wrap {}

    .indexBox01Wrap>ul.col2,
    .indexBox01Wrap>ul.col3,
    .indexBox01Wrap>ul.col4,
    #main.col1 .indexBox01Wrap>ul.col2,
    #main.col1 .indexBox01Wrap>ul.col3,
    #main.col1 .indexBox01Wrap>ul.col4 {
        margin-top: 0;
        margin-left: 0;
    }

    .indexBox01Wrap>ul>li {
        float: none;
        margin: 0;
        width: 100%;
    }

    .indexBox01Wrap>ul.col2>li,
    .indexBox01Wrap>ul.col3>li,
    .indexBox01Wrap>ul.col4>li,
    #main.col1 .indexBox01Wrap>ul.col2>li,
    #main.col1 .indexBox01Wrap>ul.col3>li,
    #main.col1 .indexBox01Wrap>ul.col4>li {
        width: 100%;
        margin-left: 0;
    }

    /* h2とインデックスボックスのリストが連続する場合は、h2の下マージンと最初のliの上罫線を削除する */
    .h2_basic01Wrap.mb00_sp+.indexBox01Wrap {
        margin-top: 0;
    }

    .h2_basic01Wrap.mb00_sp+.indexBox01Wrap>ul li:first-child .indexBox01 {
        border-top: none;
    }

    .indexBox01 {
        padding: 10px;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 2px solid #dedede;
        position: relative;
    }

    .indexBox01Wrap>ul>li:first-child .indexBox01 {
        border-top: 2px solid #dedede;
    }

    .indexBox01Wrap+.indexBox01Wrap>ul>li:first-child .indexBox01 {
        border-top: none;
    }

    .indexBox01.biggerlink {
        padding: 10px 33px 10px 10px;
    }

    .indexBox01.biggerlink:after {
        display: block;
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    .indexBox01.imgFixed {
        padding: 10px 46px 10px 10px;
    }

    /* 画像 */
    .indexBox01>figure {
        padding-left: 15px;
        text-align: center;
    }

    /* inner内画像 */
    .indexBox01 .inner .fltImg,
    .indexBox01 .inner.small .fltImg,
    .indexBox01 .inner.xsmall .fltImg,
    .indexBox01.imgFixed .inner .fltImg {
        margin-right: 10px;
        width: 70px;
    }

    /* テキスト */
    .indexBox01.imgFixed .inner .content {
        padding: 0;
    }

    /* ボタン */
    .indexBox01 .inner .inlineList01 {
        margin-left: 0;
    }

    /* 見出し */
    .indexBox01 .h3_arrow01,
    .indexBox01 .h4_arrow01 {
        padding-left: 0;
        background: none;
    }

    .indexBox01 h3+*,
    .indexBox01 h4+* {
        margin-top: 3px;
    }

    .indexBox01.boxType01 {}

    .indexBox01.boxType01>.inner {
        position: relative;
        display: table;
        min-height: 54px;
    }

    .indexBox01.boxType01 .inner>figure {
        margin-top: -20px;
        width: 160px;
        position: absolute;
        left: 0;
        top: 50%;
    }

    .topList01 .indexBox01.boxType01 .inner>figure {
        margin-top: -27px;
    }

    .indexBox01.boxType01 .inner>figure img {
        width: 100%;
        height: auto;
    }

    .indexBox01.boxType01 .inner>.h3_arrow01,
    .indexBox01.boxType01 .inner>.h4_arrow01 {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 10px 10px 180px;
    }
}

/* 関連コンテンツ */
@media screen and (max-width: 767px) {
    ul li:first-child .relatedContents01 {
        border-top: 1px solid #ccc;
    }

    .relatedContents01 {
        margin-top: 0;
        padding: 10px 33px 10px 10px;
        border-top: none;
        border-right: none;
        border-left: none;
        position: relative;
    }

    .relatedContents01 .tit:after {
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    .relatedContents01 .tit {
        float: none;
        padding-left: 0;
        margin: 1px 0 0 0;
        width: 100%;
        background: none;
    }

    .relatedContents01 .contents {
        float: none;
        margin-top: 4px;
        width: 100%;
    }
}

/* 関連コンテンツ（バナー横並び） */
@media screen and (max-width: 979px) {
    .relatedContentsBnr01 {}

    .relatedContentsBnr01>ul {
        margin-left: -49px;
    }

    .relatedContentsBnr01>ul>li {
        width: 184px;
        margin-left: 49px;
    }

    .relatedContentsBnr01>ul>li img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    #main>.relatedContentsBnr01 {
        padding: 0 10px;
    }

    .relatedContentsBnr01>ul {
        margin: -5px 0 0 0;
    }

    .relatedContentsBnr01>ul>li {
        float: none;
        width: 100%;
        margin: 5px 0 0 0;
    }
}

/* 関連リンク */
@media screen and (max-width: 979px) {
    .relatedLinkBnr01 {}

    .relatedLinkBnr01>ul {
        margin-left: -19px;
    }

    .relatedLinkBnr01>ul>li {
        width: 204px;
        margin-left: 19px;
    }

    .relatedLinkBnr01>ul>li figure {}

    .relatedLinkBnr01>ul>li figure a {}

    .relatedLinkBnr01>ul>li figure a img {
        max-width: 184px;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .relatedLinkBnr01 {}

    .relatedLinkBnr01>ul {
        margin: 0;
        border-bottom: 2px solid #dedede;
    }

    .relatedLinkBnr01>ul>li {
        float: none;
        margin: 0;
        width: 100%;
        height: auto;
        border-top: 2px solid #dedede;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .relatedLinkBnr01>ul>li .btn01 {
        border: none;
        position: relative;
    }

    .relatedLinkBnr01>ul>li .btn01:not(.icoInfo) {
        background-image: none;
    }

    .relatedLinkBnr01>ul>li .btn01>span {
        padding: 0 33px 0 10px;
    }

    .relatedLinkBnr01>ul>li .btn01>span:after {
        display: block;
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    .relatedLinkBnr01>ul>li figure {
        padding: 10px;
    }

    .relatedLinkBnr01>ul>li figure a {}

    .relatedLinkBnr01>ul>li figure a img {
        max-width: 210px;
        height: auto;
    }

}


/* 画像透過（hoverで暗くなるのを解除） */
@media screen and (max-width: 979px) {
    .opacity01 .img {
        background-color: transparent;
    }

    .opacity01:hover .img img {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        filter: alpha(opacity=100);
    }
}

/* 右矢印（SP用） */
@media screen and (max-width: 767px) {
    .spRightArrow01 {
        padding: 10px 36px 10px 10px;
        position: relative;
    }

    .spRightArrow01:after {
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }
}

/* !タイヤ専用
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .tireNavi01 {
        margin: 30px auto 0;
        padding: 0;
        width: 686px;
        background-color: none;
    }

    .tireNavi01 a {
        font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
        background-image: none !important;
        padding-right: 36px !important;
        position: relative;
    }

    .tireNavi01 a:after {
        content: url(/common/images/ico_arrow_l01_2x.png);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: 10px;
    }

    .tireNavi01 .tit {}

    .tireNavi01 .tit a {
        padding: 16px 17px;
        background-color: #858585;
        color: #fff;
        font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    }

    .tireNavi01>ul {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .tireNavi01 ul li {}

    .tireNavi01 ul li a {
        padding: 12px 40px 11px 18px;
        border-color: #ccc;
    }

    .tireNavi01 ul li.linkType01 a {
        padding-left: 11px;
        font-size: 100%;
    }
}

@media screen and (max-width: 767px) {
    .tireNavi01 {
        margin-top: 20px;
        width: 100%;
    }
}

@media screen and (max-width: 979px) {
    #sideBnr01 {
        margin: 30px auto 0;
        width: 686px;
    }

    #sideBnr01 li {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    #sideBnr01 {
        margin-top: 20px;
        width: 100%;
    }
}

/* タイヤを探す */
@media screen and (max-width: 767px) {
    .tireSearchBox01 {
        padding: 0 10px 10px;
        background-color: #e7e7e7;
    }

    .tireSearchBox01 .tireSearchTit01 {
        padding: 13px 0;
        font-size: 128.5%;
        font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    }

    .tireSearchBox01 .tireSearchContent01 {
        display: block;
        padding: 20px;
        background-color: #fff;
    }

    .tireSearchBox01 .tireSearchContent01 .txtBox {
        display: block;
        margin-right: 0;
        width: 100%;
    }

    .tireSearchBox01 .tireSearchContent01 .txtBox .btn {
        margin-top: 15px;
        padding: 0 25px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tireSearchBox01 .tireSearchContent01 .img {
        display: none;
    }
}

/* タイヤを探す（フルサイズ） */
@media screen and (max-width: 979px) {
    .tireSearchBox01.full {}

    .tireSearchBox01.full .tireSearchBox01In {
        width: 100%;
        box-sizing: border-box;
    }

    .tireSearchBox01.full .tireSearchTit01 {
        font-size: 114.28%;
    }

    .tireSearchBox01.full .tireSearchContent01 {}

    .tireSearchBox01.full .tireSearchContent01 .txtBox {
        padding: 10px 20px 0 0;
        width: 310px;
    }

    .tireSearchBox01.full .tireSearchContent01 .btn {
        margin-top: 10px;
        width: auto;
    }

    .tireSearchBox01.full .tireSearchContent01 .btn01>span {
        padding-left: 33px;
    }
}

@media screen and (max-width: 767px) {
    .tireSearchBox01.full {
        padding: 0;
    }

    .tireSearchBox01.full .tireSearchContent01 {
        padding: 8px 20px 18px;
        background: #ededed url(/common/images/bg_tiresearch03_2x.png) no-repeat right top;
        -webkit-background-size: 162px 108px;
        background-size: 162px 108px;
    }

    .tireSearchBox01.full .tireSearchContent01 .txtBox {
        width: 100%;
        padding-right: 0;
    }

    .tireSearchBox01.full .tireSearchContent01 .btn {
        margin-top: 20px;
        padding: 0;
    }

    .tireSearchBox01.full .tireSearchContent01 .btn01 {
        height: 50px;
        background-position: 46px 23px;
    }

    .tireSearchBox01.full .tireSearchContent01 .btn01>span {
        padding-left: 10px;
    }
}

/* !Multi Column(grid)
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
    .grid {}

    .grid>.grid-mod {
        padding: 0 9px 0 10px;
    }

    .w1per4 {
        width: 33.33%;
    }

    .w2per4,
    .w3per4 {
        width: 66.67%;
    }

    .grid-irr>.w1per4 {
        width: 25%;
    }

    .grid-irr>.w3per4 {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .grid {
        margin: 0;
    }

    .grid>.grid-mod {
        magin: 0;
        padding: 0;
        float: none !important;
        width: 100%;
    }

    .grid>.grid-nest {
        margin-bottom: 0;
    }
}

/* バナー */
@media screen and (max-width: 979px) {
    .indexBox01Wrap {}

    .indexBox01Wrap .indexBnrList01 {}

    .indexBox01Wrap .indexBnrList01>li:hover {
        background-color: #fff;
    }

    .indexBox01Wrap .indexBnrList01>li .inner .indexBox01 {
        padding: 8px 10px;
    }

    .indexBox01Wrap .indexBnrList01>li:hover .inner .indexBox01 {
        background-color: #fff;
    }

    .indexBox01Wrap .indexBnrList01.bdn>li:hover .inner .indexBox01 {
        text-decoration: none;
    }

    .indexBox01Wrap .indexBnrList01>li .inner .indexBox01 .content {}

    .indexBox01Wrap .indexBnrList01>li .inner .indexBox01 .content .h4_arrow01 {
        padding-left: 13px;
        font-size: 85.71%;
    }
}

@media screen and (max-width: 767px) {
    .indexBox01Wrap {
        margin-top: 35px;
    }

    .indexBox01Wrap .indexBnrList01 {
        border-bottom: 2px solid #dedede;
    }

    .indexBox01Wrap .indexBnrList01>li {
        display: block;
        padding: 10px 25px 10px 10px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-top: 2px solid #dedede;
        border-right: none;
        border-bottom: none;
        border-left: none;
        position: relative;
    }

    .indexBox01Wrap .indexBnrList01.bdn>li {
        border-top: 2px solid #dedede;
    }

    .indexBox01Wrap .indexBnrList01>li .inner {
        display: table;
        width: 100%;
    }

    .indexBox01Wrap .indexBnrList01>li .inner .img {
        display: table-cell;
        width: 39.78%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: transparent;
    }

    .indexBox01Wrap .indexBnrList01>li .inner .img img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .indexBox01Wrap .indexBnrList01>li .inner .indexBox01 {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        width: 60.22%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: none;
    }

    .indexBox01Wrap .indexBnrList01.bdn>li .inner .indexBox01 {
        padding: 0 10px;
    }

    .indexBox01Wrap .indexBnrList01>li:hover .inner .indexBox01 {
        background-color: #fff;
    }
}



/*
@media screen and (min-width: 980px) {

    img {
        image-rendering: -webkit-optimize-contrast;
    }

}*/


/*201204追記 Chrome画像ぼやけ対策*/
_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    
    image-rendering: -webkit-optimize-contrast;

}

/*201204追記 Edgeのみ（Chromium）画像ぼやけ対策*/
_:lang(x)::-ms-, img {

    image-rendering: -webkit-optimize-contrast;

}


/* ECバナー */
.ecBannerArea {
	margin: 40px 0;
}
.ecBannerArea a {
	display: block;
}
.ecBannerArea a:hover {
	opacity: 0.7;
}
.ecBannerArea a img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.bnrBrandLower {
	max-width: 980px;
	margin: 40px auto;
}

@media screen and (max-width: 767px) {
    .bnrBrandLower {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.bnrBrandLower .bnrBrandLowerLink {
	display: block;
}
.bnrBrandLower .bnrBrandLowerLink:hover {
	opacity: .7;
}
.bnrBrandLower .bnrBrandLowerLink img {
	width: 100%;
	max-width: 100%;
	height: auto;
}