/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(auPay start / ecd は必要)
 * 変数の使い方
 * $ec_dir ･･･ それぞれ各ECの絶対パス(現状)
 * $ec_id ･･･ それぞれ各ECのID(CSVで設定している分)
 *
 * 例：background-image: url($ec_dir + '/img/bn_main_background_sp.jpg');
 *
 * SCSSについて
 * 例：if制御
 *  @if $shop == 1 {
 * 		#pc_header.ac img {
 *			width: initial;
 *		}
 *	}
 *
 * 今分かっている問題
 * 1.rgb()について
 *   rgba()を利用してください。うまく変換されません
 */
/* auPayについては、figureタグ等利用できないタグがあり、変換して利用する事になる
 * その変換されたタグ用にCSSを設定する必要があるので、下記コメントタグを利用し、
 * 開始・終了で閉じる事
 * また、if制御を利用して切り替えると楽
 * @if $shop == 5 {
 *	.studless .recommend > h3 > img {
 *		width: 100%;
 *	}
 * } @else {
 *	.studless .recommend > div img {
 *		width: 100%;
 *	}
 * }
 */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
.goodyear * {
  font-family: "Noto Sans JP", sans-serif; }

.goodyear .top_menu ul li a, .goodyear .sp_link a, .goodyear h2, .goodyear #lineup h3, .goodyear .ptn_name, .goodyear .type_menu a {
  color: #004991;
  font-weight: 700;
  transform: skewX(-10deg);
  transform-origin: left bottom; }

.goodyear .top_menu ul li a small, .goodyear h2 small, .goodyear #lineup h3 small {
  font-weight: 500;
  display: block; }

.goodyear #lineup h3, .goodyear .ptn_name {
  color: #114b8e; }

.goodyear #gallery h2, .goodyear .type_menu a {
  color: #fff; }

.goodyear .type_menu a small {
  font-weight: 400;
  font-size: 0.66em;
  letter-spacing: -0.05em;
  display: block;
  margin-top: 0.3em; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, button, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.goodyear img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

.goodyear .video > div {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 10px; }

.goodyear .video > div > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.goodyear main > section {
  padding-top: 10vw; }

.goodyear .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.goodyear .h2_box {
  font-size: 7vw;
  width: 95%;
  margin: 0 auto 10vw;
  padding-left: 0.2em;
  border-left: 2.2vw solid #fcde07;
  box-sizing: border-box; }

.goodyear .h2_box small {
  font-size: 0.54em;
  margin: 0.5em 0 0 0.2em; }

.goodyear br.pc {
  display: none; }

.goodyear {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_gy.jpg") top 82vw center / 310% no-repeat;
  overflow: hidden; }

.goodyear .breadcrumb {
  background-color: #00529f;
  position: relative;
  width: 100%;
  padding: 5px 10px; }

.goodyear .breadcrumb a, .goodyear .breadcrumb span {
  color: #fff;
  font-size: 12px;
  margin-right: 5px; }

.goodyear header {
  padding-bottom: 86vw;
  margin-bottom: 5vw;
  position: relative; }

.goodyear header::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  background: url("/asp/photo/auction/brand/goodyear/img/bg_fv.jpg") top calc(12vw + 30px) right 28vw / 59% no-repeat;
  border-radius: 0 0 50% 50%;
  border: 3px solid #fcde07;
  border-top: none;
  outline: 3px solid #004991;
  transform: scale(3);
  box-sizing: border-box; }

.goodyear .aw_header {
  background-color: #00529f;
  padding: 10px;
  width: 100%;
  position: relative;
  box-sizing: border-box; }

.goodyear .aw_header h1 {
  height: 25px; }

.goodyear .aw_header a {
  display: block;
  height: 25px; }

.goodyear .aw_header img {
  display: block;
  height: 100%; }

.goodyear .top_menu {
  position: relative;
  z-index: 10; }

.goodyear .top_menu.fixed {
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  animation: fadeIn 0.5s; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0px); } }

.goodyear .btn_menu {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  width: 60px;
  height: 70px;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #004991;
  flex-direction: column;
  padding: 10px 7px;
  box-sizing: border-box;
  font-size: 14px;
  color: #004991;
  font-weight: 700;
  transition: 0.3s; }

.goodyear .top_menu.open .btn_menu {
  background-color: transparent;
  border: none;
  border: 2px solid transparent; }

.goodyear .bar {
  width: 100%;
  height: 3px;
  background-color: #004991;
  position: relative;
  transition: 0.3s; }

.goodyear .bar::before, .goodyear .bar::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #004991;
  left: 0;
  top: 10px;
  transition: 0.3s; }

.goodyear .bar::after {
  top: 20px; }

.goodyear .top_menu.open .bar {
  transform: rotate(60deg) translate(12px, 6px);
  width: 80%; }

.goodyear .top_menu.open .bar::before, .goodyear .top_menu.open .bar::after {
  transform: rotate(60deg);
  top: 0; }

.goodyear .top_menu.open .bar::after {
  opacity: 0; }

.goodyear .top_menu ul {
  position: absolute;
  top: 10px;
  right: -100%;
  width: 250px;
  background: url("/asp/photo/auction/brand/goodyear/img/bg_wf.png") center / 80% no-repeat, #f3f3f3;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #004991;
  flex-direction: column;
  padding: 30px 50px 10px;
  transition: 0.3s; }

.goodyear .top_menu.open ul {
  right: 10px; }

.goodyear .top_menu ul li {
  width: 100%; }

.goodyear .top_menu ul li:nth-of-type(2) {
  border-top: 1px solid #004991;
  border-bottom: 1px solid #004991; }

.goodyear .top_menu ul li a {
  font-size: 16px;
  display: block;
  text-align: center;
  line-height: 1.5;
  padding: 1em 0; }

.goodyear .top_menu ul li a small {
  font-size: 12px; }

.goodyear .sp_link a {
  display: block;
  width: 10em;
  font-size: 6.4vw;
  text-align: center;
  padding: 0.5em 0;
  margin: 1.5em auto 0;
  color: #fff;
  position: relative;
  z-index: 0; }

.goodyear .sp_link a::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #f00 0%, #8b0001 100%);
  border-radius: 0.5em;
  transform: skewX(10deg); }

.goodyear #about .text_box {
  width: 95%;
  margin: 0 auto 10vw; }

.goodyear #about p {
  line-height: 1.8;
  font-size: 4vw;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: justify; }

.goodyear #about h3 {
  text-align: center;
  margin-bottom: 10vw;
  font-size: 4.8vw; }

.goodyear #about .about_wf {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_wf.png") center / contain no-repeat;
  padding: 6vw 0 10vw; }

.goodyear .type_menu ul {
  width: 80%;
  margin: 0 12% 10vw 8%; }

.goodyear .type_menu li {
  width: 100%;
  margin-bottom: 4vw; }

.goodyear .type_menu a {
  display: block;
  background: linear-gradient(to bottom, #1a7ef2 0%, #114b8e 100%);
  text-align: center;
  font-size: 6.4vw;
  padding: 0.5em 0;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  padding-right: 3em;
  box-shadow: 1px 1px 2px #c5c5c5; }

.goodyear .type_menu a::after {
  content: '';
  position: absolute;
  right: 10vw;
  top: 3vw;
  height: 13vw;
  width: 13vw;
  transform: skewX(10deg); }

.goodyear .type_menu li:first-of-type a::after {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_sm.png") center / contain no-repeat; }

.goodyear .type_menu li:nth-of-type(2) a::after {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_st.png") center / contain no-repeat; }

.goodyear .type_menu li:last-of-type a::after {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_al.png") center / contain no-repeat; }

.goodyear .type_menu.foot {
  padding: 10vw 0 6vw;
  background: #e6e7e8; }

.goodyear .type_menu.foot ul {
  margin-bottom: 0vw; }

.goodyear #lineup {
  background-color: #e6e7e8; }

.goodyear #lineup h3 {
  text-align: center;
  font-size: 6.4vw;
  letter-spacing: 0.05em;
  position: relative;
  margin-bottom: 20vw; }

.goodyear #lineup h3 small {
  font-size: 0.583em;
  letter-spacing: -0.05em;
  margin-top: 0.3em; }

.goodyear #lineup h3::after {
  content: '';
  position: absolute;
  width: 16%;
  height: 1vw;
  background-color: #fcde07;
  bottom: -4vw;
  right: 0;
  left: 0;
  margin: 0 auto; }

.goodyear #lineup section {
  width: 95%;
  padding-top: 10vw;
  margin: 0 auto;
  border-bottom: 1px solid #004ea8; }

.goodyear #lineup section:last-of-type {
  border-bottom: none; }

.goodyear .select_box {
  width: 85%;
  margin: 0 auto 5vw;
  position: relative;
  align-items: flex-start;
  height: 14vw; }

.goodyear .select_box:last-of-type {
  margin: 0 auto 20vw; }

.goodyear .select_box input {
  display: none; }

.goodyear .select_box label {
  width: 100%;
  color: #114b8e;
  font-weight: 700;
  font-size: 4vw;
  margin-bottom: 3vw;
  cursor: pointer; }

.goodyear .select_box ul {
  font-size: 3.5vw;
  font-weight: 700;
  color: #114b8e;
  width: 100%;
  border: 1px solid #1569ca;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 6vw; }

.goodyear .select_box input:checked + ul {
  z-index: 10; }

.goodyear .select_box ul::before {
  content: "\25BC";
  color: #fff;
  background-color: #1569ca;
  font-size: 3.5vw;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  transition: 0.5s; }

.goodyear .select_box input:checked + ul::before {
  transform: rotate(180deg);
  border-bottom: 1px solid #1569ca; }

.goodyear .select_box li {
  padding: 0 1em;
  height: 0;
  opacity: 0;
  cursor: pointer;
  transition: 0.5s;
  position: relative;
  z-index: 0; }

.goodyear .select_box li.active, .goodyear .select_box input:checked + ul li {
  padding: 0.5em 1em;
  opacity: 1;
  height: auto; }

.goodyear .select_box input:checked + ul li:first-of-type {
  border-bottom: 1px solid #1569ca; }

.goodyear .select_box input:checked + ul li.active {
  background-color: #1569ca;
  color: #fff; }

.goodyear .item_area li {
  width: 100%; }

.goodyear .item_box {
  margin: 0 auto 20vw;
  display: block;
  position: relative; }

.goodyear .category {
  position: relative;
  z-index: 0;
  left: 15%;
  font-size: 3.2vw;
  width: 6em;
  text-align: center;
  background-color: #e6e7e8;
  color: #004ea8;
  font-weight: 500;
  margin-bottom: 1em; }

.goodyear .category small {
  display: block;
  font-size: 0.8em;
  margin-top: 0.3em; }

.goodyear .category::before, .goodyear .category::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  border: 2px solid #004ea8;
  transform: translate(-50%, -50%); }

.goodyear .category::before {
  clip-path: polygon(0 0, 100% 0, 100% 27%, 0 27%); }

.goodyear .category::after {
  clip-path: polygon(0 73%, 100% 73%, 100% 100%, 0 100%); }

.goodyear .inch_drop {
  position: absolute;
  top: -3vw;
  right: 15%;
  font-size: 3.2vw; }

.goodyear .inch {
  display: block;
  width: 7em;
  color: #fff;
  font-weight: 500;
  background-color: #004ea8;
  border-radius: 2em;
  padding: 0.5em 0;
  text-align: center;
  margin-bottom: 0.5em; }

.goodyear .drop {
  color: #004ea8;
  font-weight: 700;
  display: block;
  text-align: center; }

.goodyear .img_tire {
  width: 70%;
  height: 35vw;
  margin: 0 auto 3vw;
  overflow: hidden; }

.goodyear #summer .img_tire {
  background: linear-gradient(to right bottom, transparent 50%, #fcde07 50%); }

.goodyear #studless .img_tire {
  background: linear-gradient(to right bottom, transparent 50%, #4298f0 50%); }

.goodyear #allseason .img_tire {
  background: linear-gradient(to right bottom, transparent 50%, #ffb400 50%); }

.goodyear .img_tire img {
  height: 200%; }

.goodyear .ptn_name {
  font-size: 5.8vw;
  letter-spacing: -0.05em;
  text-align: center;
  margin-bottom: 0.5em; }

.goodyear .ptn_name small {
  display: block;
  font-size: 0.55em;
  letter-spacing: 0;
  margin-top: 0.3em; }

.goodyear .ptn_name span {
  display: block;
  text-align: right; }

.goodyear .item_box button {
  color: #fff;
  background: linear-gradient(to bottom, #1a7ef2 0%, #114b8e 100%);
  display: block;
  font-size: 4.2vw;
  font-weight: 700;
  width: 14em;
  border-radius: 1em;
  padding: 0.8em 0;
  margin: 0 auto;
  line-height: 1; }

.goodyear #gallery {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_gallery.png") center top 16vw / 120% no-repeat, #114b8e;
  padding-bottom: 15vw; }

.goodyear .history {
  width: 95%;
  margin: 0 auto;
  color: #fff; }

.goodyear .history figure {
  width: 53%;
  margin: 0 auto 7vw; }

.goodyear .history figure img {
  width: auto;
  height: 21vw; }

.goodyear .history h3 {
  font-size: 4.8vw;
  text-align: center;
  margin-bottom: 1em; }

.goodyear .history p {
  line-height: 1.8;
  font-size: 4vw;
  text-align: justify;
  margin-bottom: 7vw; }

.goodyear .history .video {
  max-width: 1080px;
  margin: 0 auto 10vw; }

.goodyear .gallery_area {
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
  position: relative; }

.goodyear .gallery_area .btn {
  position: absolute;
  width: 5vw;
  height: 5vw;
  top: 35%;
  transform: translateY(-50%); }

.goodyear .gallery_area .btn::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #f1d522; }

.goodyear .gallery_area .btn.prev {
  left: 0; }

.goodyear .gallery_area .btn.prev::before {
  clip-path: polygon(50% 0, 100% 0, 50% 50%, 100% 100%, 50% 100%, 0 50%); }

.goodyear .gallery_area .btn.next {
  right: 0; }

.goodyear .gallery_area .btn.next::before {
  clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%, 50% 50%); }

.goodyear .gallery_area ul {
  width: 88%;
  margin: 0 auto; }

.goodyear .gallery_area ul li.main {
  width: 100%;
  height: 51.9vw;
  max-height: 590px;
  margin-bottom: 2vw;
  position: relative; }

.goodyear .gallery_area ul li.main img {
  width: 100%;
  height: 100%;
  transform: scale(0, 0); }

.goodyear .gallery_area ul li.main img.center {
  transform: scale(1, 1);
  transition: transform 0.3s; }

.goodyear .gallery_area ul li.main img.next {
  transform-origin: right;
  transform: scale(1, 1);
  transition: transform 0.3s; }

.goodyear .gallery_area ul li.main img.prev {
  transform-origin: left;
  transform: scale(1, 1);
  transition: transform 0.3s; }

.goodyear .gallery_area ul li.thum {
  width: 23%;
  height: 12vw;
  margin-bottom: 2vw;
  position: relative; }

.goodyear .gallery_area ul li.thum::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transform: scale(0, 0);
  transform-origin: center;
  transition: transform 0.3s; }

.goodyear .gallery_area ul li.thum.active::before {
  transform: scale(1, 1); }

.goodyear footer {
  background-color: #00529f;
  padding-bottom: 30px; }

.goodyear footer > a {
  display: block;
  padding: 10vw 0;
  background: linear-gradient(to bottom, #0062d4 0%, #114b8e 100%); }

.goodyear footer > a img {
  width: auto;
  height: 14vw; }

.goodyear footer nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2em 0;
  font-size: 14px; }

.goodyear footer nav a {
  color: #fff;
  font-weight: 500;
  margin: 0.5em 1em;
  display: block; }

.goodyear footer small {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #fff; }

.goodyear .page_top {
  display: none; }

.goodyear .page_top a {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #0062d4 0%, #114b8e 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s; }

.goodyear .page_top a::before {
  content: '';
  width: 40px;
  height: 30px;
  background-color: #fff;
  display: block;
  margin: 0 auto;
  clip-path: polygon(50% 0, 88% 47%, 78% 56%, 56% 28%, 56% 90%, 44% 90%, 44% 28%, 22% 56%, 12% 47%);
  transition: 0.3s; }

.goodyear .page_top.up a {
  bottom: 100px; }

.goodyear .type_menu_fix {
  display: none; }

.goodyear .type_menu_fix ul {
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 20px; }

.goodyear .type_menu_fix li {
  width: 33%; }

.goodyear .type_menu_fix a {
  display: block;
  width: 100%;
  height: 65px;
  color: #114b8e;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding: 0.5em 0;
  box-sizing: border-box;
  border-radius: 10px;
  line-height: 1.1;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.goodyear .type_menu_fix li:first-of-type a {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_sm.png") center bottom 5px / 35px no-repeat, linear-gradient(to bottom, #fee703 35%, #f4d503 65%); }

.goodyear .type_menu_fix li:nth-of-type(2) a {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_st.png") center bottom 5px / 35px no-repeat, linear-gradient(to bottom, #fee703 35%, #f4d503 65%); }

.goodyear .type_menu_fix li:last-of-type a {
  background: url("/asp/photo/auction/brand/goodyear/img/bg_icon_al2.png") center bottom 5px / 85px no-repeat, linear-gradient(to bottom, #fee703 35%, #f4d503 65%); }

@media screen and (min-width: 768px) {
  .goodyear br.pc {
    display: block; }
    .goodyear br.sp {
      display: none; }
    .goodyear main > section {
      padding-top: 5vw; }
    .goodyear .h2_box {
      font-size: 3.2vw;
      max-width: 1080px;
      margin: 0 auto 5vw;
      border-left: 1vw solid #fcde07; }
    .goodyear {
      background: url("/asp/photo/auction/brand/goodyear/img/bg_gy.jpg") top 15vw center / 142% no-repeat; }
    .goodyear .breadcrumb {
      position: absolute;
      top: 8px;
      left: 0;
      z-index: 10;
      width: 400px; }
    .goodyear header {
      padding-bottom: 36vw;
      margin-bottom: 5vw;
      position: relative; }
    .goodyear header::before {
      width: 100%;
      height: 89%;
      background: url("/asp/photo/auction/brand/goodyear/img/bg_fv.jpg") top calc(4vw + 30px) right 16vw / 68% no-repeat;
      border: 4px solid #fcde07;
      outline: 4px solid #004991;
      transform: scale(1.5); }
    .goodyear .aw_header h1 img {
      opacity: 0; }
    .goodyear .btn_menu {
      display: none; }
    .goodyear .top_menu ul {
      right: 0;
      left: 0;
      margin: 0 auto;
      background: transparent;
      padding: 0 10vw 0 0;
      border: none;
      flex-direction: row;
      justify-content: center;
      width: 60%; }
    .goodyear .top_menu ul li {
      width: auto;
      box-sizing: border-box; }
    .goodyear .top_menu ul li:nth-of-type(2) {
      border: 1px solid #004991;
      border-top: none;
      border-bottom: none; }
    .goodyear .top_menu ul li:last-of-type {
      display: none; }
    .goodyear .top_menu ul li a {
      font-size: 1.8vw;
      padding: 0 1em;
      transform-origin: center;
      position: relative;
      transition: 0.3s; }
    .goodyear .top_menu ul li a:hover {
      color: #fcde07; }
    .goodyear .top_menu ul li a small {
      font-size: 1.4vw; }
    .goodyear .top_menu ul li a::before {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0%;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #2d568e;
      transform-origin: center;
      transform: scale(0, 1) skewX(10deg);
      transition: transform 0.3s; }
    .goodyear .top_menu ul li a:hover::before {
      transform: scale(1, 1) skewX(10deg); }
    .goodyear .sp_link {
      display: none; }
    .goodyear #about .text_box {
      margin: 0 auto 3vw; }
    .goodyear #about p {
      font-size: 2vw;
      text-align: center;
      letter-spacing: 0; }
    .goodyear #about h3 {
      margin-bottom: 2vw;
      font-size: 2.4vw; }
    .goodyear #about .about_wf {
      padding: 4vw 0;
      margin-bottom: 2vw; }
    .goodyear .type_menu ul {
      width: 85%;
      max-width: 870px;
      margin: 0 8% 5px 7%; }
    .goodyear .type_menu li {
      width: 30%;
      margin-bottom: 0; }
    .goodyear .type_menu a {
      font-size: 2.4vw;
      padding: 0.8em 3em 0.8em 0;
      transition: 0.3s; }
    .goodyear .type_menu a:hover {
      color: #114b8e;
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); }
    .goodyear .type_menu a::before {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: 0;
      bottom: 0;
      background: linear-gradient(to bottom, #fee703 35%, #f4d503 65%);
      transform-origin: right top;
      transform: scale(0, 1);
      transition: transform 0.3s; }
    .goodyear .type_menu a:hover::before {
      transform-origin: left bottom;
      transform: scale(1, 1); }
    .goodyear .type_menu a::after {
      right: 2vw;
      top: 1.5vw;
      height: 5vw;
      width: 5vw;
      transition: 0.3s; }
    .goodyear .type_menu a:hover::after {
      filter: brightness(0) saturate(100%) invert(21%) sepia(30%) saturate(3985%) hue-rotate(196deg) brightness(95%) contrast(92%); }
    .goodyear .type_menu.foot {
      padding: 3vw 0; }
    .goodyear #lineup section {
      padding-top: 5vw;
      max-width: 1080px; }
    .goodyear #lineup h3 {
      font-size: 3.2vw;
      margin-bottom: 10vw; }
    .goodyear #lineup h3::after {
      width: 10%;
      height: 0.5vw;
      bottom: -2vw; }
    .goodyear .select_area {
      max-width: 730px;
      margin: 0 auto;
      justify-content: flex-start; }
    .goodyear .select_box {
      width: 43%;
      height: auto;
      margin: 0 0 100px; }
    .goodyear .select_box:last-of-type {
      margin: 0 auto 100px; }
    .goodyear .select_box label {
      width: auto;
      font-size: 16px;
      margin-bottom: 0;
      margin-right: 10px; }
    .goodyear .select_box ul {
      font-size: 16px;
      cursor: pointer;
      top: -0.5em; }
    .goodyear .select_box ul.type {
      width: 180px;
      left: 6.5em; }
    .goodyear .select_box ul.ptn {
      width: 370px;
      left: 3.5em; }
    .goodyear .select_box ul::before {
      font-size: 16px; }
    .goodyear .select_box li.active, .goodyear .select_box input:checked + ul li {
      padding: 0.5em 2.5em 0.5em 1em; }
    .goodyear .select_box input:checked + ul li {
      transition: 0.3s; }
    .goodyear .select_box input:checked + ul li:hover {
      background-color: #1569ca;
      color: #fff; }
    .goodyear .item_area {
      justify-content: center; }
    .goodyear .item_area li {
      width: 360px; }
    .goodyear .item_box {
      margin-bottom: 100px; }
    .goodyear .category {
      font-size: 12px; }
    .goodyear .category::before, .goodyear .category::after {
      width: 60px;
      height: 60px; }
    .goodyear .inch_drop {
      font-size: 14px; }
    .goodyear .img_tire {
      height: 120px;
      margin-bottom: 20px;
      transition: 0.3s; }
    .goodyear .item_box:hover .img_tire {
      height: 140px;
      margin-bottom: 0; }
    .goodyear .item_box .img_tire img {
      transition: 0.3s; }
    .goodyear .item_box:hover .img_tire img {
      height: 260px; }
    .goodyear .ptn_name {
      font-size: 20px; }
    .goodyear .item_box button {
      font-size: 16px;
      transition: 0.3s;
      cursor: pointer; }
    .goodyear .item_box:hover button {
      background: linear-gradient(to bottom, #fee703 35%, #f4d503 65%);
      color: #114b8e; }
    .goodyear #gallery {
      background: url("/asp/photo/auction/brand/goodyear/img/bg_gallery.png") center top 6vw / 100% no-repeat, #114b8e;
      padding-bottom: 5vw; }
    .goodyear .history figure {
      width: 35%;
      margin: 0 auto 5vw; }
    .goodyear .history figure img {
      height: 14vw; }
    .goodyear .history h3 {
      font-size: 2.8vw;
      margin-bottom: 1.5em; }
    .goodyear .history p {
      font-size: 2vw;
      text-align: center;
      margin-bottom: 6vw; }
    .goodyear .gallery_area .btn {
      width: 4vw;
      max-width: 40px;
      height: 4vw;
      max-height: 40px;
      top: 45%;
      cursor: pointer; }
    .goodyear .gallery_area .btn::before {
      transition: 0.3s; }
    .goodyear .gallery_area .btn.prev:hover::before {
      clip-path: polygon(50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 50%); }
    .goodyear .gallery_area .btn.next:hover::before {
      clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0 100%, 0 50%); }
    .goodyear .gallery_area ul li.main {
      margin-bottom: 1vw; }
    .goodyear .gallery_area ul li.thum {
      width: 12%;
      height: 6.2vw;
      max-height: 70px;
      margin-bottom: 0;
      cursor: pointer;
      transition: 0.3s; }
    .goodyear .gallery_area ul li.thum:hover {
      transform: scale(1.2);
      z-index: 10; }
    .goodyear footer > a {
      padding: 3vw 0; }
    .goodyear footer > a img {
      height: 7vw;
      max-height: 70px; }
    .goodyear footer nav a {
      margin: 1em; }
    .goodyear .page_top a:hover {
      color: #114b8e; }
    .goodyear .page_top a:hover::before {
      background-color: #114b8e; }
    .goodyear .page_top a::after {
      content: '';
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      top: 0;
      left: 0;
      background: linear-gradient(to bottom, #fee703 35%, #f4d503 65%);
      transform: scale(0, 0);
      transition: transform 0.3s; }
    .goodyear .page_top a:hover::after {
      transform: scale(1, 1); }
    .goodyear .type_menu_fix a {
      height: 60px;
      transition: 0.3s; }
    .goodyear .type_menu_fix a:hover {
      transform: translateY(-10px); }
    .goodyear .type_menu_fix a br {
      display: none; } }

@media screen and (min-width: 1024px) {
  .goodyear main > section {
    padding-top: 50px; }

  .goodyear br.tablet {
    display: none; }

  .goodyear .h2_box {
    font-size: 32px;
    margin: 0 auto 50px;
    border-left: 10px solid #fcde07; }

  .goodyear {
    background: url("/asp/photo/auction/brand/goodyear/img/bg_gy.jpg") top 350px center / 100% no-repeat; }

  .goodyear header {
    margin-bottom: 50px;
    padding-bottom: 35vw; }

  .goodyear header::before {
    background: url("/asp/photo/auction/brand/goodyear/img/bg_fv.jpg") top calc(3vw + 30px) right 16vw / 68% no-repeat; }

  .goodyear .top_menu ul li a {
    font-size: 18px; }

  .goodyear .top_menu ul li a small {
    font-size: 14px; }

  .goodyear #about .text_box {
    margin: 0 auto 50px; }

  .goodyear #about p {
    font-size: 16px; }

  .goodyear #about h3 {
    font-size: 24px;
    margin-bottom: 30px; }

  .goodyear #about .about_wf {
    margin-bottom: 30px; }

  .goodyear .type_menu ul {
    margin: 0 auto 5px; }

  .goodyear .type_menu a {
    font-size: 24px; }

  .goodyear .type_menu a::after {
    right: 20px;
    top: 15px;
    height: 50px;
    width: 50px; }

  .goodyear .type_menu.foot {
    padding: 30px 0; }

  .goodyear #lineup section {
    padding-top: 50px; }

  .goodyear .item_area {
    justify-content: flex-start;
    width: 960px;
    margin: 0 auto; }

  .goodyear .item_area li {
    width: 320px; }

  .goodyear #lineup h3 {
    font-size: 32px;
    margin-bottom: 100px; }

  .goodyear #lineup h3::after {
    width: 100px;
    height: 5px;
    bottom: -20px; }

  .goodyear #gallery {
    background: url("/asp/photo/auction/brand/goodyear/img/bg_gallery.png") center top 60px / 1024px no-repeat, #114b8e;
    padding-bottom: 50px; }

  .goodyear .history figure {
    width: 340px;
    margin: 0 auto 50px; }

  .goodyear .history figure img {
    height: 140px; }

  .goodyear .history h3 {
    font-size: 28px; }

  .goodyear .history p {
    font-size: 18px;
    margin-bottom: 60px; }

  .goodyear .history .video {
    margin: 0 auto 100px; }

  .goodyear .gallery_area ul li.main {
    margin-bottom: 10px; }

  .goodyear footer > a {
    padding: 30px 0; }

  .goodyear .type_menu_fix a {
    font-size: 16px;
    height: 65px; } }

@media screen and (min-width: 1140px) {
  .goodyear .item_area {
    width: 1080px; }

  .goodyear .item_area li {
    width: 360px; } }

@media screen and (min-width: 1366px) {
  .goodyear {
    background: linear-gradient(to left, transparent calc(50% + 660px), #dbe5f1 calc(50% + 683px)), linear-gradient(to right, transparent calc(50% + 660px), #dbe5f1 calc(50% + 683px)), url("/asp/photo/auction/brand/goodyear/img/bg_gy.jpg") top 350px center / 1366px no-repeat; }
    .goodyear .breadcrumb {
      left: calc(50% - 683px); }
    .goodyear header {
      padding-bottom: 480px; }
    .goodyear header::before {
      background: url("/asp/photo/auction/brand/goodyear/img/bg_fv.jpg") top 70px center / 910px no-repeat, #2d568e; }
    .goodyear .aw_header {
      justify-content: center; }
    .goodyear .aw_header h1 {
      margin-right: auto;
      margin-left: calc(50% - 683px); }
    .goodyear .aw_header a {
      margin-left: auto;
      margin-right: calc(50% - 683px); } }