@charset "utf-8";.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}.slick-list:focus{ outline: none;}.slick-list.dragging{ cursor: pointer; cursor: hand;}.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}.slick-track:before,.slick-track:after{ display: table; content: '';}.slick-track:after{ clear: both;}.slick-loading .slick-track{ visibility: hidden;}.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}[dir='rtl'] .slick-slide{ float: right;}.slick-slide img{ display: block;}.slick-slide.slick-loading img{ display: none;}.slick-slide.dragging img{ pointer-events: none;}.slick-initialized .slick-slide{ display: block;}.slick-loading .slick-slide{ visibility: hidden;}.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}.slick-arrow.slick-hidden { display: none;}.slick-loading .slick-list{ background: #fff url('/top/new2/js/slick/ajax-loader.gif') center center no-repeat;}@font-face{ font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/top/new2/js/slick/fonts/slick.eot'); src: url('/top/new2/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/top/new2/js/slick/fonts/slick.woff') format('woff'), url('/top/new2/js/slick/fonts/slick.ttf') format('truetype'), url('/top/new2/js/slick/fonts/slick.svg#slick') format('svg');}.slick-prev,.slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{ opacity: 1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{ opacity: .25;}.slick-prev:before,.slick-next:before{ font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-prev{ left: -25px;}[dir='rtl'] .slick-prev{ right: -25px; left: auto;}.slick-prev:before{ content: '←';}[dir='rtl'] .slick-prev:before{ content: '→';}.slick-next{ right: -25px;}[dir='rtl'] .slick-next{ right: auto; left: -25px;}.slick-next:before{ content: '→';}[dir='rtl'] .slick-next:before{ content: '←';}.slick-dotted.slick-slider{ margin-bottom: 30px;}.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{ outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;}.slick-dots li button:before{ font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{ opacity: .75; color: black;}.dtgl-contents { background:none; }.top-section { margin: 0px auto 0px; padding: 0px 0 20px;}.top-section .top-section-inner { width:100%; padding:30px 0;}.top-section .top-section-header { width:100%; color:#222; }.top-section .top-section-header_title{ margin:0; padding:0; text-align:center; font-size:2em; font-weight:bold;}.top-section .top-section-header_title::after{}.top-section .top-section-header p{ display:block; text-align:center; margin:15px 0 0;}.top-section .top-section-header p .dtgl-btn{ margin:8px auto;}@media screen and (max-width: 1000px) { .top-section .top-section-header p{ margin:8px 0 12px; }}@media screen and (max-width: 767px) { .top-section .top-section-header p{ font-size:0.86em; text-align:left; margin:0px 0 12px; } .top-section .top-section-header p br{ display:none; }}@media screen and (max-width: 480px) { .top-section{ padding: 10px 15px 30px; } .top-section .top-section-inner{ width:100%; padding:0px 0px; } .top-section .top-section-header_title{ margin:0; font-size:1.3em; }}.dtgl-contents { font-size:1.05rem}.dtgl-contents h1,.dtgl-contents h2,.dtgl-contents h3{ font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif}a.underlineLtoR { position: relative; display: inline-block; text-decoration: none; color:#07c;}a.underlineLtoR:hover{ color:#29d;}a.underlineLtoR::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #333; transform: scale(0, 1); transform-origin: left top; transition: transform .3s;}a.underlineLtoR:hover::after { transform: scale(1, 1);}@media screen and (max-width: 1000px) { a.underlineLtoR::after { transform: none; background: none; } a.underlineLtoR:hover::after { transform: none; }}.dtgl-btn_arrowFront:hover { background:#3c3c3c; color:#fe0;}.dtgl-btn_arrowFront { position: relative; display: inline-block; vertical-align: middle; padding:8px 15px 8px 30px; border-radius:3px; border-color:#DDD;}.dtgl-btn_arrowFront::before,.dtgl-btn_arrowFront::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; transition:all 0.4s ease-out;}.dtgl-btn_arrowFront::before{ left: 8px; width: 8px; height: 1px; background: #FFF;}.dtgl-btn_arrowFront::after{ left: 9px; width: 7px; height: 7px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; transform: rotate(45deg);}.dtgl-btn_arrowFront:hover::before{ background: #Fe0;}.dtgl-btn_arrowFront:hover::after{ border-top: 1px solid #Fe0; border-right: 1px solid #Fe0;}.dtgl-btn_arrowFront._bk:hover { color:#777;}.dtgl-btn_arrowFront._bk::before{ left: 8px; width: 8px; height: 1px; background: #888;}.dtgl-btn_arrowFront._bk::after{ left: 9px; width: 7px; height: 7px; border-top: 1px solid #888; border-right: 1px solid #888; transform: rotate(45deg);}.dtgl-btn_arrowFront._bk:hover::before{ background: #004ea2;}.dtgl-btn_arrowFront._bk:hover::after{ border-top: 1px solid #004ea2; border-right: 1px solid #004ea2;}.dtgl-btn_arrow_box a:hover {}.dtgl-btn_arrow_box a { position: relative; display: inline-block; vertical-align: middle; padding:8px 15px 8px 30px;}.dtgl-btn_arrow_box a::before,.dtgl-btn_arrow_box a::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; transition:all 0.4s ease-out;}.dtgl-btn_arrow_box a::before{ left: 8px; width: 8px; height: 1px;}.dtgl-btn_arrow_box a::after{ left: 9px; width: 7px; height: 7px; transform: rotate(45deg);}.dtgl-btn_arrow_box a:hover::before{ left: 11px;}.dtgl-btn_arrow_box a:hover::after{ left:12px;}@media screen and (max-width: 768px) {}.top-hero-slider { opacity:0; position:relative; top:-30px;}.top-hero-slider.slick-initialized { opacity:1; top:0px; transition: all 0.7s ease-out; transition-delay:0.3s;}.topbg { background:#ecebe0; background: url("../img/bg/key_bg.gif") no-repeat top left #ecebe0; background-size: auto calc(100vh); background-attachment:fixed;}#dt-global-header { background:#000;}.top-key { padding:0px 0 0px;}.top-key ul.slick-dotted{ margin:0; padding:0;}.top-hero-slider { padding:0; margin:0 0 0px;}.top-hero-slider .slick-dots { position:relative; top:0px;}.top-hero-slider li { padding:0 0px 0px; vertical-align:top; text-align:right;}.top-hero-slider li .slider-item { }.top-hero-slider li .slider-item_text { display:inline-block; padding:0px 15px; margin-right:30px; position:relative; top:-12px; background:rgba(255,255,255,0.95); background: linear-gradient(to right, #FFF 55%, transparent); }.top-hero-slider li a { vertical-align:top; text-decoration:none; border:none;} .top-hero-slider li a img{ width:100%; margin:0 auto; border-bottom:2px solid #FFF;}.top-hero-slider li p{ display:inline-block; text-align:left; text-decoration:none; color:#333; padding:0px 10px 0px 0; margin:0; border:none; vertical-align:middle;}.top-hero-slider li a.dtgl-btn{ display:inline-block; margin:0 auto; border-radius:3px; vertical-align:middle; position:relative; left:35px; top:-7px; box-shadow:0px 0px 6px #AAA;}.top-hero-slider .arrow { position:absolute; z-index:1050; display:inline-block; width:55px; height:55px; background:rgba(0,0,0,1); border-radius:50px; color:#FFF; margin:-62px calc(10% - 28px) 0; top:50%; box-shadow:0 0 4px #BBB; transition: all 0.4s ease-out; animation: flash 3s infinite linear;}.top-hero-slider .arrow:hover { animation: flashOn 0.3s linear; background:rgba(255,225,0,1);}@keyframes flash { 0% { opacity: 0.3; } 50% { opacity: 0.8; } 100% { opacity: 0.3; }}@keyframes flashOn { 0% { opacity: 0.3; } 100% { opacity: 1; }}.top-hero-slider .arrow.prev { left:0;}.top-hero-slider .arrow.next { right:0;}.top-hero-slider .arrow::before,.top-hero-slider .arrow::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}.top-hero-slider .arrow::after,.top-hero-slider .prev::after{ width: 24px; height: 24px; border: 2px solid #FFF; border-left:none; border-bottom:none;}.top-hero-slider .prev::after{ transform: rotate(-135deg); left: 21px;}.top-hero-slider .next::after{ transform: rotate(45deg); left: 11px;}@media screen and (min-width: 1400px) { .top-hero-slider .arrow { margin:-62px calc(24% - 28px) 0; }}@media screen and (max-width: 1399px) { .top-hero-slider .arrow { margin:-62px calc(17% - 28px) 0; }}@media screen and (max-width: 1099px) { .top-hero-slider .arrow { margin:-62px calc(14% - 28px) 0; } .top-hero-slider li .slider-item_text { top:-8px; } .top-hero-slider li a.dtgl-btn{ top:0px; } .top-hero-slider .slick-dots { top:10px; }}@media screen and (max-width: 767px) { .topbg { background: url("../img/bg/key_bg_sp.gif") no-repeat top left #ecebe0; background-size: auto calc(100vh); background-attachment:fixed; } .top-key { padding:0px 0 20px; } .top-hero-slider .slick-dots { position:statick; top:0px; } .top-hero-slider li { padding:0 0px 10px; text-align:center; } .top-hero-slider li p{ display:block; padding:10px 0px 10px 0; text-align:center; } .top-hero-slider li a.dtgl-btn{ display:inline-block; margin:0 auto; top:0px; left:auto; } .top-hero-slider li .slider-item_text { display:block; padding:3px 5px; margin-right:0; position:static; background:none; top:0; box-shadow:none; } .top-hero-slider li .slider-item_text p{ margin:0; padding:3px 0; } .top-hero-slider li a img{ box-shadow:none; } .top-hero-slider .arrow { width:26px; height:60px; border-radius:4px; margin:-85px calc(8% - 14px) 0; } .top-hero-slider .arrow::after, .top-hero-slider .prev::after{ width: 14px; height: 14px; border: 2px solid #888; border-left:none; border-bottom:none; } .top-hero-slider .prev::after{ transform: rotate(-135deg); left: 10px; } .top-hero-slider .next::after{ transform: rotate(45deg); left: 4px; }}.news,.news_title a { height: 40px;}.news_title a,.news_item { line-height: 40px;}.news{ width: 100%; background:rgba(255,255,255,0.6); border-radius:0px; border-bottom:1px solid #DDD; margin:0 auto; box-shadow:0 0 4px #ddd; overflow: hidden;}.news_title { position: absolute; z-index: 2; margin: 0; font-size: 1rem; font-weight: normal;}.news_title a { display: inline-block; width:6em; background: #fee102; color: #000; text-align: center; padding:0 1em;}.news_title a:hover { background: #dec500;}.news_list { position: relative; z-index: 1; height: 100%; overflow: hidden; margin: 0 0 0 6em;}.news_item { position: absolute; top: -999em; left: 0; overflow: hidden; padding: 0 15px; white-space: nowrap;}.news_item a { color: #222; text-decoration:none;}@media screen and (max-width: 1080px) { .news { float: none; width: auto; height: 40px; } .news_title a { height: 40px; line-height: 40px; } .news_item { line-height: 40px; }}@media screen and (max-width: 768px) {}.tyre_search{ display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; max-width:1200px; padding:0 40px; margin:0 auto;}.tyre_search .tyre_search_item{ align-self: strech; margin:20px 10px 0 0; color: #fff; text-align:left;}.tyre_search .tyre_search_item,.tyre_search .tyre_search_item_type,.tyre_search .tyre_search_item_lineup{ width:20%; min-width:270px;}.tyre_search .tyre_search_item_popular { width:20%; min-width:275px;}.tyre_search .tyre_search_item_car,.tyre_search .tyre_search_item_size { width:25%; min-width:310px; max-width:340px; margin:20px 10px 0 0;}.tyre_search .tyre_search_item_car,.tyre_search .tyre_search_item_size,.tyre_search .tyre_search_item_type,.tyre_search .tyre_search_item_lineup,.tyre_search .tyre_search_item_popular{ padding:30px 35px; border-radius:4px; box-shadow:0 0 6px #AAA; background:rgba(20,20,20,0.92);}.tyre_search .tyre_search_item_popular{ padding:30px 30px;}.tyre_search .tyre_search_item_car,.tyre_search .tyre_search_item_size { color: #fff;}.tyre_search .tyre_search_item_type,.tyre_search .tyre_search_item_lineup{ width:100%; padding:30px 30px;}.tyre_search .tyre_search_item_popular { margin:20px 0px 0;}.tyre_search .tyre_search_item_car { }.tyre_search .tyre_search_item_size{ }.tyre_search .tyre_search_item_type{ }.tyre_search .tyre_search_item_lineup{ margin-bottom:10px;}.tyre_search .tyre_search_item .tyre_search_item_title{ margin:0 0 20px; padding:0; color:#FFF; text-align:center; font-size:1.4em; font-weight:600;}@media screen and (max-width: 1220px) { .tyre_search{ justify-content: space-between; max-width:1000px; padding:0 0px; } .tyre_search .tyre_search_item_popular { width:100%; min-width:100%; } .tyre_search .tyre_search_item_claerbox, .tyre_search .tyre_search_item_size, .tyre_search .tyre_search_item_car { width:33%; max-width:320px; } .tyre_search .tyre_search_item_claerbox{ margin-right:0; }}@media screen and (max-width: 1000px) { .tyre_search_item_size, .tyre_search_item_car { display:none; } .tyre_search{ justify-content: space-between; width:96%; min-width:300px; max-width:96%; margin:0 auto; padding:0 2%; } .tyre_search .tyre_search_item_claerbox{ display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; padding:0; margin:0 auto; width:100%; min-width:0px; max-width:100%; margin-right:0; } .tyre_search .tyre_search_item_lineup, .tyre_search .tyre_search_item_type{ align-self: strech; width:49%; padding:30px 30px; margin-bottom:0; }}@media screen and (max-width: 767px) { .tyre_search .tyre_search_item_lineup .tyre_search_item_title, .tyre_search .tyre_search_item_lineup .tyre_search_item_lineup_compare{ display:none; } .tyre_search .tyre_search_item_lineup { order:2; background:none; box-shadow:none; padding:15px 0 0; width:100%; } .tyre_search_item_lineup_compare_title br{ display:none; } .tyre_search .tyre_search_item_type{ order:1; width:100%; background:none; box-shadow:none; padding:0; width:100%; } .tyre_search .tyre_search_item_claerbox{ padding:30px 35px; border-radius:4px; box-shadow:0 0 6px #AAA; background:rgba(20,20,20,0.92); } .tyre_search .tyre_search_item_popular{ padding:30px 30px 0; } }@media screen and (max-width: 480px) { .tyre_search{ width:96%; max-width:96%; padding:0; margin:0 auto; } .tyre_search .tyre_search_item_popular { width:100%; min-width:100%; padding-left:0; padding-right:0; } .tyre_search .tyre_search_item .tyre_search_item_title{ margin:0 0 20px; font-size:1.2em; }}@media screen and (max-width: 359px) {.tyre_search .tyre_search_item_type,.tyre_search .tyre_search_item_lineup{ min-width:240px;}}.selectClose { display: none;}.search_select { position: relative;}.search_select__btn { display: block; cursor: pointer; color: #222; padding: 5px 10px; text-decoration: none; background-color: #fff; border: solid 2px #fff;}.search_select__btn:link, .search_select__btn:visited { color: #222;}.search_select__btn.selected { border: solid 2px #0abc99;}.search_select__btn.is-show { pointer-events: none;}.search_select .tip-select { border-radius: 4px;}.search_select .tip-select .choices ul { margin: 0; padding: 0;}.search_select .tip-select .choices ul li { cursor: pointer; color: #222; padding: 5px; border-bottom: solid 1px #ccc;}.search_select .tip-select .choices ul li:last-of-type { border-bottom: none;}.search_select .tip-select .choices ul li:hover { color: #222; background-color: #c2efe6;}.search_select .tabWrap { color: #222; background-color: #0abc99;}.search_select .tabWrap ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 5px; margin: 0;}.search_select .tabWrap ul li { cursor: pointer; font-size: 13px; border-bottom: none; margin: 5px 5px 0; padding: 3px 5px 0; border-bottom: none; border-radius: 3px; color: #000; background-color: #fff;}.search_select .tabWrap ul li.active { color: #fff; background-color: #222;}.search_select .choices { max-height: 420px; overflow: auto;}.search_select .carList ul { display: none;}.search_select .carList ul.show { display: block;}.top-section .search_select .tip-select { display: none; width: 100%; max-width: 280px; background-color: #fff; border: solid 3px #0abc99; position: absolute; top: -35px; left: calc(100% + 20px); z-index: 40;}.top-section .search_select .tip-select:before, .top-section .search_select .tip-select:after { content: ''; border: 10px solid transparent; position: absolute;}.top-section .search_select .tip-select:before { border-right: solid 10px #0abc99; top: 40px; left: -23px;}.top-section .search_select .tip-select:after { border-right: solid 10px #fff; top: 40px; left: -20px;}.top-section .search_select .tip-select .choices ul li { cursor: pointer; padding: 5px; border-bottom: solid 1px #ccc;}.top-section .search_select .tip-select .choices ul li:last-of-type { border-bottom: none;}.top-section .search_select .tip-select .choices ul li:hover { color: #222; background-color: #c2efe6;}.top-section .search_select .tip-select.car-select { top: -5px;}.top-section .search_select .tip-select.car-select:before { border-right: solid 10px #0abc99; top: 10px; left: -23px;}.top-section .search_select .tip-select.car-select:after { border-right: solid 10px #0abc99; top: 10px; left: -20px;}.search_body .cover { pointer-events: none; opacity: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 30;}.search_body .search_select .tip-select { display: none; width: 100%; background-color: #fff; border: solid 3px #0abc99; position: absolute; top: 100%; left: 0; z-index: 40;}.search_body .search_select .tip-select ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}.search_body .search_select .tip-select ul li { cursor: pointer; text-align: center; padding: 5px 0; width: 50%; border-bottom: solid 1px #ccc;}.search_body .search_select .tip-select ul li:nth-of-type(odd) { border-right: solid 1px #ccc;}.search_body .search_select .tip-select ul li:last-of-type { border-bottom: none;}.search_body .search_select .tip-select .tabWrap ul li { width: auto; border: none !important; padding: 3px 5px 0;}.search_body .search_select .tip-select .carList ul { display: none;}.search_body .search_select .tip-select .carList ul.show { display: -webkit-box; display: -ms-flexbox; display: flex;}@media (max-width: 768px) { .search_body .cover { opacity: 1; display: none; } .search_body .cover.is-over { pointer-events: auto; } .search_body .search_select .tip-select { width: 90%; position: fixed; top: 18%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: none; } .search_body .search_select .tip-select .carList ul li { text-align: left; padding: 5px; width: 100%; } .search_body .search_select .tip-select .tabWrap { background-color: #222; } .search_body .search_select .tip-select .tabWrap ul li.active { background-color: #666; } .search_body .search_select .selectClose { display: block; color: #fff; text-align: center; padding: 5px; width: 120px; background-color: #6F0606; border: solid 1px #707070; border-radius: 5px; position: absolute; left: 50%; bottom: -50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .search_body .search_select .choices { max-height: 300px; }}#search-form .search_body { padding-bottom: 60px;}#search-form .search_select .choices { max-height: 230px;}.searchCriteria { padding: 20px; background-color: #f6f6f6;}.searchCriteria__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px);}.searchCriteria__item:after { content: ''; display: block; margin: 10px 0; width: calc(100% - 10px); border-bottom: solid 1px #707070;}.searchCriteria__item li { margin: 0 10px 10px 0;}.searchCriteria__item li a, .searchCriteria__item li span { display: block; padding: 5px 10px 3px; border: solid 1px #707070; border-radius: 4px;}.searchCriteria__item li a { color: #fff; text-decoration: none; background-color: #2c2c2c;}.searchCriteria__item li span { color: #fff; background-color: #2c2c2c;}.searchCriteria__item li span.unselected { color: #2c2c2c; background-color: #e0e0e0;}.searchCriteria__more { display: none;}.searchCriteria__tgl { cursor: pointer; color: #fff; text-align: center; padding: 10px; margin-bottom: 10px; background-color: #5f5f5f;}.searchCriteria__tgl span { padding-right: 20px; background-image: url(../images/arrow-tgl.svg); background-repeat: no-repeat; background-size: 16px 8px; background-position: right center;}.searchCriteria__tgl span:last-of-type { display: none;}.searchCriteria__tgl.is-active span { background-image: url(../images/arrow-tgl-up.svg);}.searchCriteria__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}.searchCriteria__form--group { margin-right: 2.35294%; width: 31.76471%;}.searchCriteria__form--group:last-of-type { margin-right: 0;}.searchCriteria__form--group .search_select .search_select__btn { border: solid 1px #ccc; border-radius: 4px;}.searchCriteria__form--group .search_select .tip-select { border: solid 1px #ccc;}.searchCriteria__form--group .search_select .tip-select .choices ul li { text-align: left; padding: 5px; width: 100%; border-right: none;}.searchCriteria .carSpec ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}.searchCriteria .carSpec ul li { margin-right: 1em; padding-left: 15px; position: relative;}.searchCriteria .carSpec ul li:before { content: '●'; position: absolute; top: 0; left: 0;}.results { position: relative; margin-top: 20px; }.results ul { margin: 0;}.results ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.results ul li .year, .results ul li .grade, .results ul li .size { padding: 5px;}.results ul li .year { width: 100px;}.results ul li .grade { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 320px);}.results ul li .grade span:first-of-type { width: calc(100% - 110px);}.results ul li .grade .model { width: 100px;}.results ul li .size { width: 200px;}.results .results__title { background-color: #fff; border-bottom: solid 1px;}.results .results__list li { border-bottom: solid 1px #ccc;}.results .results__list li:nth-of-type(even) { background-color: #f6f6f6;}.results .results__list li.stock { cursor: pointer;}.results .results__list li.stock:hover { background-color: #BDDFF3;}.results .results__list li.stock a { color: #2c2c2c; text-decoration: none;}.results .results__list li .size span { display: block;}.results .results__list li .size span:first-of-type:before { content: '前'; margin-right: 2px;}.results .results__list li .size span:last-of-type:before { content: '後'; margin-right: 2px;}.results.test2 { margin-top: 40px;}@media (max-width: 768px) { .results { padding: 0 10px; }}@media (max-width: 640px) { .searchCriteria__item li a, .searchCriteria__item li span { font-size: 13px; } .searchCriteria__tgl { font-size: 13px; padding: 10px 5px; } .searchCriteria__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .searchCriteria__form--group { width: 100%; margin-right: 0; } .searchCriteria__form--group + .searchCriteria__form--group { margin-top: 10px; } .searchCriteria__form--group .search_select * { font-size: 13px; } .searchCriteria .carSpec { font-size: 13px; } .searchResult_count { margin: 0 0 10px; } .results { font-size: 11px; } .results ul.results__title .size { text-align: center; } .results ul li .year, .results ul li .grade, .results ul li .size { padding: 3px; } .results ul li .year { width: 50px; } .results ul li .grade { display: block; width: calc(100% - 100px - 50px); } .results ul li .grade span { display: block; padding: 0 5px; width: 100%; } .results ul li .grade span:first-of-type { width: 100%; } .results ul li .grade span.model { width: 100%; border-top: dotted 1px #ccc; } .results ul li .size { font-size: 11px; width: 100px; } .results ul li .size span { display: block; } .results ul li .size span:first-of-type:before { content: '前'; margin-right: 2px; } .results ul li .size span:last-of-type:before { content: '後'; margin-right: 2px; }}.result_count { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}.result_count .searchResult_count { margin: 10px 0;}.result_count ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0;}.result_count ul li + li { margin-left: 10px;}.result_count ul li img { width: 30px; height: 30px; vertical-align: middle; margin-right: 5px;}.searchResult_item__tire__title { padding: 10px; background-color: #968e7c; border: none;}.searchResult_item__tire { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}.searchResult_item__tire .image { text-align: center; width: 165px; border-left: solid 1px #c9c9c9; border-bottom: solid 1px #c9c9c9; position: relative;}.searchResult_item__tire .image img { position: relative; top: 3px;}.searchResult_item__tire .image span { position: absolute;}.searchResult_item__tire .image span.dtgl-btn { display: block; width: 100%; left: 0; bottom: 0;}.searchResult_item__tire .image span.icon { width: 50px; height: 50px; right: 5px; bottom: 35px;}.searchResult_item__tire .image span.icon img { width: 100%; height: auto;}.searchResult_item__tire .table { width: calc(100% - 165px);}.searchResult_item__tire .table table th { color: #fff; background-color: #666;}.searchResult_item__tire .table table th img { width: 30px; height: 30px;}.searchResult_item__tire .table table th._korogari, .searchResult_item__tire .table table th._wet { width: 50px;}@media (max-width: 480px) { .result_count { display: block; } .result_count ul { display: block; } .result_count ul li { font-size: 12px; } .result_count ul li + li { margin-left: 0; margin-top: 5px; } .result_count ul li img { width: 25px; height: 25px; }}.search .dtgl-btn-blkWhtBorder { background-color: rgba(0, 0, 0, .7);}.search .dtgl-btn-blkWhtBorder:hover { background-color:rgba(60, 60, 60, 0.8); color:#FFF;}.search a img:hover { opacity: .8;}.search .dtgl-checkbox.is-disabled { opacity: .5;}.search ._formGroup { margin: 0 0 14px;}.search ._form_row { overflow: hidden; margin: 0 -3px 16px;}.search ._formControl { display: block; margin-bottom: 5px;}.search ._formControl .dtgl-radio + .dtgl-checkbox { margin-left: 2px;}.search ._formControl .dtgl-radio + .dtgl-checkbox input { margin-right: 0;}.search ._form_row ._formGroup { float: left; width: 33.33%; margin: 0; padding: 0 3px;}.search ._formGroup_label { display: block; margin: 0 0 5px; font-size: 0.95em;}.search ._formGroup_body { margin: 5px 0 0;}.search ._formGroup .dtgl-checkbox + .dtgl-checkbox { margin-top: 5px;}.search ._formFooter { width: 100%; padding:4px 0 0;}.search ._formFooter .dtgl-btn { width: 100%; margin-bottom:10px;}.search ._formFooter_note { margin: 5px 0 0;}.search ._formFooter_note a { font-size: 11px; color: #c7c7c7;}.search ._formFooter_note a:hover { color: #8e8e8e;}.search_label_tnp { display:inline-block; padding-top:4px; padding-left:1.2em; padding-bottom:10px;}.search_label_tnp::before { content:""; display:inline-block; width:8px; height:8px; position:relative; top:-3px; border:2px solid #666; border-top:none; border-right:none; margin-right:3px;}.search_label_summer input,.search_label_studless input,.search_label_tnp input{ vertical-align:middle;}.search_section-car{}.search_section-car.visible{}.search_section-car ._formGroup_label { color: #80e5d1;}@media screen and (max-width: 1100px) {}@media screen and (max-width: 768px) {.dtgl-inputGroup input[type=text],.search .dtgl-select select,.search .dtgl-select select option{ font-size:16px!important;} }.sizeMovie { max-width: 720px;}.sizeMovie .remodal-close { top: -35px;}.search_section-size{}.search_section-size.visible {}.search_section-size ._formGroup_label { color: #89bce7;}.search ._sizeBanner { margin: 0 0 35px;}.search ._sizeBanner_title { margin: 0 0 2px; color: #ebd306; font-size: 12px;}.search ._sizeBanner_media { margin: 0;}.search ._sizeBanner_media img{ width:100%;}@media screen and (max-width: 1100px) {}@media screen and (max-width: 768px) {}.tyre_search_item_popular_slider { margin:0; padding:0 0px; max-height:450px; overflow-y:hidden;}.tyre_search_item_popular_slider .slick-dots li button:before { width: 20px; height: 20px; opacity: .25; color:#FFF!important;}.tyre_search_item_popular_slider .slick-dots li.slick-active button:before{ opacity: .75; color:#FFF!important;}.tyre_search_item_popular_item { border:none; padding-bottom:0; margin-bottom:0px;}.tyre_search_item_popular_item a{ display:block; width:100%; color:#DDD; text-decoration:none; opacity:1; padding:0 0 20px;}.tyre_search_item_popular_item a:hover{ opacity:0.8; transition:all 0.5s ease;}.tyre_search_item_popular_item_img { padding:0; width:210px; height:95px; text-align:center; box-shadow:0 0 4px #111; background:#111;}.tyre_search_item_popular_item_title { width:210px; margin:0px 0 0; padding:0px 0 5px; font-size:0.95em; color:#ec0; overflow-x:hidden;}.tyre_search_item_popular_item_title .long-grade { display:block; width:300px; transform:scaleX(0.92); transform-origin: top left;}@media screen and (max-width: 1220px) { .tyre_search_item_popular_slider { margin:0; padding:0 0px; height:200px; overflow:none; } .tyre_search_item_popular_slider .tyre_search_item_popular_item{ padding:10px; } .tyre_search_item_popular_slider .slick-dots { position:relative; top:0px; }}@media screen and (max-width: 1100px) { .tyre_search_item_popular_slider { }}@media screen and (max-width: 767px) { .tyre_search_item_popular_item_img, .tyre_search_item_popular_item_img img{ width:240px; height:auto; } .tyre_search_item_popular_item_title { width:240px; }}@media screen and (max-width: 640px) { .tyre_search_item_popular_slider .tyre_search_item_popular_item{ padding:4px; }}.tyre_search_item_lineup_compare{ padding:0px 0 10px;}.tyre_search_item_lineup_compare_title { margin:0; padding:0 0 4px; font-size:0.95em; font-weight:normal;}.btn-compare { width:100%; margin:0 0 5px;}.bnr_eraberu { display:block; width:100%; background:#c4def0; padding:8px 0; text-align:center; margin-top:5px;}@media screen and (max-width: 1000px) { .tyre_search_item_lineup_compare a{ font-size:1.15em; padding:12px 15px; margin-bottom:10px; } .tyre_search_item_lineup_compare_title { font-size:1em; }}.search_section_title-cartype {}._typeBox_caricon_list { width:100%; text-align:center; padding:0px; margin:0; display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}._typeBox_caricon_list li{ align-self: stretch; width:31.7%; margin:0 0 5px; height:68px;}._typeBox_caricon_list li a{ display:block; width:100%; height:100%; text-align:center; text-decoration:none; background:rgba(0,0,0,0.6); border:1px solid #EEE; border-radius:4px; padding-bottom:4px;} ._typeBox_caricon_list li a span{ color:#FFF; font-size:0.85rem; display:block; width:100%; padding:0;}._typeBox_caricon_list li a span._long{ display:block; transform:scaleX(0.8);}._typeBox_caricon_list li a span._line2{ display:block; transform:scale(0.9, 1); line-height:1;}._typeBox_caricon_list li a span._line2_long{ display:block; transform:scaleX(0.8); font-size:0.7em; line-height:1.3;}._typeBox_caricon_list li a img{ display:block; margin:0 auto 4px;}._typeBox_caricon_item_sedan { margin:0 4px 5px 0; }._typeBox_caricon_item_minivan { margin:0 4px 5px 0; }._typeBox_caricon_item_compact { margin:0 0 5px 0; }._typeBox_caricon_item_suv { margin:0 4px 5px 0; }._typeBox_caricon_item_sport { margin:0 4px 5px 0; }._typeBox_caricon_item_kcar { margin:0 0 5px 0; }._typeBox_caricon_item_sedan a { padding-top:13px; }._typeBox_caricon_item_minivan a { padding-top:12px; }._typeBox_caricon_item_compact a { padding-top:18px; }._typeBox_caricon_item_suv a { padding-top:14px; }._typeBox_caricon_item_sport a { padding-top:19px; }._typeBox_caricon_item_kcar a { padding-top:16px; }._typeBox_caricon_list li a:hover{ background-color:rgba(60, 60, 60, 0.8); color:#FFF;}@media screen and (max-width: 767px) { ._typeBox_caricon_list li{ width:32.2%; height:75px; } ._typeBox_caricon_list li a span{ color:#FFF; font-size:1rem; display:block; } ._typeBox_caricon_list li a span._line2{ transform:scale(1, 0.9); font-size:0.95rem; line-height:1; } ._typeBox_caricon_list li a span._line2_long{ transform:scale(0.8, 0.9); font-size:0.95rem; line-height:1; }}@media screen and (max-width: 359px) { ._typeBox_caricon_list li a span{ font-size:0.84rem; } ._typeBox_caricon_list li a span._long{ transform:scaleX(0.7); } ._typeBox_caricon_list li a span._line2_long{ transform:scale(0.7, 0.9); font-size:0.80rem; line-height:1; }}.top-section-brand { }.top-section-brand .top-section-header{}.tyre_brand_list { display:flex; flex-flow: row wrap; justify-content:flex-start; align-items: stretch; align-content: stretch; max-width:1000px; margin: 0 auto 20px;}.tyre_brand_list_item { align-self: stretch; width:33.3%; min-width:300px; padding:0 0.5% 20px;}.tyre_brand_list_item a { display:block; text-decoration:none; background:#FFF;}.tyre_brand_list_item a .tyre_brand_list_item_img { width:100%; text-align:center; padding:30px 20px; border:1px solid #DDD; color:#FFF; text-decoration:none; font-size:1.6em;}.tyre_brand_list_item_title { font-size:1em; text-align:left; color:#333; margin:0; padding:8px 12px 12px;}.tyre_brand_list_item_title span{ font-weight:bold;}.tyre_brand_slider { width:100%; height:300px; padding:20px 0px 30px;}.tyre_brand_slider .tyreitem { margin:0; padding:0 10px; background:#35D;}.tyre_brand_slider .tyreitem a{ display:block; width:180px; height:300px; background:#DDD;}@media screen and (max-width: 1100px) {}@media screen and (max-width: 768px) {}@media screen and (max-width: 640px) {}.tyre_search_mobile_navi {display:none;}@media screen and (max-width: 1000px) { .tyre_search_mobile_navi { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; width:100%; padding:20px 0px 20px ; } .tyre_search_mobile_navi a{ align-self: stretch; width:33%; min-width:100px; max-width:300px; font-size:1.05rem; font-weight:bold; text-align:center; display:inline-block!important; box-shadow:0 0 5px #AAA; border-radius:5px; margin:0 0 6px; padding:15px 10px 15px; border:1px solid #DDD; background: #111; color:#FFF; text-align:center; text-decoration:none; } .tyre_search_mobile_navi a span{ display:inline-block; text-align:left; vertical-align:middle; padding:0 0 0 18px; font-size:1.25em; line-height:1.3; } .tyre_search_mobile_navi a span.dtgl-btn_arrowFront:hover { background:none; color:#fe0; } .tyre_search_mobile_navi a span.dtgl-btn_arrowFront::before{ left: 0px; } .tyre_search_mobile_navi a span.dtgl-btn_arrowFront::after{ left: 1px; } .tyre_search_mobile_navi a::before { content:""; display:block; width:51px; height:55px; vertical-align:top; margin:0 auto 0px; background-image:url("/DTglobal/new/img/gnavi/icon_search_wt_x2.png?2"); background-repeat:no-repeat; background-size:56px auto; } .tyre_search_mobile_navi a.search_car::before { background-position:center top;} .tyre_search_mobile_navi a.search_size::before { background-position:center -58px;} .tyre_search_mobile_navi a.search_lineup::before { background-position:center -120px;} .tyre_search_mobile_navi a.search_cate::before { background-position:center -185px;} .tyre_search_mobile_navi a.search_lineup { display:none!important;}}@media screen and (max-width: 767px) { .tyre_search_mobile_navi a.search_lineup { display:block!important;} .tyre_search_mobile_navi a{ margin:0 0 6px; padding:15px 10px 15px; width:49%; min-width:100px; max-width:400px; } .tyre_search_mobile_navi a span{ font-size:1.1em; }}@media screen and (max-width: 480px) { .tyre_search_mobile_navi { padding:10px 0px 15px ; }}.top-section-else_wrap { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; max-width:1200px; padding:0 0px; margin:0 auto;}.top-section-else_category { align-self: strech; width:78%; max-width:1040px; margin:20px 0px 0 0; color: #fff; text-align:left;}.top-section-else_shop { align-self: strech; width:20%; min-width:250px; margin:20px 0px 0 0;}.top-section-else_category_wrap { margin-top:15px; border-radius:4px; box-shadow:0 0 6px #AAA; background:#2a6b5e; padding:30px;}.top-section-else_category_4rin { width:100%;}.top-section-else_category_other { width:100%;}@media screen and (max-width: 1220px) { .top-section-else_wrap { max-width:1000px; } .top-section-else_category { align-self: strech; width:calc(100% - 260px); }}@media screen and (max-width: 1000px) { .top-section-else_wrap { width:96%; max-width:96%; margin:0 auto; } .top-section-else_category { align-self: strech; width:calc(100% - 260px); }}@media screen and (max-width: 900px) { .top-section-else_category { width:100%; } .top-section-else_shop { width:100%; }}@media screen and (max-width: 750px) {}@media screen and (max-width: 480px) { .top-section-else_shop { width:100%; order:1; } .top-section-else_category { order:2; width:100%; margin:20px 0px 0 0; }}.top-section-else_shop_item { width:100%; color: #222; text-align:left; padding:25px; border-radius:4px; box-shadow:0 0 6px #AAA; background:linear-gradient(to bottom, #74b3ed 50%, #FFF); margin-top:15px;}.top-section-else_shop_item p{ color:#555; font-size:0.86em; padding-top:20px; margin:0;}.search_section-shop .dtgl-select_control,.search_section-shop ._freeword .dtgl-inputGroup_control { border:1px solid #AAA!important; margin:0;}.search_section-shop ._formGroup_label { color: #222; font-size: 1em; line-height:1.2; margin-bottom:0;}.search_section-shop ._freeword { padding-top:16px;}.search_section-shop ._formNearest { margin: 0px 0 20px;}.search_section-shop ._formNearest .dtgl-btn { width:100%;}.search_section-shop .dtgl-inputGroup_btn .dtgl-btn.btn-search { width: 50px; padding-right: 0; padding-left: 0;}.search_section-shop .dtgl-btn-bluWhtBorder { padding: 10px 0; border-width: 2px;}.search_section-shop input,.search_section-shop .dtgl-select select,.search_section-shop .dtgl-select select option{ height:28px!important; font-size:18px;}.search_section-shop button { height:28px; padding-top:6px;}@media screen and (max-width: 900px) { .top-section-else_shop .top-section-header br{ display:none; } .search_section_inner-shop ._formNearest a { font-size:1.2em; padding:12px 15px; border-radius:5px; }}@media screen and (max-width: 767px) { .search_section-shop button { height:28px; padding-top:4px; }}@media screen and (max-width: 480px) {}.top-section-else_category_other_item{ width:100%; padding-bottom:0px;}.top-section-else_category_other_item:last-child{ padding-bottom:0;}.top-section-else_category_other_item a{ text-decoration:none;}.top-section-else_category_other_item_img{ height:120px; background:#222;}.top-section-else_category_other_item_name{ display:inline-block; position:absolute; min-width:220px; height:30px; padding:5px 30px 0 10px; margin:-30px 0 0; color:#FFF; background:linear-gradient(to right, #111 60%, transparent);}.top-section-else_category_list{ display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin:0 auto 30px; padding-top:20px;}.top-section-else_category_list li.top-section-else_category_list_item{ align-self: stretch; width:33%; min-width:280px; padding:5px;}.top-section-else_category_list li.top-section-else_category_list_item ._item_image{ background:#111; width:280px; height:90px; margin:0 auto 0; padding:0; box-shadow:0 0 3px #888;}.top-section-else_category_list li.top-section-else_category_list_item ._item_image a{ display:block; width:100%; height:auto; min-height:80px; background:#222; }.top-section-else_category_list li.top-section-else_category_list_item ._item_image a img{ width:100%; height:auto; max-width:280px; max-height:90px;}.top-section-else_category_list li.top-section-else_category_list_item a:hover{ opacity:0.8}.top-section .top-section-else_category_list li.top-section-else_category_list_item ._item_link{ margin:0 auto 0; max-width:280px; padding:4px 0;}.top-section-else_category_list li.top-section-else_category_list_item ._item_link a{ color:#FFF; font-size:0.9em; margin:0; text-shadow:0 0 3px #333;}.top-section .top-section-else_category_title { margin:0; display:block; color:#FFF; width:100%; font-size:1.4em; font-weight:bold; text-align:center;}@media screen and (max-width: 1220px) { .top-section-else_category_list li.top-section-else_category_list_item{ align-self: stretch; width:49%; padding:5px; }}@media screen and (max-width: 950px) { .top-section-else_category_list li.top-section-else_category_list_item{ width:48%; min-width:220px; } .top-section-else_category_list li.top-section-else_category_list_item ._item_image a{ min-height:50px; } .top-section-else_category_list li.top-section-else_category_list_item ._item_image{ background:#111; width:100%; height:auto; max-height:90px; margin:0 auto 0; padding:0; }}@media screen and (max-width: 900px) { .top-section-else_category_list li.top-section-else_category_list_item{ width:33%; min-width:220px; }}@media screen and (max-width: 768px) { .top-section-else_category_list{ padding-left:4%; padding-right:4%; } .top-section-else_category_list li.top-section-else_category_list_item{ width:48%; max-width:280px; }}@media screen and (max-width: 640px) { .top-section-else_category_list{ padding-left:0; padding-right:0; }}@media screen and (max-width: 540px) { .top-section-else_category_list{ justify-content: center; } .top-section-else_category_list li.top-section-else_category_list_item{ width:100%; max-width:280px; }}@media screen and (max-width: 480px) { .top-section-else_category_title { margin:0 0 0px; font-size:1.2em!important; } .top-section-else_category_list li.top-section-else_category_list_item{ width:100%; }}.top-section-stdl_category_wrap { margin-top:15px; border-radius:4px; box-shadow:0 0 6px #AAA; background:#004ea2 url("./../img/category/top_stcate_bg.jpg") right top no-repeat; padding:30px 30px 10px;}.top-section-stdl_category_list{ display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin:0 auto 30px; padding-top:20px;}.top-section-stdl_category_list li.top-section-stdl_category_list_item{ align-self: stretch; width:33%; min-width:280px; margin-bottom:5px;}.top-section-stdl_category_list li.top-section-stdl_category_list_item a{ display:block; width:100%; background:#FFF; text-decoration:none; border-radius:4px;}.top-section-stdl_category_list li.top-section-stdl_category_list_item a:hover{ background:#FE0; color:#222;}.top-section .top-section-stdl_category_title { margin:0; display:block; color:#FFF; width:100%; font-size:1.4em; font-weight:bold; text-align:center;}@media screen and (max-width: 1220px) { .top-section-stdl_category_list li.top-section-stdl_category_list_item{ align-self: stretch; width:49.5%; min-width:200px; }}@media screen and (max-width: 768px) { .top-section-stdl_category_list{ padding-left:0; padding-right:0; }}@media screen and (max-width: 680px) { .top-section-stdl_category_wrap { background-size:80% auto; padding-top:60px; } .top-section-stdl_category_list{ justify-content: center; } .top-section-stdl_category_list li.top-section-stdl_category_list_item{ width:100%; }}@media screen and (max-width: 480px) { .top-section-stdl_category_title { margin:0 0 0px; font-size:1.2em!important; }}.top-section { padding:0; margin:0; width:100%;}.top-section .pickup { margin:50px 0 0;}.top-section .newsRelease { margin:0px 0 0; padding:30px 0 40px;}.bnrlist_container { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; max-width:1000px; margin:0 auto; padding-top:20px}.bnrlist_item_spacer { width:220px;}.bnrlist_item { align-self: stretch; width:220px; padding:0 0 30px;}.bnrlist_item_image { box-shadow:0 0 6px #AAA; max-height:130px;}.bnrlist_item_image a:hover{ opacity:0.8;}.bnrlist_item_link {}.bnrlist_item_excerpt { font-size:0.9em;}.bnrlist_footer_link { width:100%; max-width:1000px; margin:0 auto; text-align:right; }@media screen and (max-width: 1000px) { .bnrlist_container { justify-content: center; width:96%; max-width:96%; } .bnrlist_item_spacer, .bnrlist_item { margin:0 0.5% 0; } .bnrlist_item_spacer { width:24%; max-width:220px; } .bnrlist_item { align-self: stretch; width:24%; max-width:220px; padding:0 0 30px; }}@media screen and (max-width: 767px) { .dtgl-section.bnrlist { padding:30px 2%; width:100%; } .dtgl-section.pickup { margin: 30px 0 0px; } .bnrlist_item { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; width:100%; max-width:100%; border-top:1px dotted #BBB; padding:15px 0; margin:0 0 0px; } .bnrlist_item_spacer {display:none;} .bnrlist_item:first-child { border:none; padding:0 0 15px; } .bnrlist_item_image, .bnrlist_item_text { align-self: stretch; text-align:left; vertical-align:top; } .bnrlist_item_image{ width:220px; height:130px; } .bnrlist_item_text{ width:calc(100% - 235px); } .bnrlist_item_text p{ margin:0; } .bnrlist_footer_link { padding-top:20px; }}@media screen and (max-width: 540px) { .bnrlist_item_image{ width:110px; height:65px; } .bnrlist_item_text{ width:calc(100% - 125px); }}.importantNews { margin: 20px auto 30px; padding: 15px 15px 20px; background: rgba(255,255,255,0.95); max-width:1000px;}.importantNews_title { display:inline-block; margin: 0 0 10px; color: #EE0000; font-size: 1rem; font-weight: bold; text-shadow:0 0 0 3px #FFF; background:#FFF;}.importantNews_list { margin: 0;}.importantNews_item { margin: 0; line-height: 1.8;}.importantNews_item a,.importantNews_item a:link,.importantNews_item a:visited { color: #2c2c2c;}@media screen and (max-width: 1080px) { .importantNews { width:98%; padding: 15px 15px 10; border-bottom: 1px solid #dcdcdc; } .importantNews_title { margin-bottom: 0; } .importantNews_item { margin: 0 -10px; padding: 5px 10px; } .importantNews_item + .importantNews_item { border-top: 1px solid #dcdcdc; }}.brand { margin: 0 auto; padding: 50px 0 20px; margin-bottom:0;}.knowledge .dtgl-list_item_image a,.knowledge .dtgl-list_item_image a img,.brand .dtgl-list_item_image a,.brand .dtgl-list_item_image a img { max-height:90px;}.brand .dtgl-section_header_title { border-color: #bebebe;}@media screen and (max-width: 1300px) { .dtgl-list { margin-right: 0; margin-left: 0; padding-right: 10px; padding-left: 10px; } .dtgl-list_item { width: 300px; padding-right: 10px; padding-left: 10px; } .dtgl-list-col4 .dtgl-list_item { max-width: 25%; }}@media screen and (max-width: 1080px) { .dtgl-section_header_title { margin-bottom: 0; padding: 0 10px 5px; border-bottom-width: 2px; } .dtgl-list { width: 620px; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; text-align: left; } .dtgl-list_item { max-width: none !important; width: 310px; padding-right: 15px; padding-left: 15px; }}@media screen and (max-width: 767px) { .dtgl-section.knowledge, .dtgl-section.knowledge.brand{ margin: 30px 0 15px; } .dtgl-list { width: auto; padding-right: 0; padding-left: 0; } .dtgl-list_item { display: block; width: 280px; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } .brand { padding: 30px 0 10px; } .brand { margin-bottom: 0; }}.top-section { padding:0; margin:0; width:100%;}.top-section .dtgl-section-linkblock { margin:0px 0 0; padding:80px 0 80px;}.top-section .dtgl-section-reason { background:url("./../img/bg/top_point_bg.jpg") right top no-repeat #191611; background-attachment:fixed; background-size:auto 100%; color:#EEE;}.top-section .dtgl-section-knowledge { background:url("./../img/bg/top_base_bg.jpg") left top no-repeat #FFF; background-attachment:fixed; background-size:802px 756px;}@media all and (-ms-high-contrast:none){ .top-section .dtgl-section-reason, .top-section .dtgl-section-knowledge { background-attachment:scroll; }}@supports (-ms-ime-align: auto) { .top-section .dtgl-section-reason, .top-section .dtgl-section-knowledge { background-attachment:scroll; }}.top-section .dtgl-section-reason .top-section-header_title { color:#FFF;}.top-section .dtgl-section-reason .linklist_container a { color:#FFF;}.top-section .dtgl-section-reason .linklist_container { background:rgba(0,0,0,0.4);}.top-section .dtgl-section-knowledge .linklist_container { background:rgba(240,240,240,0.7);}.top-section .dtgl-section-reason .dtgl-container,.top-section .dtgl-section-knowledge .dtgl-container { max-width:1000px; margin:0 auto;}.top-section-body { padding-bottom:40px;}.top-section-body_mainbox { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; margin:20px 0}.top-section .dtgl-section-knowledge .top-section-body_mainbox{ padding:30px 0 0;}.top-section .dtgl-section-knowledge .top-section-body_mainbox_text{ width:calc(100% - 400px); vertical-align:top;}.dtgl-section-reason .top-section-body_mainbox_text{ width:100%;}.dtgl-section-reason .top-section-body_mainbox_text p b{ color:#fe0; font-weight:normal;}.top-section .dtgl-section-knowledge .top-section-body_mainbox_image{ width:375px; height:230px; vertical-align:bottom; text-align:right; }.top-section .dtgl-section-knowledge .top-section-body_mainbox_image img{ width:100%; max-width:375px;}.top-section-body .top-section-body_title { font-size:1.5em; border-left:3px solid #fe0; padding:5px 0px 5px 12px; margin:0;}.dtgl-section-reason .top-section-body p,.top-section-body_base p,.top-section-body_change p,.top-section-body_studless p{ line-height:1.8;}.dtgl-section-reason .top-section-body p{}@media screen and (max-width: 1050px) { .top-section .dtgl-section-reason .dtgl-container, .top-section .dtgl-section-knowledge .dtgl-container { max-width:96%; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_image{ width:300px; height:184px; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_image img{ width:100%; max-width:300px; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_text{ width:calc(100% - 320px); }}@media screen and (max-width: 767px) { .top-section .dtgl-section-linkblock { padding:80px 0 40px; } .top-section-body { padding-bottom:0px; } .top-section-body_mainbox { padding:0px 0 0; } .top-section .dtgl-section-reason { background-image:url("./../img/bg/top_point_bg_sp.jpg"); background-attachment:scroll; background-size:100% auto; } .top-section .dtgl-section-knowledge { background-image:url("./../img/bg/top_base_bg_sp.jpg"); background-attachment:scroll; background-size:100% auto; } .top-section-body_mainbox_text{ width:100%; vertical-align:top; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_image{ width:100%; max-width:100%; height:auto; text-align:center; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_image img{ max-width:375px; margin:0 auto; } .top-section .dtgl-section-knowledge .top-section-body_mainbox_text{ width:100%; }}@media screen and (max-width: 640px) { .top-section .dtgl-section-linkblock { padding:40px 0; } .linklist_container { padding:10px; } .top-section .dtgl-section-knowledge .top-section-header p { padding-top:20px; } .top-section-body .top-section-body_title { font-size:1.25em; }}.linklist_container { display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin:0 auto; padding:20px; border-radius:3px;}.linklist_item { align-self: stretch; min-width:33%; padding:5px 10px;}.top-section .dtgl-section .dtgl-container .dtgl-btn_arrow_box a { min-width:200px;}.top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a:hover { background:rgba(105,105,105,0.5); border-radius:4px;}.top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a:hover { background:rgba(255,255,255,1); border-radius:4px; box-shadow:0 0 3px #aaa;}.top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a::before{ background: #FFF;}.top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a::after{ border-top: 1px solid #FFF; border-right: 1px solid #FFF;}.top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a:hover::before{ background: #Fe0;}.top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a:hover::after{ border-top: 1px solid #Fe0; border-right: 1px solid #Fe0;}.top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a::before{ background: #444;}.top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a::after{ border-top: 1px solid #444; border-right: 1px solid #444;}.top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a:hover::before{ background: #Fe0;}.top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a:hover::after{ border-top: 1px solid #Fe0; border-right: 1px solid #Fe0;}@media screen and (max-width: 1000px) { .linklist_item { width:50%; }}@media screen and (max-width: 640px) { .linklist_container { padding:0px; border-radius:5px; } .linklist_item { display:flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: stretch; width:100%; max-width:100%; padding:0; } .top-section .dtgl-section-reason .linklist_item { border-bottom:1px solid #444; } .top-section .dtgl-section-knowledge .linklist_item { border-bottom:1px solid #CCC; } .top-section .dtgl-section-reason .linklist_item:last-child, .top-section .dtgl-section-knowledge .linklist_item:last-child { border-bottom:none; } .top-section .dtgl-section .dtgl-container .dtgl-btn_arrow_box a { min-width:100%; text-decoration:none; padding-top:10px; padding-bottom:10px; } .top-section .dtgl-section-reason .dtgl-container .dtgl-btn_arrow_box a:hover { background:rgba(105,105,105,0.5); border-radius:0px; } .top-section .dtgl-section-knowledge .dtgl-container .dtgl-btn_arrow_box a:hover { background:rgba(255,255,255,1); border-radius:0px; box-shadow:none; }}.sizeMovie { max-width: 640px;}.sizeMovie .remodal-close { top: -35px;}