/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(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";
.cooper * {
  font-family: hiragino-kaku-gothic-pron, sans-serif; }

.cooper {
  background-color: #00113a; }

.cooper img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.cooper br.pc {
  display: none; }

@media screen and (min-width: 768px) {
  .cooper br.sp {
    display: none; }

  .cooper br.pc {
    display: block; } }

.cooper header .bread_crumb {
  background-color: #001e61;
  color: #fff;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 3em 2.5% 1em;
  line-height: 1; }

.cooper header .bread_crumb > span {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.5em 2.5%;
  box-sizing: border-box;
  background-color: #001547; }

.cooper header .bread_crumb span a {
  color: #fff;
  font-weight: bold;
  margin-left: 0.1em; }

.cooper header .bread_crumb span span {
  margin-left: 0.1em; }

.cooper header .bread_crumb h2:first-of-type img {
  height: 35px; }

.cooper header .bread_crumb h2:last-of-type img {
  height: 25px; }

@media screen and (min-width: 1024px) {
  .cooper header .bread_crumb h2:first-of-type {
    margin-left: calc(50% - 480px); }

  .cooper header .bread_crumb h2:last-of-type {
    margin-right: calc(50% - 480px); } }

.cooper #topbar {
  background-color: #001e61; }

.cooper #topbar section {
  overflow: hidden;
  padding: 15px;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.cooper #topbar h2:first-of-type img {
  height: 35px; }

.cooper #topbar p {
  float: right; }

.cooper #topbar a {
  position: relative;
  z-index: 3; }

.cooper #topbar h2:last-of-type img {
  height: 25px; }

.cooper header nav {
  background-color: #001e61; }

.cooper header nav h2 {
  padding: 10px 2.5%; }

.cooper header nav h2 a img {
  width: 80px; }

.cooper header nav ul {
  display: flex; }

.cooper header nav ul li {
  width: 50%; }

.cooper header nav ul li a {
  display: block;
  /*padding: 0.5em 7.5%;*/
  background-color: #fff;
  padding: 0.5em 0;
  color: #4a495b;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 900;
  border-right: 1px solid #9e9ea8;
  font-size: 16px;
  position: relative;
  text-align: center; }

.cooper header nav ul li a:hover {
  background-color: #eb0028;
  color: #fff;
  transition: 0.3s; }

.cooper header nav ul li a small {
  display: none; }

.cooper header nav ul li a::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  background: url("/asp/photo/auction/brand/cooper/img/icon_arrow.png") center / contain no-repeat; }

@media screen and (min-width: 768px) {
  .cooper header {
    position: relative; }

  .cooper header nav, .cooper header nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 14px; }

  .cooper header nav h2 a img {
    width: 140px; }

  .cooper header nav ul {
    /* margin: 10px 2.5% 10px 0;*/
    width: 330px;
    margin: 0 auto; }

  .cooper header nav ul li {
    width: 49%; }

  .cooper header nav ul li a {
    text-align: center;
    padding: 0.3em 0;
    border-bottom: none; }

  .cooper header nav ul li a:hover {
    background-color: #eb0028;
    color: #fff; }

  .cooper header nav ul li a small {
    display: block;
    font-weight: 300;
    font-size: 12px; }

  .cooper header nav ul li a::before {
    content: none; } }

@media screen and (min-width: 1024px) {
  .cooper header nav h2 {
    width: 630px;
    padding: 10px 0;
    /*.cooper header nav ul {
    margin: 10px 0;
  }*/ } }

.cooper #catch_wrap {
  background-color: #00113a; }

.cooper #catch {
  background-size: cover;
  height: 52vw;
  position: relative; }

.cooper #catch.cobra_radial_gt_rwl {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_cobra_radial_gt_rwl.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_at3_4s_owl {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_at3_4s_owl.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_at3_lt {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_at3_lt_owl.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_at3_xlt_rwl {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_at3_xlt_rwl.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_att {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_att.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_rugged_trek {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_rugged_trek.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_stt_pro_rwl {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_stt_pro_rwl.jpg") center / cover no-repeat; }

.cooper #catch.evolution_c5 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_evolution_c5.jpg") center / cover no-repeat; }

.cooper #catch.evolution_ctt {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_evolution_ctt.jpg") center / cover no-repeat; }

.cooper #catch.zeon_c7 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_zeon_c7.jpg") center / cover no-repeat; }

.cooper #catch.zeon_c7_runflat {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_zeon_c7_runflat.jpg") center / cover no-repeat; }

.cooper #catch.zeon_eco_c1 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_zeon_eco_c1.jpg") center / cover no-repeat; }

.cooper #catch.zeon_rs3_g1 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_zeon_rs3_g1.jpg") center / cover no-repeat; }

.cooper #catch.weather_master_ice100 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_weather_master_ice100.jpg") center / cover no-repeat; }

.cooper #catch.weather_master_ice600 {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_weather_master_ice600.jpg") center / cover no-repeat; }

.cooper #catch.discoverer_road_plus_trail_at {
  background: url("/asp/photo/auction/brand/cooper/img/bg_fv_discoverer_road_plus_trail_at.jpg") center / cover no-repeat; }

.cooper #catch div {
  position: absolute;
  top: 30px;
  text-align: center;
  right: 0;
  left: 0; }

.cooper #catch div h1 {
  margin-bottom: 10px; }

.cooper #catch div h1 img {
  margin: 5px auto;
  width: 80%;
  display: block;
  filter: drop-shadow(1px 1px 2px #333); }

.cooper #catch.zeon_c7 div h1 img {
  width: 55%; }

.cooper #catch.discoverer_at3_lt div h1 img:first-of-type {
  width: 66%; }

.cooper #catch.discoverer_road_plus_trail_at div h1 img:last-of-type {
  width: 93%;
  margin: 12px auto 5px; }

.cooper #catch div h1 small {
  color: #fff; }

.cooper #catch div span {
  background-color: #daca6e;
  padding: 0 40px;
  font-weight: bold; }

.cooper #product {
  padding: 20px 10px;
  margin-bottom: 45px; }

.cooper #product h3 {
  color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 900;
  text-align: center;
  letter-spacing: 1px;
  margin: 15px 0 35px;
  font-size: 4vw;
  line-height: 1.7; }

.cooper #product .product_description {
  margin-bottom: 30px; }

.cooper #product .product_gallery {
  margin-bottom: 30px; }

.cooper #product .product_gallery .main {
  width: 84%;
  margin: 0 auto 20px;
  text-align: center;
  background-color: #fff;
  padding: 20px 0;
  border: 2px solid #eb0028; }

.cooper #product .product_gallery .main img {
  height: 60vw; }

.cooper #product .product_gallery .choice_btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 653px;
  margin: 0 auto; }

.cooper #product .product_gallery .choice_btn li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27%;
  height: 20vw;
  padding: 4px;
  border: 1px solid #eb0028;
  box-sizing: border-box;
  background-color: #fff;
  max-width: 147px;
  max-height: 113px; }

.cooper #product .product_gallery .choice_btn li img {
  height: 100%;
  width: auto; }

.cooper #product .product_gallery .choice_btn li:first-of-type, .cooper #product .product_gallery .choice_btn li:last-of-type {
  border: none;
  padding: 0;
  background-color: transparent;
  width: 4%; }

.cooper #product .product_gallery .choice_btn li:last-of-type {
  transform: rotate(180deg); }

.cooper #product .product_gallery .choice_btn li:first-of-type img, .cooper #product .product_gallery .choice_btn li:last-of-type img {
  width: 100%;
  height: auto; }

.cooper #product .product_detail p {
  color: #fff;
  margin: 0 auto 35px;
  max-width: 560px; }

.cooper #product .product_detail .seinou {
  text-align: center; }

.cooper #product .product_detail .seinou ul {
  margin-bottom: 10px;
  text-align: left; }

.cooper #product .product_detail .seinou ul li {
  background-color: #fff;
  padding: 5px;
  max-width: 370px;
  margin: 5px auto;
  color: #333;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 900; }

.cooper #product .product_detail .seinou ul li img {
  margin: 0 1.6em 0 2em;
  width: 190px; }

.cooper #product .product_detail .seinou small {
  color: #fff;
  font-size: 12px; }

.cooper #product .product_detail .seinou small:before {
  content: "※";
  margin-right: 5px; }

.cooper #product a {
  background-color: #eb0028;
  color: #fff;
  border-radius: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 30px;
  max-width: 250px;
  margin: 0 auto;
  display: block;
  text-align: center; }

.cooper #product a span {
  margin-left: 10px; }

.cooper .sec_title {
  background-color: #fff;
  color: #00113a;
  font-weight: 900;
  font-style: italic;
  font-size: 26px;
  padding-bottom: 8px;
  margin-bottom: 40px;
  text-indent: 0.5em; }

.cooper .sec_title:after {
  content: "";
  display: block;
  border-bottom: 6px double #eb0028; }

.cooper .sec_title div {
  font-family: source-han-sans-japanese, sans-serif; }

.cooper .sec_title span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 3px; }

.cooper #review .wrap {
  margin-bottom: 45px;
  padding: 0 20px; }

.cooper #review .review_wrap {
  margin: 0 10px;
  max-width: 800px;
  height: 450px;
  overflow: auto;
  margin: 0 auto; }

.cooper #review .review_wrap li {
  display: block;
  position: relative;
  margin: 20px 10px 20px 0; }

.cooper #review .review_wrap li:first-of-type {
  margin-top: 0; }

.cooper #review .review_wrap li:last-of-type {
  margin-bottom: 0; }

.cooper #review .review_section {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px; }

.cooper #review .review_section h4 {
  margin-bottom: 10px; }

.cooper #review .review_section p {
  text-align: left;
  font-size: 12px;
  line-height: 18px; }

.cooper #review .wrap .review_other {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  max-width: 840px;
  margin: 50px auto 30px; }

.cooper #review .wrap .review_other p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px; }

.cooper #review .wrap .review_other a {
  background-color: #e31622;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 20px;
  max-width: 350px;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-weight: 600; }

.cooper #lineup .reciprocal_link a {
  display: flex;
  justify-content: center;
  padding: 0.3em 0.3em 0.5em;
  margin: 10px 0px;
  background: #fff;
  border: solid 2px #eb0028;
  border-radius: 5px;
  color: #00113a;
  font-size: 1em;
  font-weight: bold;
  width: 16em;
  margin-left: auto;
  margin-top: auto; }

@media screen and (max-width: 580px) {
  .cooper #lineup .reciprocal_link a {
    display: flex;
    justify-content: center;
    /*margin: 0 auto;*/
    /*width: auto;*/
    padding: 0.3em 0.3em 0.5em; } }

@media screen and (min-width: 768px) {
  .cooper #lineup .reciprocal_link a {
    margin-right: calc(50% - 35vw); } }

@media screen and (min-width: 1024px) {
  .cooper #lineup .reciprocal_link a {
    margin-right: calc(50% - 351px); } }

.cooper #lineup .flex, .cooper #lineup #white {
  margin: 0 0 20px 15px;
  color: #fff; }

.cooper #lineup .notfound {
  color: #fff;
  text-align: center;
  font-size: 14px; }

.cooper #lineup .flex a {
  color: #fff;
  border-bottom: 1px solid;
  font-size: 14px; }

.cooper #lineup table {
  font-weight: bold;
  width: 31em;
  margin: 0 auto 45px;
  border-collapse: collapse;
  font-size: 3vw; }

.cooper #lineup table * {
  position: static;
  background-color: #fff; }

.cooper #lineup table tbody tr td {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 600; }

.cooper #lineup table thead tr.is-fixed {
  position: fixed;
  top: 0px;
  width: 31em; }

.cooper #lineup table thead th {
  background-color: #eb0028;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
  padding: 0.3em 0;
  border-top: 10px solid #eb0028;
  border-bottom: 10px solid #eb0028; }

.cooper #lineup table thead th:first-of-type {
  border-left: 1px solid #eb0028; }

.cooper #lineup table thead th:last-of-type {
  border-right: 1px solid #eb0028; }

.cooper #lineup table tbody tr td {
  border: 1px solid #4a495b; }

.cooper #lineup table thead th:nth-of-type(-n+2) {
  width: 6em; }

.cooper #lineup table thead th:nth-of-type(3) {
  width: 19em; }

.cooper #lineup table tbody .theader {
  background-color: #d5d5d5;
  width: 6em;
  text-align: center; }

.cooper #lineup table tbody .size {
  width: 19em;
  background-color: #fff; }

.cooper #lineup table tbody .size a {
  color: #000;
  width: 9.5em;
  padding: 0.5em 0;
  display: block;
  margin: 0 auto;
  text-decoration: underline; }

.cooper #photo_area .slider {
  max-width: 960px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.cooper #photo_area .slider img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.cooper #photo_area .slider .btn {
  width: 4%;
  cursor: pointer; }

.cooper #photo_area .slider .main {
  width: 88%;
  max-width: 840px;
  margin-bottom: 20px;
  border: 2px solid #fff;
  box-shadow: 5px 5px 15px #000; }

.cooper #photo_area .slider .prev {
  transform: rotate(180deg); }

.cooper #photo_area .slider ul {
  width: 88%;
  margin: 0 auto;
  max-width: 8420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.cooper #photo_area .slider ul li {
  width: 23%;
  border: 2px solid #fff;
  box-shadow: 5px 5px 15px #000;
  cursor: pointer; }

.cooper #photo_area .slider .btn:hover, .cooper #photo_area .slider ul li:hover {
  opacity: 0.7;
  top: 5px; }

.cooper #movie_area {
  width: 100%;
  max-width: 920px;
  height: auto;
  margin: 0 auto 35px; }

.cooper #movie_area iframe {
  width: 100%;
  max-width: 920px;
  height: 60vw;
  max-height: 500px; }

.cooper .positioning_map_area {
  margin-bottom: 60px; }

.cooper .positioning_map_area img {
  width: 100%;
  display: block;
  z-index: 1; }

.cooper .positioning_map_area .info::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: flash 1.5s ease-in-out infinite alternate;
  z-index: 1; }

@keyframes flash {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.cooper .discoverer_rugged_trek .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_rugged_trek.png") top center / cover no-repeat; }

.cooper .discoverer_at3_4s_owl .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_at3_4s_owl.png") top center / cover no-repeat; }

.cooper .discoverer_at3_lt .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_at3_lt.png") top center / cover no-repeat; }

.cooper .discoverer_at3_xlt_rwl .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_at3_xlt_rwl.png") top center / cover no-repeat; }

.cooper .discoverer_att .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_att.png") top center / cover no-repeat; }

.cooper .discoverer_stt_pro_rwl .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_stt_pro_rwl.png") top center / cover no-repeat; }

.cooper .discoverer_road_plus_trail_at .positioning_map_area .info::after, .cooper .discoverer_road_plus_trail_at_rwl .positioning_map_area .info::after {
  background: url("/asp/photo/auction/brand/cooper/img/positioning_map_discoverer_road_plus_trail_at.png") top center / cover no-repeat; }

.cooper .info {
  max-width: 960px;
  margin: 0 auto;
  position: relative; }

.cooper .modal_area {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
  overflow: scroll; }

.cooper .modal_area img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 200%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  display: block; }

@media screen and (min-width: 768px) {
  .cooper #product .product_detail .seinou ul li img {
    width: 220px;
    /*.cooper #lineup {
		width: 95%;
		max-width: 970px;
		margin: 0 auto;
	}*/ }
    .cooper #lineup .flex, .cooper #lineup #white {
      margin-left: calc(50% - 35vw); }
    .cooper #lineup table thead tr th br {
      display: none; }
    .cooper #lineup .flex h4, .cooper #lineup #white {
      font-size: 22px; }
    .cooper #lineup .flex a {
      font-size: 18px; }
    .cooper #lineup table {
      font-size: 2vw;
      width: 35em; }
    .cooper #lineup table thead tr.is-fixed {
      width: 35em; }
    .cooper #lineup table thead th:nth-of-type(-n+2), .cooper #lineup table tbody .theader {
      width: 7em; }
    .cooper #lineup table thead th:nth-of-type(3), .cooper #lineup table tbody .size {
      width: 21em; }
    .cooper #lineup table tbody .size a {
      text-decoration: none; }
    .cooper #lineup table tbody .size a:hover {
      text-decoration: underline; }
    .cooper #photo_area .slider {
      margin: 0 auto 100px; } }

@media screen and (min-width: 1024px) {
  .cooper #lineup .flex, .cooper #lineup #white {
    margin-left: calc(50% - 350px); }
    .cooper #lineup table {
      font-size: 20px; } }

.cooper footer .lineup_bt {
  background-color: #00113a;
  padding: 30px 2.5%; }

.cooper footer .lineup_bt ul li a {
  display: block;
  color: #e31622;
  background-color: #fff;
  padding: 1em 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3em;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  transition: 0.3s; }

.cooper footer .lineup_bt ul li a:hover {
  background-color: #eb0028;
  cursor: pointer;
  color: #fff; }

.cooper footer .lineup_bt ul li a br.pc_ys {
  display: none; }

@media screen and (min-width: 768px) {
  .cooper footer .lineup_bt {
    padding: 50px 2.5%; }

  .cooper footer .lineup_bt ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 960px;
    margin: 0 auto; }

  .cooper footer .lineup_bt ul li {
    width: 31%; }

  .cooper footer .lineup_bt ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    height: 2.5em; } }

@media screen and (min-width: 1024px) {
  .cooper footer .lineup_bt ul li a {
    font-size: 18px; } }

.cooper footer .partner {
  background-color: #001e61;
  padding: 20px 0 10px; }

.cooper footer .partner a, .cooper footer .partner span {
  display: block;
  text-align: center;
  margin: 0 auto 20px; }

.cooper footer .partner a:nth-of-type(1) img {
  width: 140px; }

.cooper footer .partner span img {
  width: 80px; }

.cooper footer .partner a:nth-of-type(2) img {
  width: 280px; }

@media screen and (min-width: 768px) {
  .cooper footer .partner div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 650px;
    margin: 0 auto;
    transform: translateX(58px); }

  .cooper footer .partner a, .cooper footer .partner span {
    margin: 10px 0 20px; }

  .cooper footer .partner span {
    margin: 10px 50px 20px 70px; } }

@media screen and (min-width: 1024px) {
  .cooper footer .partner div {
    width: 840px;
    transform: translateX(84px); }

  .cooper footer .partner a:nth-of-type(1) img {
    width: 200px; }

  .cooper footer .partner span img {
    width: 100px; }

  .cooper footer .partner a:nth-of-type(2) img {
    width: 400px; } }

.cooper footer .footer {
  background-color: #00113a; }

.cooper footer .footer .cooper_main li a {
  display: block;
  background-color: #fff;
  padding: 0.5em 7.5%;
  color: #4a495b;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 900;
  border-bottom: 1px solid #9e9ea8;
  font-size: 16px;
  position: relative; }

.cooper footer .footer .cooper_main li a:hover {
  background-color: #eb0028;
  color: #fff;
  transition: 0.3s; }

.cooper footer .footer .cooper_main li a small {
  display: none; }

.cooper footer .footer .cooper_main li a::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 2.5%;
  top: 50%;
  transform: translateY(-50%);
  background: url("/asp/photo/auction/brand/cooper/img/icon_arrow.png") center / contain no-repeat; }

@media screen and (min-width: 768px) {
  .cooper footer .footer {
    padding: 40px 0 30px; }

  .cooper footer .footer .cooper_main ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 350px;
    margin: 0 auto; }

  .cooper footer .footer .cooper_main li {
    width: 48%; }

  .cooper footer .footer .cooper_main li a {
    text-align: center;
    padding: 1em 0;
    border-bottom: none; }

  .cooper footer .footer .cooper_main li a:hover {
    background-color: #eb0028;
    color: #fff; }

  .cooper footer .footer .cooper_main li a small {
    display: block;
    font-weight: 300;
    font-size: 12px; }

  .cooper footer .footer .cooper_main li a::before {
    content: none; } }

.cooper footer .footer nav:last-of-type {
  max-width: 960px;
  margin: 0 auto; }

.cooper footer .footer nav:last-of-type ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 30px 2.5%; }

.cooper footer .footer nav:last-of-type ul li a {
  color: #fff;
  font-size: 12px;
  display: block;
  margin: 1em;
  font-weight: 600; }

.cooper footer .footer nav:last-of-type ul li a:hover {
  color: #eb0028;
  transition: 0.3s; }

@media screen and (min-width: 768px) {
  .cooper footer .footer nav:last-of-type ul {
    padding-bottom: 0; }

  .cooper footer .footer nav:last-of-type ul li a {
    font-size: 14px; } }

.cooper footer > small {
  display: block;
  color: #fff;
  background-color: #00113a;
  text-align: center;
  font-size: 14px;
  padding: 1em 0; }

.cooper .btn_lineup {
  position: fixed;
  bottom: 75px;
  right: 20px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #fff;
  color: #eb0028;
  border: 2px solid #eb0028;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  padding-right: 0.1em; }

.cooper .btn_lineup:hover {
  background-color: #eb0028;
  color: #fff;
  transition: 0.3s; }

.cooper .btn_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #eb0028;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 7px;
  box-sizing: border-box; }

.cooper .btn_top::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  background: url("/asp/photo/auction/brand/cooper/img/icon_top.png") center / contain no-repeat; }

@media screen and (min-width: 600px) {
  .cooper #product .product_gallery .main {
    max-width: 500px; } }

@media screen and (min-width: 768px) {
  .cooper .sec_title div {
    max-width: 910px;
    margin: 0 auto; }

  .cooper #catch {
    background-position: center;
    height: 265px;
    max-width: 960px;
    margin: 0 auto; }

  .cooper #catch.discoverer_att {
    background-position: bottom; }

  .cooper #catch div {
    left: 400px;
    top: 30%; }

  .cooper #catch.discoverer_road_plus_trail_at div, .cooper #catch.weather_master_ice100 div, .cooper #catch.weather_master_ice600 div, .cooper #catch.cobra_radial_gt_rwl div, .cooper #catch.discoverer_at3_4s_owl div, .cooper #catch.discoverer_at3_lt div, .cooper #catch.discoverer_at3_xlt_rwl div, .cooper #catch.discoverer_att div, .cooper #catch.discoverer_rugged_trek div, .cooper #catch.discoverer_stt_pro_rwl div, .cooper #catch.evolution_c5 div, .cooper #catch.evolution_ctt div, .cooper #catch.zeon_c7_runflat div {
    left: 230px; }

  .cooper #catch div h1 img, .cooper #catch.zeon_c7 div h1 img {
    height: 40px;
    width: auto; }

  .cooper #catch.discoverer_road_plus_trail_at div h1 img {
    height: 26px; }

  .cooper #catch.discoverer_road_plus_trail_at div h1 img:last-of-type {
    width: auto; }

  .cooper #catch.weather_master_ice100 div h1 img, .cooper #catch.weather_master_ice600 div h1 img, .cooper #catch.cobra_radial_gt_rwl div h1 img, .cooper #catch.discoverer_at3_4s_owl div h1 img, .cooper #catch.discoverer_at3_lt div h1 img, .cooper #catch.discoverer_at3_xlt_rwl div h1 img, .cooper #catch.discoverer_rugged_trek div h1 img, .cooper #catch.discoverer_stt_pro_rwl div h1 img, .cooper #catch.zeon_c7_runflat div h1 img {
    height: 30px; }

  .cooper #catch.discoverer_at3_lt div h1 img:first-of-type {
    width: auto; }

  .cooper #product {
    max-width: 960px;
    margin: 0 auto; }

  .cooper #product h3 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 50px; }

  .cooper #product .product_description {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }

  .cooper #product .product_gallery {
    width: 45%; }

  .cooper #product .product_gallery .main {
    width: 76%; }

  .cooper #product .product_gallery .main img {
    height: 30vw;
    max-height: 286px; }

  .cooper #product .product_gallery .choice_btn {
    width: 100%;
    margin: 0 auto; }

  .cooper #product .product_gallery .choice_btn li {
    height: 9vw;
    max-height: 90px;
    width: 23%;
    cursor: pointer; }

  .cooper #product .product_gallery .choice_btn li:hover {
    background-color: #999; }

  .cooper #product .product_gallery .choice_btn li:first-of-type:hover, .cooper #product .product_gallery .choice_btn li:last-of-type:hover {
    background-color: transparent; }

  .cooper #product .product_detail {
    width: 55%; }

  .cooper #product .product_detail p {
    max-width: 400px; }

  .cooper #product a {
    margin: 50px auto 40px; }

  .cooper #product a:hover {
    transform: translateY(3px); }

  .cooper #review .wrap {
    max-width: 960px;
    margin: 0 auto; }

  .cooper #review .review_section {
    margin-left: 80px; }

  .cooper #review .review_wrap li:before {
    content: url("/asp/photo/auction/brand/cooper/img/review_customer_icon.png");
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }

  .cooper #review .wrap .review_other {
    margin-bottom: 60px; }

  .cooper #review .wrap .review_other a:hover {
    transform: translateY(3px); } }

@media screen and (min-width: 1024px) {
  .cooper .sec_title div {
    text-indent: 0; }

  .cooper #catch {
    height: 350px; }

  .cooper #catch.discoverer_road_plus_trail_at div, .cooper #catch.weather_master_ice100 div, .cooper #catch.weather_master_ice600 div, .cooper #catch.cobra_radial_gt_rwl div, .cooper #catch.discoverer_at3_4s_owl div, .cooper #catch.discoverer_at3_lt div, .cooper #catch.discoverer_at3_xlt_rwl div, .cooper #catch.discoverer_att div, .cooper #catch.discoverer_rugged_trek div, .cooper #catch.discoverer_stt_pro_rwl div, .cooper #catch.evolution_c5 div, .cooper #catch.evolution_ctt div, .cooper #catch.zeon_c7_runflat div {
    left: 400px; } }

@media screen and (min-width: 1200px) {
  .cooper .btn_lineup, .cooper .btn_top {
    right: calc(50% - 550px); } }

.cooper .link_webcg {
  display: none;
  position: fixed;
  right: 0;
  bottom: 165px;
  width: 170px;
  height: auto;
  box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 10; }

.cooper .link_webcg img {
  display: block;
  max-width: 100%;
  height: auto; }

@media screen and (min-width: 768px) {
  .cooper .link_webcg {
    width: 270px; } }

@media screen and (min-width: 1200px) {
  .cooper .link_webcg {
    right: calc(50% - 550px); } }