@charset "UTF-8";
/************************************************** base */
html.body {
    width: 100%;
}
.wrapper {
    min-width: 1000px;
    background: url(../img/top/bg01.png) left top repeat;
}
/************************************************** connom */

/*h2{
    margin-bottom: 30px;
    height: 23px;
    font-size: 180%;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}*/


.contents {
    margin: 0 auto;
    width: 1000px;
}
/************************************************** navi */

#navi {
    height: 86px;
    width: 100%;
    background: url(../img/navi.png) top center no-repeat;
    z-index: 999 !important;
    position: relative;
}
#navi .contents {
    position: relative;
}
#navi h1 a {
    height: 82px;
    width: 170px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
#navi ul {
    list-style: none;
}
#navi li a {
    height: 82px;
    position: absolute;
    top: 0;
}
#navi li.navi1 a {
    width: 140px;
    left: 170px;
}
#navi li.navi2 a {
    width: 140px;
    left: 310px;
}
#navi li.navi3 a {
    width: 140px;
    left: 450px;
}
#navi li.navi4 a {
    width: 150px;
    left: 570px;
}
#navi li.navi5 a {
    width: 120px;
    left: 720px;
}
#navi li.navi6 a {
    width: 110px;
    left: 840px;
}
#navi li.navi7 a {
    width: 40px;
    left: 960px;
}
#navi span {
    display: none;
}
/************************************************** header */

#header {
    height: 530px;
    width: 100%;
    background: url(../img/header_bg.png) center no-repeat
}
#header span {
    display: none;
}
#header .contents {
    margin: 0 auto;
    height: 530px;
    width: 1000px;
    position: relative;
}
#header a {
    height: 30px;
    width: 490px;
    position: absolute;
    top: 500px;
    left: 510px;
}
/************************************************** pankuzu */

#pankuzu .contents {
    margin-top: 20px;
    padding-top: 8px;
    height: 34px;
    background: url(../img/pankuzu_bg.png) no-repeat;
    color: #808080;
}
#pankuzu .contents a {
    color: #808080;
}
#pankuzu .left {
    float: left;
}
#pankuzu .right {
    padding-right: 20px;
    color: #fff;
    float: right;
}
/************************************************** footer1 */

#footer1 {
    padding: 10px 0;
    width: 100%;
    background: #eeeeee;
}
#footer1 ul {
    list-style: none;
}
#footer1 li {
    height: 29px;
    background: #ccc;
    display: table-cell;
    vertical-align: middle;
}
#footer1 a {
    color: #000;
    text-decoration: none;
}
#footer1 .left {
    float: left;
}
#footer1 .left li {
    padding: 0 50px 0 20px;
    background: url(../img/footer1_left_li.png) left center no-repeat;
}
#footer1 .right {
    float: right;
}
#footer1 .right li {
    padding: 0 20px;
    background: url(../img/footer1_right_split.png) left center no-repeat;
}
#footer1 .right li:nth-of-type(1) {
    background: none;
}
#footer1 .right li.facebook a {
    height: 29px;
    width: 29px;
    background: url(../img/icon_facebook.png) no-repeat;
    display: block;
}
#footer1 .right li.youtube a {
    height: 29px;
    width: 42px;
    background: url(../img/icon_youtube.png) no-repeat;
    display: block;
}
#footer1 .right span {
    display: none;
}
/************************************************** footer2 */

#footer2 {
    padding: 30px 0;
    width: 100%;
    background: url(../img/footer2_bg.png) repeat-x;
}
#footer2 h3 {
    padding: 20px 0 20px 20px;
    /*background: url(../img/footer2_h3.png) right center no-repeat;*/
    color: #fff;
}

/* kk */
h3.alllineup {
    background:url(../img/footer1_left_li2.png) 30% center no-repeat;
    display: block;
}
#footer2 a{
    text-decoration: none;
}
.link_arrow a {
    background:url(../img/footer1_left_li2.png) 98% center no-repeat;
    display: block;
}

#footer2 h4 {
    padding: 18px 0 3px 0;
    color: #a2a2a2;
    font-size: 110%;
}
#footer2 .box {
    height: 400px;
}
#footer2 .left {
    width: 700px;
    float: left;
}
#footer2 .left .box {
    padding: 5px 20px 0 20px;
    width: 33.33%;
    background: url(../img/footer2_box_line.png) top left no-repeat;
    float: left;
}
#footer2 .left .box:nth-of-type(1) {
    background: url(../img/footer2_box_line.png) top center no-repeat;
}
#footer2 ul {
    list-style: none;
}
#footer2 li a {
    color: #fff;
    text-decoration: none;
}
#footer2 .right {
    width: 300px;
    background: url(../img/footer2_box_line.png) bottom left no-repeat;
    float: right;
}
#footer2 .right .box {
    padding: 20px 0 0 20px;
    width: 100%;
    background: url(../img/footer2_box_line.png) top left no-repeat;
}
/************************************************** footer3 */

#footer3 {
    padding: 20px 0;
    width: 100%;
    background: #000;
    font-size: 90%;
    clear: both;
}
#footer3 .left {
    color: #fff;
    float: left;
}
#footer3 .right {
    color: #555555;
    float: right;
}
#footer3 .right a {
    color: #ffffff;
}
/************************************************** sidelink */
#sidelink {
    position: fixed;
    top: 215px;
    left: 0px;
    padding: 8px 10px 8px 10px;
    background-color: rgba(255,255,255,0.6);
}
#sidelink div {
    text-align: center;
}
#sidelink ul {
    list-style: none;
}
/************************************************** sp menu */
.sidr_menu {
    display: none !important;
}
/************************************************** top key */
.key {
    max-width: 1920px;
    margin: -7px auto 0;
    position: relative;
}
.bx_pager_wrapper {
	position: absolute;
    z-index: 999;
    bottom: 0;
    background: rgba(255,255,255,0.25);
    height: 55px;
    width: 100%;
}
#bx_pager {
    overflow: hidden;
/*    width: 800px;*/
    width: 960px;
/*     width: 1120px; */
    margin: 0 auto;
	z-index: 9999;
}
#bx_pager li {
    width: 160px;
    list-style: none;
    float: left;
}
#bx_pager li a {
    display: block;
    border: #a2a2a2 solid 1px;
    margin: 3px 5px 3px 0;
}
#bx_pager li a.active {
    border: #e60012 solid 2px;
    margin: 2px 5px 2px 0;
}
#bx_pager li img {
    width: 100%;
    vertical-align: bottom;
}
/************************************************** top block01 */
.bg_black {
    background: url(../img/top/bg01.png) left top repeat;
    padding: 50px 0;
}
.block01 {
    overflow: hidden;
    margin: 0 0 20px;
}
/************************************************** top タイヤを探す */
.block01 h2 {
    float: left;
}
.search_nav {
    float: none;
    overflow: hidden;
}
.search_nav li {
    list-style: none;
    float: left;
}
.search_nav li a {
    display: block;
    transition: all .3s;
}
.search_nav li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/************************************************** top block02 */
.block02,
.block05 {
    position: relative;
    margin: 0 0 20px;
}
.block02 h2,
.block05 h2 {
    position: absolute;
    top: 100px;
    left: 36px;
}
.block02 a,
.block05 a {
    display: block;
    transition: all .3s;
}
.block02 a:hover,
.block05 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/************************************************** top block03 */
.block03 {
    overflow: hidden;
    margin: 0 0 20px;
}
.block03 .box_l {
    float: left;
    position: relative;
}
.block03 .box_r {
    float: right;
    position: relative;
}
.block03 h2 {
    position: absolute;
    top: 99px;
    left: 33px;
}
.block03 a {
    display: block;
    transition: all .3s;
}
.block03 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/************************************************** top block04 */
.bg_img {
    background: url(../img/top/bg02_pc.jpg) center top no-repeat;
    padding: 50px 0 0;
    background-size: cover;
}
.block04 {
    position: relative;
}
.block04 a {
    display: block;
    transition: all .3s;
}
.block04 a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.news_list {
    overflow: hidden;
    margin: 20px 0 0;
}
.news_list a {
    text-decoration: none;
}
.news_list li {
    float: left;
    width: 235px;
    list-style: none;
    margin-left: 20px;
    margin-bottom: 50px;
    border: #535353 solid 1px;
    position: relative;
    box-shadow: 5px 5px 3px -2px rgba(0,0,0,0.4);
}
.news_list li:first-child {
    margin-left: 0;
}
.news_list li .box_l img {
    display: block;
    border-bottom: #535353 solid 2px;
    height: 150px;
    width:100%;
    object-fit: cover;
}
.news_list li .new {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}
.news_list li .arrow {
    width: 31px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.news_list li .arrow img {
    width: 100%;
    vertical-align: bottom;
}
.news_list li .box_r {
    background: #000;
    color: #fff;
    padding: 0 10px;
}
.news_list li .box_r dt {
    font-size: 16px;
    font-weight: bold;
    padding: 18px 0 10px;
    border-bottom: #e60012 solid 1px;
}
.news_list li .box_r dd {
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 0 38px;
}
.news_btn {
    position: absolute;
    top: 0;
    right: 0;
    border: #535353 solid 1px;
    width: 488px;
    height: 43px;
    line-height: 43px;
    background: #272727;
    background: -moz-linear-gradient(top, #272727 0%, #272727 50%, #000000 51%, #000000 100%);
    background: -webkit-linear-gradient(top, #272727 0%, #272727 50%, #000000 51%, #000000 100%);
    background: linear-gradient(to bottom, #272727 0%, #272727 50%, #000000 51%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#000000', GradientType=0 );
}
.news_btn a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    display: block;
    background: url(../img/top/icon_arrow01.png) 458px center no-repeat;
    background-size: 20px;
}
.news_btn a img {
    width: 20px;
    vertical-align: middle;
    margin: 0 20px;
}

/* topページ　search ボタン */
#s_search {
    background: rgba(0, 0, 0, 0) url("../img/top/search_nav.png") no-repeat scroll center top;
    height: 110px;
    position: relative;
    width: 100%;
    z-index: 999 !important;
}
#s_search h2 {
	width: 235px;
	height: 110px;
}
#s_search a {
	display: block;
	width: 255px;
	height: 110px;
}
#s_search .s_search_wrap {
	position: relative;
	width: 1000px;
	margin: auto;
}
#s_search.pc {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}
/* topページ　search ボタン */