@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(../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(../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(../images/parts/mainImg_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(../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-weight: bold;
    }
}

@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(../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(../images/ico_arrow_l01_2x.png);
        background-size: 6px 12px;
    }
    .btn01:hover {
        background-color: #fff;
    }
    .btn01.bgc01:hover {
        background-color: #666;
    }
    .btn01.bgc02 {
        background-image: url(../images/ico_arrow_l02_2x.png);
    }
    .btn01.bgc02:hover {
        background-color: #e00000;
    }
    .btn01.close01 {
        background-image: url(../images/ico_close01_2x.png);
        background-size: 11px 11px;
    }
    .btn01.close01:hover {
        background-color: #fff;
    }
    .btn01.icoInfo {
        background-image: url(../images/ico_info_01_2x.png);
        background-size: 28px 25px;
    }
    .btn01.icoInfo:hover {
        background-color: #efefef;
    }
    .btn01.anchor {
        background-image: url(../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(../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(../images/ico_arrow01_2x.png) no-repeat left 0.4em;
        background-size: 5px 9px;
    }
    .ul_arrow01 > li.back { background-image: url(../images/ico_arrow01_back_2x.png); }
    .ul_arrow01 > li.anchor {
        background: url(../images/ico_arrow01_down_2x.png) no-repeat left 0.6em;
        background-size: 9px 5px;
    }
    /* グレー矢印リスト */
    .ul_arrow02 {
    }
    .ul_arrow02 > li {
        background: url(../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(../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(../images/btn_pagination01_prev_2x.png);
        background-size: 5px 9px;
    }
    .pagination01 .prev.disabled {
        background-image: url(../images/btn_pagination01_prev_disabled_2x.png);
        background-size: 5px 9px;
    }
    .pagination01 .next {
        background-image: url(../images/btn_pagination01_next_2x.png);
        background-size: 5px 9px;
    }
    .pagination01 .next.disabled {
        background-image: url(../images/btn_pagination01_next_disabled_2x.png);
        background-size: 5px 9px;
    }
    /* list */
    .pagination01 ul {
    }
    .pagination01 > li {
        background-image: url(../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: 767px) {
    .table_basic01Wrap {
        width: 100%;
        padding: 0 10px;
        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;
        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: 640px;
        font-size: 85.71%;
    }

    .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(../images/ico_accordion01_open_2x.png);
        background-size: 16px 16px;
    }
    .accordionBox01.open .accordionTit01 {
        background-image: url(../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(../images/ico_accordion01_open_2x.png);
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: 15px center;
        color: #000;
        font-weight: bold;
        cursor: pointer;
    }
    .tabNav01 li.open .tit {
        background-color: #f0f0f0;
        background-image: url(../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(../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(../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(../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(../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-weight: bold;
        background-image: none !important;
        padding-right: 36px !important;
        position: relative;
    }
    .tireNavi01 a:after {
        content: url(../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-weight: bold;
    }

    .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-weight: bold;
    }
    .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;
    }
}


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

/*  add 20160106  */
.h1_wide01Wrap{
    color: #fff;
    height: 200px;
    margin-bottom: 60px;

    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.h1_wide01Wrap > *{
    margin: 0 auto;
    width: 980px;
}
.h1_wide01Wrap >.h1_wide01{
    font-size: 26px;
    font-weight: bold;

    padding-top: 70px;
    margin-bottom: 5px;
}
.h1_wide01Wrap > p{
    font-size: 15px;
}

/*
.h1_wide01Wrap_exmodel{
background-image: url(../../images/exmodel/main.jpg) ;
}
*/

@media screen and (max-width: 979px) {
    .h1_wide01Wrap > *{
        width: auto;
        padding-left: 20px;
    }
}
@media screen and (max-width: 767px) {
    .h1_wide01Wrap{
        height: auto;
        background: none;
        margin-bottom: 0px;
    }
    .h1_wide01Wrap > .h1_wide01{
        line-height: 100px;
        height:100px;
        background: red;
        padding-top: 0;
        margin-bottom: 25px;
    }
    .h1_wide01Wrap > p{
        color: #333333;
        line-height: 22px;
        margin-bottom: 0px;
        font-size: 14px;
    }
}
.imdexThumBox01 .h3_arrow01{
    padding-left: 28px;
    margin-left: 16px;
    margin-top: 10px;
    background: url(../images/ico_arrow_l01.png) no-repeat left 0.45em;
    color: #000;
    font-weight: bold;
    font-size: 128.57%;
}
.imdexThumBox01 img{
    width:100%;
    height: auto;
}