@charset "UTF-8";
/*0%で四角*/
/******************************************************************** member
*/
.member #main2 {
  background-image: url("../member/img/main_sp.jpg");
  height: 147px;
}
.member #main2 h2 {
  color: #fff;
}
.member #main2 h2 img {
  height: 31px;
}

@media screen and (min-width: 737px), print {
  .member #main2 {
    background-image: url("../member/img/main_pc.jpg");
    height: 238px;
  }
  .member #main2 h2 img {
    height: 34px;
  }
}
.member #guest {
  padding: 40px 20px 10px;
}
.member #guest p {
  padding: 0;
  font-size: 14px;
  text-align: right;
}
.member #guest p span {
  font-size: 16px;
  font-weight: bold;
}

.member #guest2 {
  background: url(../img/back1.png);
  padding: 15px 25px;
}
.member #guest2 ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.member #guest2 ul li {
  display: table-cell;
  width: 70%;
  font-size: 12px;
  vertical-align: middle;
}
.member #guest2 ul li span {
  font-size: 18px;
  font-weight: bold;
}
.member #guest2 ul li:last-child {
  width: 30%;
  text-align: right;
}
.member #guest2 ul li:last-child a {
  color: #333;
}

@media screen and (min-width: 737px), print {
  .member #guest {
    width: 1020px;
    padding: 40px 0 20px;
    margin: 0 auto;
  }
  .member #guest p {
    font-size: 16px;
  }
  .member #guest p span {
    font-size: 18px;
  }

  .member #guest2 {
    padding: 15px 10%;
  }
  .member #guest2 ul {
    display: block;
    width: 100%;
  }
  .member #guest2 ul li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    float: left;
  }
  .member #guest2 ul li span {
    font-size: 22px;
  }
  .member #guest2 ul li:last-child {
    width: auto;
    padding: 7px 0 0 20px;
    text-align: left;
  }
}
.member #area01 {
  background: #f9f4eb;
  padding: 40px 20px;
}
.member #area01 h3 {
  background: url("../img/arw.png") no-repeat 50% 100%;
  background-size: 88px auto;
  padding-bottom: 20px;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}
.member #area01 h4 {
  font-weight: bold;
  text-align: center;
}
.member #area01 .box1 {
  background: #fff;
  border: 6px solid #f5efe0;
  padding: 15px;
  margin-bottom: 15px;
}
.member #area01 .box1 dl {
  margin: 10px 0 0;
}
.member #area01 .box1 dl dt {
  margin-top: 10px;
  font-size: 12px;
}
.member #area01 .box1 input {
  background-color: #fff;
  border: 1px solid #838383;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
}
.member #area01 .box1 .memory {
  padding: 10px 0 20px;
  font-size: 14px;
}
.member #area01 .box1 button {
  display: block;
  background: #eb5c01;
  border: none;
  width: 80%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  overflow: inherit;
  cursor: pointer;
}
.member #area01 .box1 .text {
  padding: 10px 0 0;
  font-size: 14px;
  text-align: center;
}
.member #area01 .box1 .text a {
  color: #0a0603;
}
.member #area01 .box2 {
  background: #fff;
  border: 6px solid #f5efe0;
  padding: 15px;
}
.member #area01 .box2 h5 {
  text-align: center;
}
.member #area01 .box2 h5 img {
  width: 144px;
}
.member #area01 .box2 ul {
  padding: 0;
  margin: 0;
}
.member #area01 .box2 ul li {
  background: #f4f4f4;
  border-radius: 10px;
  padding: 15px;
  margin-top: 20px;
}
.member #area01 .box2 ul p strong {
  color: #be922e;
}
.member #area01 .box2 p.bnr a {
  display: block;
  background: #be922e;
  border: none;
  width: 80%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  overflow: inherit;
  cursor: pointer;
}
.member #area01 .box2 p.aC {
  font-size: 14px;
}

@media screen and (min-width: 737px), print {
  .member #area01 {
    background: #f9f4eb;
    padding: 80px 0;
  }
  .member #area01 .inner {
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
  }
  .member #area01 h3 {
    background: none;
    padding-bottom: 30px;
    margin-bottom: 0;
    font-size: 20px;
    text-align: left;
  }
  .member #area01 h3::before {
    content: "◆";
  }
  .member #area01 h4 {
    font-size: 27px;
  }
  .member #area01 .box1 {
    box-sizing: border-box;
    border: 10px solid #f5efe0;
    width: 494px;
    padding: 50px;
    margin-bottom: 0;
    float: left;
  }
  .member #area01 .box1 dl {
    margin: 40px 0 0;
  }
  .member #area01 .box1 dl dt {
    margin: 40px 0 5px;
    font-size: 16px;
  }
  .member #area01 .box1 input[type="email"], .member #area01 .box1 input[type="password"] {
    width: 100%;
    padding: 20px;
    font-size: 16px;
  }
  .member #area01 .box1 .memory {
    padding: 40px 0 40px;
    font-size: 16px;
  }
  .member #area01 .box1 button {
    width: 264px;
    padding: 20px 0;
    font-size: 16px;
  }
  .member #area01 .box1 .text {
    padding: 20px 0 0;
  }
  .member #area01 .box2 {
    box-sizing: border-box;
    border: 10px solid #f5efe0;
    width: 494px;
    padding: 50px;
    margin-bottom: 0;
    float: right;
  }
  .member #area01 .box2 h5 {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -38px;
  }
  .member #area01 .box2 h5 img {
    width: 76px;
  }
  .member #area01 .box2 ul {
    padding-bottom: 20px;
  }
  .member #area01 .box2 ul li {
    position: relative;
    border-radius: 10px;
    padding: 32px 25px 20px;
    margin-top: 30px;
  }
  .member #area01 .box2 ul p {
    padding: 0;
  }
  .member #area01 .box2 p.bnr {
    padding: 5px 0 0;
  }
  .member #area01 .box2 p.bnr a {
    width: 264px;
    padding: 20px 0;
    font-size: 16px;
  }
  .member #area01 .box2 p.aC {
    padding: 20px 0 0;
  }
}
.member #area02 {
  padding-top: 15px;
}
.member #area02 h3 {
  background: #000;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.member #area02 ul {
  padding: 0;
  margin: 0;
}
.member #area02 ul li {
  border-bottom: 1px solid #918983;
}
.member #area02 ul li a {
  position: relative;
  display: block;
  padding: 20px 0 15px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #918983;
  text-decoration: none;
  line-height: 1.2em;
}
.member #area02 ul li a span {
  font-size: 14px;
  font-weight: bold;
}
.member #area02 ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  background: url(../img/arrow05.png) no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  margin-top: -16px;
}
.member #area02 ul li:last-child a {
  padding: 30px 0 25px;
}

@media screen and (min-width: 737px), print {
  .member #area02 {
    padding-top: 90px;
  }
  .member #area02 h3 {
    background: none;
    padding: 0;
    font-size: 27px;
    color: #918983;
    line-height: 1.2em;
  }
  .member #area02 h3 span {
    border-left: 2px solid #918983;
    border-right: 2px solid #918983;
    padding: 0 25px;
  }
  .member #area02 ul {
    width: 1120px;
    margin: 40px auto 65px;
    overflow: hidden;
  }
  .member #area02 ul li {
    border-bottom: none;
    width: 356px;
    padding-bottom: 20px;
    margin-right: 26px;
    float: left;
  }
  .member #area02 ul li a {
    border: 2px solid #918983;
    padding: 22px 0;
    font-size: 20px;
  }
  .member #area02 ul li a span {
    font-size: 20px;
  }
  .member #area02 ul li a::after {
    top: inherit;
    bottom: -20px;
    left: 50%;
    right: inherit;
    background-image: url(../img/arrow06.png);
    width: 16px;
    height: 10px;
    margin: 0 0 0 -8px;
  }
  .member #area02 ul li:last-child {
    margin-right: 0;
  }
  .member #area02 ul li:last-child a {
    padding: 22px 0;
  }
  .member #area02 ul li.active a, .member #area02 ul li a:hover {
    background: url(../img/back2.png);
    color: #fff;
    opacity: 1;
  }
}
.member #area03 h3 {
  background: url(../img/back2.png);
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.member #area03 p.aC {
  padding: 20px 0;
}
.member #area03 .choice {
  width: 296px;
  margin: 0 auto 15px;
  text-align: center;
}
.member #area03 .choice dt {
  background: #eb5c01;
  padding: 10px 0;
  margin-bottom: 15px;
  font-weight: bold;
  color: #fff;
}
.member #area03 .choice dd {
  padding-bottom: 10px;
  font-size: 14px;
}
.member #area03 .choice dd select {
  width: 160px;
  margin-top: 5px;
}
.member #area03 .button {
  padding: 20px 0 0;
  text-align: center;
}
.member #area03 .button .form_button {
  margin: 0;
}
.member #area03 .button .form_button::after {
  margin: -8px 0 0 100px;
}
.member #area03 .button .cButton {
  border: 1px solid #e25c00;
  margin-bottom: 10px;
}
.member #area03 .button #cConf {
  background: #e25c00;
}

@media screen and (min-width: 737px), print {
  .member #area03 h3 {
    padding: 20px 0;
    font-size: 22px;
  }
  .member #area03 p.aC {
    padding: 35px 0;
  }
  .member #area03 .choice {
    width: 1120px;
    margin: 0 auto;
    text-align: center;
  }
  .member #area03 .choice dt {
    padding: 20px 0;
    margin: 0;
    font-size: 20px;
  }
  .member #area03 .choice dd {
    padding: 30px 0 40px;
    font-size: 16px;
    text-align: right;
  }
  .member #area03 .choice dd select {
    width: 230px;
    margin-top: 0;
  }
  .member #area03 fieldset table {
    width: 1120px;
    margin: 0 auto;
  }
}
.member #area04 {
  background: #f9f4eb;
  padding: 40px 20px;
}
.member #area04 .inner {
  background: #fff;
  border: 6px solid #f5efe0;
  padding: 30px 15px;
}
.member #area04 .inner h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.member #area04 .inner ul {
  font-size: 14px;
}
.member #area04 .inner ul li {
  padding-bottom: 5px;
}
.member #area04 .inner dl {
  margin: 20px 0 0;
}
.member #area04 .inner dl dt {
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
}
.member #area04 .inner button {
  display: block;
  background: #eb5c01;
  border: none;
  width: 80%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  overflow: inherit;
  cursor: pointer;
}

@media screen and (min-width: 737px), print {
  .member #area04 {
    padding: 80px 0;
  }
  .member #area04 .inner {
    position: relative;
    box-sizing: border-box;
    width: 1120px;
    padding: 90px;
    margin: 0 auto;
    overflow: hidden;
  }
  .member #area04 .inner h3 {
    font-size: 20px;
    text-align: left;
  }
  .member #area04 .inner ul {
    font-size: 16px;
  }
  .member #area04 .inner ul li {
    padding-bottom: 0;
    margin-top: 30px;
  }
  .member #area04 .inner dl {
    position: absolute;
    top: 50%;
    right: 90px;
    transform: translateY(-50%) translateX(0);
    margin: 0;
  }
  .member #area04 .inner dl dt {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
  }
  .member #area04 .inner button {
    width: 264px;
    padding: 20px 0;
    font-size: 16px;
  }
}
.member #resetPass {
  background: #f9f4eb;
  padding: 40px 15px;
}
.member #resetPass .inner {
  background: #fff;
  border: 6px solid #f5efe0;
  padding: 25px 20px;
}
.member #resetPass .inner h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.member #resetPass .inner p {
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
}
.member #resetPass .inner dl {
  margin: 10px 0 30px;
}
.member #resetPass .inner dl dt {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}
.member #resetPass .inner input {
  background-color: #fff;
  border: 1px solid #838383;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
}
.member #resetPass .inner button {
  display: block;
  background: #eb5c01;
  border: none;
  width: 80%;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  overflow: inherit;
  cursor: pointer;
}

@media screen and (min-width: 737px), print {
  .member #resetPass {
    background: #f9f4eb;
    padding: 80px 0;
  }
  .member #resetPass .inner {
    border: 6px solid #f5efe0;
    width: 1020px;
    padding: 40px 0;
    margin: 0 auto;
    overflow: hidden;
  }
  .member #resetPass .inner h3 {
    padding-bottom: 30px;
    font-size: 20px;
  }
  .member #resetPass .inner dl {
    margin: 40px 0;
    text-align: center;
  }
  .member #resetPass .inner dl dt {
    margin: 40px 0 5px;
    font-size: 16px;
  }
  .member #resetPass .inner input[type="email"], .member #resetPass .inner input[type="password"] {
    width: 420px;
    padding: 20px;
    font-size: 16px;
  }
  .member #resetPass .inner button {
    width: 264px;
    padding: 20px 0;
    font-size: 16px;
  }
  .member #resetPass h4 {
    font-size: 27px;
  }
  .member #resetPass .box1 {
    box-sizing: border-box;
    border: 10px solid #f5efe0;
    width: 494px;
    padding: 50px;
    margin-bottom: 0;
    float: left;
  }
  .member #resetPass .box1 .memory {
    padding: 40px 0 40px;
    font-size: 16px;
  }
  .member #resetPass .box1 .text {
    padding: 20px 0 0;
  }
  .member #resetPass .box2 {
    box-sizing: border-box;
    border: 10px solid #f5efe0;
    width: 494px;
    padding: 50px;
    margin-bottom: 0;
    float: right;
  }
  .member #resetPass .box2 h5 {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -38px;
  }
  .member #resetPass .box2 h5 img {
    width: 76px;
  }
  .member #resetPass .box2 ul {
    padding-bottom: 20px;
  }
  .member #resetPass .box2 ul li {
    position: relative;
    border-radius: 10px;
    padding: 32px 25px 20px;
    margin-top: 30px;
  }
  .member #resetPass .box2 ul p {
    padding: 0;
  }
  .member #resetPass .box2 p.bnr {
    padding: 5px 0 0;
  }
  .member #resetPass .box2 p.bnr a {
    width: 264px;
    padding: 20px 0;
    font-size: 16px;
  }
  .member #resetPass .box2 p.aC {
    padding: 20px 0 0;
  }
}
.member #logout {
  padding: 40px 0;
  text-align: center;
}
.member #logout a {
  color: #000;
}

@media screen and (min-width: 737px), print {
  .member #logout {
    padding: 80px 0;
  }
}
/******************************************************************** seek
*/
.seek #main2 {
  background-image: url("../seek/img/main_sp.jpg");
  height: 147px;
}
.seek #main2 h2 {
  color: #fff;
}
.seek #main2 h2 img {
  width: 138px;
  height: auto;
}

@media screen and (min-width: 737px), print {
  .seek #main2 {
    background-image: url("../seek/img/main_pc.jpg");
    height: 238px;
  }
  .seek #main2 h2 img {
    width: 150px;
  }
}
.seek #member {
  margin: 40px 0 0;
}
.seek #member .box1 {
  background: url(../img/back1.png);
  padding: 15px 15px;
}
.seek #member .box1 ul {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.seek #member .box1 ul li {
  display: table-cell;
  width: 70%;
  font-size: 12px;
  vertical-align: middle;
}
.seek #member .box1 ul li span {
  font-size: 18px;
  font-weight: bold;
}
.seek #member .box1 ul li:last-child {
  width: 30%;
  text-align: right;
}
.seek #member .box1 ul li:last-child a {
  color: #333;
}
.seek #member .box1 p {
  padding: 10px 0 0;
  font-size: 12px;
  text-align: right;
}
.seek #member .box2 {
  background: #f9f4eb;
  padding: 20px 0 10px;
  text-align: center;
}
.seek #member .box2 h3 {
  font-size: 14px;
  font-weight: bold;
}
.seek #member .box2 h3 span {
  color: #b68311;
  font-weight: bold;
}
.seek #member .box2 select {
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #9aa0ad;
  box-sizing: border-box;
}
.seek #member .box2 select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.seek #member .box2 ul {
  padding: 0;
  margin: 0;
  text-align: center;
}
.seek #member .box2 ul li {
  display: inline-block;
  background: #fff;
  border: 1px solid #838383;
  padding: 10px;
  margin-top: 10px;
}
.seek #member .box2 ul li dl {
  display: table;
  margin: 0;
  overflow: hidden;
}
.seek #member .box2 ul li dl dt {
  display: table-cell;
  padding-right: 5px;
  font-size: 12px;
  letter-spacing: 0;
}
.seek #member .box2 ul li dl dd {
  display: table-cell;
  font-size: 14px;
  letter-spacing: 0;
  text-align: right;
}
.seek #member .box2 ul li dl dd span {
  font-size: 23px;
  font-weight: bold;
}
.seek #member .box2 ul li:nth-child(2) {
  border: 1px solid #e25c00;
  color: #e25c00;
}
.seek #member .box2 ul li:nth-child(3) {
  background: none;
  border: none;
  padding: 0;
}
.seek #member .box2 ul li:nth-child(3) a {
  display: block;
  background: #d9bf85;
  border: none;
  border-radius: 100vh;
  width: 246px;
  padding: 15px 0;
  font-size: 14px;
  text-decoration: none;
}
.seek #member .box2 ul li:nth-child(3) a::after {
  background-size: 10px;
}
.seek #member .box2 .linkText {
  padding: 40px 15px 0;
  margin: 0;
  text-align: left;
}
.seek #member .box2 .linkText li {
  position: relative;
  padding: 0 0 10px 15px;
}
.seek #member .box2 .linkText li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../img/icon06_arrow.svg) no-repeat;
  background-size: cover;
  width: 10px;
  height: 14px;
}
.seek #member .box2 .linkText li a {
  color: #000;
}
.seek #member .box2.second .linkText {
  padding: 0 15px;
}
.seek #member .box3 p {
  padding: 20px 0 0;
}
.seek #member .box3 p a {
  display: block;
  background: #e25c00;
  width: 162px;
  padding: 15px 0;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
}
.seek #member .for_sp {
  padding: 5px 10px 0;
  font-size: 12px;
  text-align: right;
}
.seek #member .box4 h3 {
  background: #8fc31f;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.seek #member .box4 p {
  background: #eeef99;
  padding: 10px 15px;
  font-size: 14px;
  text-align: center;
}
.seek #member .box4 p strong {
  color: #c30d23;
}
.seek #member .box4 p.link {
  padding: 0 0 15px;
}
.seek #member .box4 p.link a {
  display: block;
  background: #c30d23;
  border: none;
  border-radius: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 14px;
}
.seek #member .box4 p.link a::after {
  content: none;
}

@media screen and (min-width: 737px), print {
  .seek #member {
    margin: 65px 0 0;
  }
  .seek #member .box1 {
    position: relative;
    padding: 20px 0;
  }
  .seek #member .box1 ul {
    display: block;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
  .seek #member .box1 ul li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    float: left;
  }
  .seek #member .box1 ul li span {
    font-size: 22px;
  }
  .seek #member .box1 ul li:last-child {
    position: relative;
    width: auto;
    padding: 8px 0 0 10px;
    text-align: left;
    z-index: 5;
  }
  .seek #member .box1 p {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 1200px;
    padding: 0;
    margin-left: -600px;
    font-size: 16px;
  }
  .seek #member .box2 {
    position: relative;
    padding: 55px 0;
  }
  .seek #member .box2 h3 {
    width: 1200px;
    margin: 0 auto;
    font-size: 20px;
    text-align: left;
  }
  .seek #member .box2 ul {
    width: 1200px;
    padding: 0;
    margin: 25px auto 0;
    text-align: left;
    overflow: hidden;
  }
  .seek #member .box2 ul li {
    display: block;
    width: 244px;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    float: left;
  }
  .seek #member .box2 ul li dl {
    display: block;
    overflow: hidden;
  }
  .seek #member .box2 ul li dl dt {
    display: block;
    width: 40%;
    padding: 23px 0 0;
    font-size: 14px;
    float: left;
  }
  .seek #member .box2 ul li dl dd {
    display: block;
    width: 60%;
    font-size: 14px;
    letter-spacing: 0;
    text-align: right;
    float: left;
  }
  .seek #member .box2 ul li dl dd span {
    font-size: 35px;
    font-weight: bold;
  }
  .seek #member .box2 ul li:nth-child(2) {
    border: 1px solid #e25c00;
    color: #e25c00;
  }
  .seek #member .box2 ul li:nth-child(3) {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }
  .seek #member .box2 ul li:nth-child(3) a {
    width: 280px;
    padding: 5px 0;
    font-size: 14px;
    text-decoration: none;
  }
  .seek #member .box2 ul li:nth-child(3) a::after {
    background-size: 10px;
  }
  .seek #member .box2 .linkText {
    width: 1200px;
    padding: 30px 0 0;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
  }
  .seek #member .box2 .linkText li {
    position: relative;
    padding: 0;
    float: left;
  }
  .seek #member .box2 .linkText li::after {
    content: "｜";
  }
  .seek #member .box2 .linkText li:last-child::after, .seek #member .box2 .linkText li::before {
    content: none;
  }
  .seek #member .box2.second {
    padding: 15px 0;
  }
  .seek #member .box2.second .linkText {
    padding: 0;
  }
  .seek #member .box3 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    margin-left: 300px;
    transform: translateY(-50%) translateX(0);
  }
  .seek #member .box3 p {
    padding: 20px 0 0;
    text-align: right;
  }
  .seek #member .box3 p select {
    width: 195px;
  }
  .seek #member .box3 p a {
    display: inline-block;
    width: 195px;
    padding: 15px 0;
    margin: 0;
    text-align: center;
  }
  .seek #member .box4 {
    position: relative;
  }
  .seek #member .box4 h3 {
    padding: 15px 0;
    font-size: 20px;
    text-align: left;
  }
  .seek #member .box4 h3 span {
    display: block;
    width: 1200px;
    margin: 0 auto;
  }
  .seek #member .box4 p {
    padding: 15px 0;
    font-size: 16px;
    text-align: left;
  }
  .seek #member .box4 p span {
    display: block;
    width: 1200px;
    margin: 0 auto;
  }
  .seek #member .box4 p.link {
    position: absolute;
    bottom: 15px;
    left: 50%;
    padding: 0;
    margin-left: 405px;
  }
  .seek #member .box4 p.link a {
    width: 195px;
    padding: 0;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
  }
}
.seek #area01 {
  padding-bottom: 30px;
}
.seek #area01 h3 {
  padding-top: 34px;
  font-weight: bold;
}
.seek #area01 h3 span {
  border-bottom: 1px solid #000;
  font-size: 22px;
  font-weight: bold;
}
.seek #area01 .text {
  padding: 10px 0;
  font-size: 14px;
  color: #949494;
  letter-spacing: 0;
}
.seek #area01 .text::before {
  content: "▼";
}
.seek #area01 table {
  display: block;
  border: 1px solid #949494;
  margin-bottom: 20px;
}
.seek #area01 table tbody, .seek #area01 table tr, .seek #area01 table th, .seek #area01 table td {
  display: block;
}
.seek #area01 table th {
  background: url("../seek/img/th-back.png");
  padding: 10px 15px;
  width: auto;
}
.seek #area01 table td {
  padding: 10px 15px;
  font-size: 14px;
}
.seek #area01 #maskArea {
  position: relative;
}
.seek #area01 #maskArea #mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
}
.seek #area01 .box1 {
  padding: 0 10px;
  /* チェックボックス01 */
  /* ラジオボタン01 */
}
.seek #area01 .box1 ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.seek #area01 .box1 ul li {
  width: 50%;
  padding-bottom: 5px;
  letter-spacing: 0;
  float: left;
}
.seek #area01 .box1 ul li.open {
  width: 100%;
}
.seek #area01 .box1 ul .child {
  display: none;
  background: #f4f4f4;
  padding: 5px;
  margin-top: 5px;
}
.seek #area01 .box1 ul.ver2 li {
  width: 30%;
}
.seek #area01 .box1 ul.ver2 li:last-child {
  width: 70%;
}
.seek #area01 .box1 input[type=checkbox] {
  display: none;
}
.seek #area01 .box1 .cb span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
.seek #area01 .box1 .cb span::before {
  background: #fff;
  border: 1px solid #231815;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.seek #area01 .box1 .cb span::after {
  border-right: 3px solid #ed7a9c;
  border-bottom: 3px solid #ed7a9c;
  content: '';
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
.seek #area01 .box1 .cb input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.seek #area01 .box1 input[type=radio] {
  display: none;
}
.seek #area01 .box1 .rb span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
.seek #area01 .box1 .rb span::before {
  background: #fff;
  border: 1px solid #231815;
  border-radius: 50%;
  content: '';
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.seek #area01 .box1 .rb span::after {
  background: #ed7a9c;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  left: 9px;
  margin-top: -4px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 10px;
}
.seek #area01 .box1 .rb input[type=radio]:checked + span::after {
  opacity: 1;
}
.seek #area01 .box2 {
  background: #f9f4eb;
  padding: 25px 0 30px;
  margin-top: 34px;
  text-align: center;
}
.seek #area01 .box2 .seek_num {
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}
.seek #area01 .box2 .seek_num span {
  font-size: 33px;
  font-weight: bold;
}
.seek #area01 .box2 select {
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #9aa0ad;
  box-sizing: border-box;
}
.seek #area01 .box2 select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.seek #area01 .box2 ul {
  padding: 0 0 40px;
  margin: 0;
  text-align: center;
}
.seek #area01 .box2 ul li {
  display: inline-block;
  background: #fff;
  border: 1px solid #838383;
  padding: 10px;
  margin-top: 10px;
}
.seek #area01 .box2 ul li dl {
  display: table;
  margin: 0;
  overflow: hidden;
}
.seek #area01 .box2 ul li dl dt {
  display: table-cell;
  font-size: 14px;
  letter-spacing: 0;
}
.seek #area01 .box2 ul li dl dd {
  display: table-cell;
  font-size: 14px;
  text-align: right;
}
.seek #area01 .box2 ul li dl dd span {
  font-size: 23px;
}
.seek #area01 .box2 ul li:nth-child(2) {
  border: 1px solid #e25c00;
  color: #e25c00;
}
.seek #area01 .box2 ul li:nth-child(3) {
  border: none;
  padding: 0;
}
.seek #area01 .box2 ul li:nth-child(3) a {
  display: block;
  background: #e25c00;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
}
.seek #area01 .box2 .banner {
  padding: 0 20px;
}
.seek #area01 .box3 {
  background: #f4f4f4;
  padding: 40px 0;
  margin: 0 -20px;
  text-align: center;
}
.seek #area01 .box3 .number {
  padding: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}
.seek #area01 .box3 .number span {
  font-size: 33px;
  font-weight: bold;
}
.seek #area01 .box3 .btn {
  position: relative;
  padding: 0;
}
.seek #area01 .box3 .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: -10px 0 0 95px;
}
.seek #area01 .box3 .btn input {
  background: #000;
  border: none;
  border-radius: 100vh;
  width: 266px;
  padding: 20px 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
}

@media screen and (min-width: 737px), print {
  .seek #area01 {
    padding-bottom: 80px;
  }
  .seek #area01 h3 {
    font-size: 20px;
  }
  .seek #area01 h3 span {
    font-size: 34px;
  }
  .seek #area01 .text {
    padding: 15px 0 10px;
    font-size: 16px;
  }
  .seek #area01 table {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
  .seek #area01 table tbody {
    display: table-row-group;
  }
  .seek #area01 table tr {
    display: table-row;
  }
  .seek #area01 table th, .seek #area01 table td {
    display: table-cell;
    border-bottom: 1px solid #949494;
    padding: 20px 30px;
  }
  .seek #area01 table th {
    width: 20%;
    font-size: 18px;
    vertical-align: top;
  }
  .seek #area01 table td {
    font-size: 16px;
    vertical-align: middle;
  }
  .seek #area01 .box1 {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
  }
  .seek #area01 .box1 ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
  }
  .seek #area01 .box1 ul li {
    width: 50%;
    letter-spacing: 0;
    float: left;
  }
  .seek #area01 .box1 ul.ver2 li {
    width: 30%;
  }
  .seek #area01 .box1 ul.ver2 li:last-child {
    width: 70%;
  }
  .seek #area01 .box2 {
    padding: 0;
    margin-top: 75px;
  }
  .seek #area01 .box2 div {
    position: relative;
    width: 1200px;
    padding: 60px 0;
    margin: 0 auto;
    text-align: left;
  }
  .seek #area01 .box2 .seek_num span {
    font-size: 35px;
  }
  .seek #area01 .box2 .seek_sort {
    position: absolute;
    top: 70px;
    right: 0;
    padding: 0;
  }
  .seek #area01 .box2 ul {
    padding: 40px 0;
    margin: 0;
    text-align: left;
    overflow: hidden;
  }
  .seek #area01 .box2 ul li {
    width: 243px;
    padding: 10px 20px;
    margin: 0 10px 0 0;
    float: left;
  }
  .seek #area01 .box2 ul li dl {
    width: 100%;
  }
  .seek #area01 .box2 ul li dl dt {
    width: 50%;
  }
  .seek #area01 .box2 ul li dl dd {
    width: 50%;
  }
  .seek #area01 .box2 ul li dl dd span {
    font-size: 35px;
  }
  .seek #area01 .box2 ul li:nth-child(3) {
    margin-left: 25px;
    text-align: center;
  }
  .seek #area01 .box2 ul li:nth-child(3) a {
    padding: 25px 20px;
  }
  .seek #area01 .box2 .banner {
    padding: 0;
  }
  .seek #area01 .box3 {
    width: 1200px;
    padding: 40px 0;
    margin: 30px auto 0;
  }
  .seek #area01 .box3 .number {
    padding: 0 0 15px;
  }
  .seek #area01 .box3 .number span {
    font-size: 35px;
  }
  .seek #area01 .box3 .btn::after {
    margin: -7px 0 0 110px;
  }
  .seek #area01 .box3 .btn input {
    width: 326px;
    padding: 25px 0;
  }
}
.seek #area02 {
  padding: 40px 0;
}
.seek #area02 .seek_num {
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
}
.seek #area02 .seek_num span {
  font-size: 33px;
  font-weight: bold;
}
.seek #area02 .box {
  background: #f9f4eb;
  padding: 25px 0 30px;
  margin-top: 20px;
  text-align: center;
}
.seek #area02 .box h3 {
  font-size: 20px;
  font-weight: bold;
}
.seek #area02 .box h3 strong {
  color: #e25c00;
}
.seek #area02 .box ul {
  padding: 10px 0 20px;
  margin: 0;
  text-align: center;
}
.seek #area02 .box ul li {
  display: inline-block;
  background: #fff;
  border: 1px solid #838383;
  padding: 10px;
  margin-top: 10px;
}
.seek #area02 .box ul li dl {
  display: table;
  margin: 0;
  overflow: hidden;
}
.seek #area02 .box ul li dl dt {
  display: table-cell;
  font-size: 14px;
  letter-spacing: 0;
}
.seek #area02 .box ul li dl dd {
  display: table-cell;
  font-size: 14px;
  text-align: right;
}
.seek #area02 .box ul li dl dd span {
  font-size: 23px;
}
.seek #area02 .box ul li:nth-child(2) {
  border: 1px solid #e25c00;
  color: #e25c00;
}
.seek #area02 .box ul li:nth-child(3) {
  border: none;
  padding: 0;
}
.seek #area02 .box ul li:nth-child(3) a {
  display: block;
  background: #e25c00;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
}
.seek #area02 .box .banner {
  padding: 0 20px;
}

@media screen and (min-width: 737px), print {
  .seek #area02 {
    padding: 80px 0;
  }
  .seek #area02 .seek_num {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
  }
  .seek #area02 .seek_num span {
    font-size: 35px;
  }
  .seek #area02 .box {
    padding: 0;
    margin-top: 30px;
  }
  .seek #area02 .box div {
    position: relative;
    width: 1200px;
    padding: 60px 0;
    margin: 0 auto;
    text-align: left;
  }
  .seek #area02 .box h3 {
    font-size: 24px;
  }
  .seek #area02 .box .seek_sort {
    position: absolute;
    top: 70px;
    right: 0;
    padding: 0;
  }
  .seek #area02 .box ul {
    padding: 20px 0 40px;
    margin: 0;
    text-align: left;
    overflow: hidden;
  }
  .seek #area02 .box ul li {
    width: 243px;
    padding: 10px 20px;
    margin: 0 10px 0 0;
    float: left;
  }
  .seek #area02 .box ul li dl {
    width: 100%;
  }
  .seek #area02 .box ul li dl dt {
    width: 50%;
  }
  .seek #area02 .box ul li dl dd {
    width: 50%;
  }
  .seek #area02 .box ul li dl dd span {
    font-size: 35px;
  }
  .seek #area02 .box ul li:nth-child(3) {
    margin-left: 25px;
    text-align: center;
  }
  .seek #area02 .box ul li:nth-child(3) a {
    padding: 25px 20px;
  }
  .seek #area02 .box .banner {
    padding: 0;
  }
}
.seek #area03 {
  padding: 0 10px 40px;
}
.seek #area03 .sortBox select {
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border: 1px solid #9aa0ad;
  box-sizing: border-box;
}
.seek #area03 .sortBox select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.seek #area03 .sortBox ul {
  padding: 20px 0 0;
  margin: 0;
  text-align: center;
}
.seek #area03 .sortBox ul li {
  display: inline-block;
  color: #979797;
  font-weight: bold;
  letter-spacing: 0;
}
.seek #area03 .sortBox ul li::after {
  content: "｜";
}
.seek #area03 .sortBox ul li a {
  padding: 0.3em;
  text-decoration: none;
  color: #979797;
}
.seek #area03 .sortBox ul li span {
  padding: 0.3em;
}
.seek #area03 .sortBox ul .prev::before {
  content: "＜";
}
.seek #area03 .sortBox ul .next::after {
  content: "＞";
}
.seek #area03 .listBox {
  padding-top: 40px;
}
.seek #area03 .listBox .listBox-title {
  position: relative;
  background: url("../seek/img/th-back.png");
  padding: 10px;
}
.seek #area03 .listBox .listBox-title ul {
  padding: 0 0 10px;
  margin: 0;
  overflow: hidden;
}
.seek #area03 .listBox .listBox-title ul li {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 2px;
  font-size: 12px;
  font-weight: bold;
}
.seek #area03 .listBox .listBox-title ul li.new {
  background: #e15c01;
  color: #fff;
}
.seek #area03 .listBox .listBox-title ul li.land {
  background: #dabf87;
}
.seek #area03 .listBox .listBox-title ul li.designers {
  background: #ebab00;
}
.seek #area03 .listBox .listBox-title h3 {
  font-size: 18px;
  font-weight: bold;
}
.seek #area03 .listBox .listBox-title .fav {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 0;
}
.seek #area03 .listBox .listBox-title .fav img {
  width: 38px;
}
.seek #area03 .listBox .image {
  padding: 10px 0;
}
.seek #area03 .listBox .image img {
  width: 100%;
  height: 220px;
  object-fit: contain;
}
.seek #area03 .listBox table {
  border: 1px solid #000;
  border-collapse: collapse;
  width: 100%;
}
.seek #area03 .listBox table th, .seek #area03 .listBox table td {
  border: 1px solid #000;
  padding: 5px 10px;
  vertical-align: middle;
}
.seek #area03 .listBox table th {
  background: #dabf87;
  border-right: none;
  white-space: nowrap;
}
.seek #area03 .listBox table td {
  border-left: none;
}
.seek #area03 .listBox table td span {
  color: #eb5c04;
  font-size: 18px;
  font-weight: bold;
}
.seek #area03 .listBox ul.listBox-link {
  padding: 40px 0 0;
  margin: 0;
  overflow: hidden;
}
.seek #area03 .listBox ul.listBox-link li {
  width: 49%;
  text-align: center;
  line-height: 1.2em;
  float: left;
}
.seek #area03 .listBox ul.listBox-link li a {
  display: block;
  border: 2px solid #e55b01;
  padding: 10px 0;
  font-weight: bold;
  text-decoration: none;
  color: #e55b01;
}
.seek #area03 .listBox ul.listBox-link li:last-child {
  float: right;
}
.seek #area03 .listBox ul.listBox-link li:last-child a {
  background: url("../seek/img/link-back.png");
  background-size: 19px;
  border: 2px solid #dabf87;
  color: #000;
}

@media screen and (min-width: 737px), print {
  .seek #area03 {
    width: 1200px;
    padding: 40px 0 80px;
    margin: 0 auto;
  }
  .seek #area03 .sortBox {
    overflow: hidden;
  }
  .seek #area03 .sortBox .seek_sort {
    float: left;
  }
  .seek #area03 .sortBox ul {
    padding: 10px 0 0;
    text-align: right;
    float: right;
  }
  .seek #area03 .listBox {
    padding-top: 80px;
  }
  .seek #area03 .listBox .listBox-title {
    padding: 20px;
  }
  .seek #area03 .listBox .listBox-title ul {
    padding: 0 0 10px;
  }
  .seek #area03 .listBox .listBox-title ul li {
    padding: 3px 15px;
    margin-right: 5px;
    font-size: 14px;
  }
  .seek #area03 .listBox .listBox-title h3 {
    font-size: 26px;
  }
  .seek #area03 .listBox .listBox-title .fav {
    position: absolute;
    top: 10px;
    right: 30px;
    padding: 0;
  }
  .seek #area03 .listBox .listBox-title .fav img {
    width: 62px;
  }
  .seek #area03 .listBox .image {
    width: 300px;
    padding: 40px 0 0;
    float: left;
  }
  .seek #area03 .listBox .image img {
    height: 240px;
  }
  .seek #area03 .listBox table {
    border: 1px solid #000;
    border-collapse: collapse;
    width: 532px;
    margin-top: 40px;
    float: right;
  }
  .seek #area03 .listBox table th, .seek #area03 .listBox table td {
    padding: 10px 20px;
  }
  .seek #area03 .listBox table td span {
    font-size: 24px;
  }
  .seek #area03 .listBox ul.listBox-link {
    clear: both;
    padding: 40px 0 0;
  }
  .seek #area03 .listBox ul.listBox-link li a {
    border: 4px solid #e55b01;
    padding: 20px 0;
    font-size: 20px;
  }
  .seek #area03 .listBox ul.listBox-link li:last-child a {
    border: 4px solid #dabf87;
  }
}
/******************************************************************** detail
*/
.seek #detail h4 {
  padding-bottom: 30px;
  text-align: center;
}
.seek #detail h4 span {
  border-bottom: 1px solid #000;
  font-size: 24px;
  font-weight: bold;
}
.seek #detail #box1 {
  padding: 20px 0 0;
}
.seek #detail #box1 .image {
  position: relative;
  width: 80%;
  height: 234px;
  padding: 0;
  margin: 0 auto;
}
.seek #detail #box1 .image img {
  width: 100%;
  height: 234px;
}
.seek #detail #box1 .image img.ofi {
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.seek #detail #box1 ul {
  padding: 20px 0 0;
  margin: 0;
  text-align: center;
}
.seek #detail #box1 ul li {
  display: inline-block;
  width: 98px;
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  letter-spacing: 0;
}
.seek #detail #box1 ul li.land {
  background: #d1b16a;
  width: 120px;
}
.seek #detail #box1 ul li.new {
  background: #868686;
  width: 120px;
}
.seek #detail #box1 ul li.designers {
  background: #ebab00;
  width: 120px;
}
.seek #detail #box1 ul li.paltown {
  background: #000;
  width: 90px;
}
.seek #detail #box1 ul li.nishi {
  background: #275956;
}
.seek #detail #box1 ul li.tarumi {
  background: #418f7e;
}
.seek #detail #box1 ul li.akashi {
  background: #941800;
}
.seek #detail #box1 ul li.miki {
  background: #b06380;
}
.seek #detail #box1 ul li.kakogawa {
  background: #25578e;
}
.seek #detail #box1 ul li.kakogun {
  background: #2883b7;
}
.seek #detail #box1 ul li.takasago {
  background: #634070;
}
.seek #detail #box1 ul li.himeji {
  background: #66a672;
}
.seek #detail #box1 .box1A {
  background: url(../img/back3.png);
  padding: 40px 0 30px;
  margin: -15px 0 0;
  text-align: center;
}
.seek #detail #box1 .box1A h3 {
  font-weight: bold;
}
.seek #detail #box1 .box1A p {
  padding: 10px 0 15px;
  font-size: 12px;
}
.seek #detail #box1 .box1A dl {
  width: 63%;
  margin: 0 auto;
}
.seek #detail #box1 .box1A dl dt {
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}
.seek #detail #box1 .box1A dl dt span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.seek #detail #box1 .box1A dl dt span::before, .seek #detail #box1 .box1A dl dt span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #000;
}
.seek #detail #box1 .box1A dl dt span::before {
  right: 100%;
}
.seek #detail #box1 .box1A dl dt span::after {
  left: 100%;
}
.seek #detail #box1 .box1A dl dd {
  border-bottom: 1px solid #000;
  font-size: 20px;
  font-weight: bold;
}
.seek #detail #box1 .box1A dl dd span {
  font-size: 38px;
  font-weight: bold;
}
.seek #detail .links {
  padding: 20px 60px 30px;
  margin: 0;
  text-align: center;
}
.seek #detail .links li {
  padding-top: 10px;
}
.seek #detail .links li a {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 14px;
  line-height: 56px;
}
.seek #detail .links li:nth-child(1) a {
  background: #eb5c01;
  border: 5px solid #eb5c01;
  color: #fff;
}
.seek #detail .links li:nth-child(2) a {
  background: url(../img/back4.png);
  border: 5px solid #d9bf85;
  color: #000;
}
.seek #detail .links li:nth-child(3) a {
  position: relative;
  background: #000;
  border: 5px solid #000;
  border-radius: 100vh;
  color: #fff;
}
.seek #detail .links li:nth-child(3) a::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: url(../img/icon06_arrow_w.svg) no-repeat 0 50%;
  background-size: 10px;
  width: 23px;
}
.seek #detail #box2 {
  padding: 30px 0 10px;
}
.seek #detail #box2 ul {
  padding: 0 15px;
  margin: 0;
  overflow: hidden;
}
.seek #detail #box2 ul li {
  padding-bottom: 20px;
  letter-spacing: 0;
}
.seek #detail #box2 ul li img {
  width: 100%;
  height: 230px;
}
.seek #detail #box2 ul li img.ofi {
  object-fit: contain;
  font-family: "object-fit: contain;";
}
.seek #detail #box2 table {
  border: none;
  border-bottom: 1px solid #949494;
  border-collapse: collapse;
  width: calc(100% - 40px);
  margin: 20px 20px 0;
  font-size: 14px;
}
.seek #detail #box2 table tr {
  width: 100%;
}
.seek #detail #box2 table td {
  display: block;
  border: 1px solid #949494;
  border-bottom: none;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
}
.seek #detail #box3 {
  padding: 30px 20px 0;
}
.seek #detail #box3 table.ver1 {
  border: 1px solid #949494;
  border-bottom: none;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 14px;
}
.seek #detail #box3 table.ver1 tr {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 32% 1fr;
}
.seek #detail #box3 table.ver1 tr.none {
  grid-template-rows: auto;
}
.seek #detail #box3 table.ver1 th, .seek #detail #box3 table.ver1 td {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #949494;
  padding: 5px;
}
.seek #detail #box3 table.ver1 th {
  background: url(../img/back3.png);
  border-right: 1px solid #949494;
  font-size: 12px;
}
.seek #detail #box3 table.ver2 {
  border: 1px solid #949494;
  border-bottom: none;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
}
.seek #detail #box3 table.ver2 thead {
  display: none;
}
.seek #detail #box3 table.ver2 tr {
  width: 100%;
}
.seek #detail #box3 table.ver2 th, .seek #detail #box3 table.ver2 td {
  display: block;
  border-bottom: 1px solid #949494;
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
}
.seek #detail #box3 table.ver2 th {
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.seek #detail #box3 table.ver2 td:before {
  content: attr(data-label);
  background: url(../img/back3.png);
  border-right: 1px solid #949494;
  box-sizing: border-box;
  width: 32%;
  padding: 5px;
  margin: -5px 5px -5px -5px;
  font-weight: bold;
  float: left;
}
.seek #detail #history {
  background: #f4f4f4;
  padding: 25px 0;
}
.seek #detail #history ul {
  padding: 0 2%;
  margin: 0;
  overflow: hidden;
}
.seek #detail #history ul li {
  background: #fff;
  box-sizing: border-box;
  width: 48%;
  margin: 0 1% 10px;
  float: left;
}
.seek #detail #history ul li a {
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
}
.seek #detail #history ul li p {
  padding: 0;
  font-size: 12px;
}
.seek #detail #history ul li .image {
  position: relative;
  padding: 68% 0 0;
}
.seek #detail #history ul li .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}
.seek #detail #history ul li dl {
  border-bottom: 1px solid #000;
  margin: 5px 0;
  text-align: center;
}
.seek #detail #history ul li dl dt {
  font-size: 12px;
}
.seek #detail #history ul li dl dd {
  font-size: 12px;
  font-weight: bold;
  color: #eb5c01;
}
.seek #detail #history ul li dl dd span {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (min-width: 737px), print {
  .seek #detail h4 {
    padding-bottom: 50px;
  }
  .seek #detail h4 span {
    font-size: 34px;
  }
  .seek #detail #box1 {
    padding: 90px 0 0;
  }
  .seek #detail #box1 .image {
    width: 946px;
    height: 674px;
    padding: 0;
  }
  .seek #detail #box1 .image img {
    height: 674px;
  }
  .seek #detail #box1 ul {
    padding: 75px 0 0;
  }
  .seek #detail #box1 ul li {
    width: 237px;
    font-size: 16px;
    line-height: 50px;
  }
  .seek #detail #box1 ul li.land, .seek #detail #box1 ul li.new, .seek #detail #box1 ul li.designers, .seek #detail #box1 ul li.paltown {
    width: 237px;
  }
  .seek #detail #box1 .box1A {
    background: url(../img/back3.png);
    padding: 70px 0 55px;
    margin: -23px 0 0;
  }
  .seek #detail #box1 .box1A h3 {
    font-size: 35px;
  }
  .seek #detail #box1 .box1A p {
    padding: 15px 0 30px;
    font-size: 20px;
  }
  .seek #detail #box1 .box1A dl {
    width: 528px;
  }
  .seek #detail #box1 .box1A dl dt {
    font-size: 20px;
  }
  .seek #detail #box1 .box1A dl dd {
    font-size: 40px;
  }
  .seek #detail #box1 .box1A dl dd span {
    font-size: 76px;
  }
  .seek #detail .links {
    width: 770px;
    padding: 50px 0;
    margin: 0 auto;
    overflow: hidden;
  }
  .seek #detail .links li {
    width: 378px;
    padding-top: 0;
  }
  .seek #detail .links li a {
    font-size: 16px;
    line-height: 70px;
  }
  .seek #detail .links li:nth-child(1) {
    float: left;
  }
  .seek #detail .links li:nth-child(2) {
    float: right;
  }
  .seek #detail .links li:nth-child(3) {
    clear: both;
    padding-top: 60px;
    margin: 0 auto;
  }
  .seek #detail #box2 {
    padding: 60px 0 10px;
  }
  .seek #detail #box2 ul {
    width: 1120px;
    padding: 0;
    margin: 0 auto;
  }
  .seek #detail #box2 ul li {
    width: 342px;
    padding-bottom: 55px;
    margin-right: 47px;
    font-size: 15px;
    float: left;
  }
  .seek #detail #box2 ul li:nth-child(3n) {
    margin-right: 0;
  }
  .seek #detail #box2 ul li img {
    height: 228px;
  }
  .seek #detail #box2 table {
    display: table;
    border: 1px solid #949494;
    border-bottom: none;
    border-collapse: collapse;
    width: 1120px;
    margin: 0 auto;
    font-size: 16px;
  }
  .seek #detail #box2 table tr {
    display: table-row;
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
  .seek #detail #box2 table td {
    display: table-cell;
    border: 1px solid #949494;
    width: 33.3%;
    padding: 20px 15px;
    vertical-align: middle;
  }
  .seek #detail #box3 {
    width: 1120px;
    padding: 60px 0 0;
    margin: 0 auto;
  }
  .seek #detail #box3 table.ver1 {
    display: table;
    border: 1px solid #949494;
    border-bottom: none;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 60px;
    font-size: 16px;
  }
  .seek #detail #box3 table.ver1 tr {
    display: table-row;
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
  .seek #detail #box3 table.ver1 th, .seek #detail #box3 table.ver1 td {
    display: table-cell;
    border: 1px solid #949494;
    padding: 20px 15px;
    vertical-align: middle;
  }
  .seek #detail #box3 table.ver1 th {
    width: 16%;
    font-size: 16px;
    font-weight: bold;
  }
  .seek #detail #box3 table.ver1 td {
    width: 34%;
  }
  .seek #detail #box3 table.ver2 {
    border: 1px solid #949494;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 60px;
    font-size: 16px;
  }
  .seek #detail #box3 table.ver2 thead {
    display: table-header-group;
  }
  .seek #detail #box3 table.ver2 tr {
    width: 100%;
  }
  .seek #detail #box3 table.ver2 th, .seek #detail #box3 table.ver2 td {
    display: table-cell;
    border: 1px solid #949494;
    width: 16.6%;
    padding: 15px 0;
    text-align: center;
  }
  .seek #detail #box3 table.ver2 th {
    background: url(../img/back3.png);
    color: #000;
  }
  .seek #detail #box3 table.ver2 td:before {
    content: none;
  }
  .seek #detail #history {
    background: #fff;
    padding: 45px 0 70px;
  }
  .seek #detail #history ul {
    padding: 0 4%;
  }
  .seek #detail #history ul li {
    background: #f4f4f4;
    width: 23%;
    margin: 0 1% 10px;
  }
  .seek #detail #history ul li a {
    padding: 20px;
  }
  .seek #detail #history ul li p {
    font-size: 16px;
    text-align: center;
  }
  .seek #detail #history ul li .image {
    background: #fff;
  }
  .seek #detail #history ul li dl {
    margin: 15px 0 10px;
  }
  .seek #detail #history ul li dl dt {
    font-size: 14px;
  }
  .seek #detail #history ul li dl dd {
    font-size: 23px;
  }
  .seek #detail #history ul li dl dd span {
    font-size: 35px;
  }
}
/******************************************************************** seekFavorite
*/
.seek #seekFavorite {
  padding: 40px 0;
}
.seek #seekFavorite h3 {
  margin-bottom: 20px;
  text-align: center;
}
.seek #seekFavorite h3 span {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0 15px;
  font-size: 18px;
  font-weight: bold;
}
.seek #seekFavorite dl {
  margin: 40px 0;
}
.seek #seekFavorite dl dt {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}
.seek #seekFavorite dl dd a {
  display: block;
  background: #fefcfa;
  border: 3px solid #e25c00;
  width: 300px;
  padding: 10px 0;
  margin: 0 auto;
  text-align: center;
  color: #e25c00;
  font-weight: bold;
  text-decoration: none;
  line-height: 36px;
}
.seek #seekFavorite .item {
  padding: 0 10px 0;
}
.seek #seekFavorite .item .item-title {
  position: relative;
  background: url(../img/back3.png);
  padding: 10px;
}
.seek #seekFavorite .item .item-title ul {
  padding: 0 0 5px;
  margin: 0;
}
.seek #seekFavorite .item .item-title ul li {
  display: inline-block;
  background: #d9bf85;
  padding: 3px 10px;
  margin-right: 5px;
  font-size: 12px;
}
.seek #seekFavorite .item .item-title ul li.new {
  background: #e25c00;
  color: #fff;
}
.seek #seekFavorite .item .item-title h4 {
  font-weight: bold;
}
.seek #seekFavorite .item .item-title .fav {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 0;
}
.seek #seekFavorite .item .item-title .fav img {
  width: 38px;
}
.seek #seekFavorite .item .image {
  padding: 20px 0;
}
.seek #seekFavorite .item table {
  border: 1px solid #000;
  border-collapse: collapse;
  width: 100%;
}
.seek #seekFavorite .item table th, .seek #seekFavorite .item table td {
  border: 1px solid #000;
  padding: 5px;
  font-size: 14px;
  vertical-align: middle;
}
.seek #seekFavorite .item table th {
  background: #d9bf85;
  white-space: nowrap;
}
.seek #seekFavorite .item table td.price {
  color: #e25c00;
  font-size: 16px;
  font-weight: bold;
}
.seek #seekFavorite .item .links {
  padding: 20px 0 30px;
  margin: 0;
  overflow: hidden;
}
.seek #seekFavorite .item .links li {
  width: 48%;
  float: left;
}
.seek #seekFavorite .item .links li a {
  display: block;
  background: #fefcfa;
  border: 3px solid #e25c00;
  padding: 10px 0;
  text-align: center;
  color: #e25c00;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2em;
}
.seek #seekFavorite .item .links li:last-child {
  float: right;
}
.seek #seekFavorite .item .links li:last-child a {
  background: url(../seek/img/link-back2.png);
  border: 3px solid #d9bf85;
  color: #000;
}

@media screen and (min-width: 737px), print {
  .seek #seekFavorite {
    width: 1120px;
    padding: 80px 0;
    margin: 0 auto;
  }
  .seek #seekFavorite h3 {
    margin-bottom: 45px;
  }
  .seek #seekFavorite h3 span {
    padding: 0 25px;
    font-size: 25px;
  }
  .seek #seekFavorite dl {
    width: 700px;
    margin: 80px auto;
    overflow: hidden;
  }
  .seek #seekFavorite dl dt {
    margin-bottom: 0;
    text-align: left;
    font-size: 20px;
    float: left;
  }
  .seek #seekFavorite dl dd {
    float: right;
  }
  .seek #seekFavorite dl dd a {
    display: block;
    background: #fefcfa;
    border: 3px solid #e25c00;
    width: 300px;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    color: #e25c00;
    font-weight: bold;
    text-decoration: none;
    line-height: 36px;
  }
  .seek #seekFavorite .item {
    padding: 0;
    clear: both;
  }
  .seek #seekFavorite .item .item-title {
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .seek #seekFavorite .item .item-title ul {
    padding: 0 0 20px;
    margin: 0;
  }
  .seek #seekFavorite .item .item-title ul li {
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 14px;
  }
  .seek #seekFavorite .item .item-title h4 {
    font-size: 30px;
  }
  .seek #seekFavorite .item .item-title .fav {
    position: absolute;
    top: 10px;
    right: 30px;
    padding: 0;
  }
  .seek #seekFavorite .item .item-title .fav img {
    width: 62px;
  }
  .seek #seekFavorite .item .image {
    width: 300px;
    padding: 0;
    float: left;
  }
  .seek #seekFavorite .item .image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
  }
  .seek #seekFavorite .item table {
    width: 532px;
    float: right;
  }
  .seek #seekFavorite .item table th, .seek #seekFavorite .item table td {
    padding: 10px;
    font-size: 16px;
  }
  .seek #seekFavorite .item table td.price {
    font-size: 19px;
  }
  .seek #seekFavorite .item .links {
    clear: both;
    padding: 60px 0 65px;
  }
  .seek #seekFavorite .item .links li a {
    border: 5px solid #e25c00;
    padding: 20px 0;
  }
  .seek #seekFavorite .item .links li:last-child a {
    border: 5px solid #d9bf85;
  }
}
/******************************************************************** seekContact
*/
.seek #seekContact {
  padding: 40px 0;
}
.seek #seekContact h3 {
  margin-bottom: 20px;
  text-align: center;
}
.seek #seekContact h3 span {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0 15px;
  font-size: 18px;
  font-weight: bold;
}
.seek #seekContact .text {
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
}
.seek #seekContact fieldset .detail th {
  padding-left: 12px;
}
.seek #seekContact fieldset .detail div {
  background: url(../img/back3.png);
  padding: 20px;
}
.seek #seekContact fieldset .detail div p {
  padding: 0 0 20px;
}
.seek #seekContact fieldset .detail div p img {
  width: 100%;
  height: 200px;
  object-fit: contain;
}
.seek #seekContact fieldset .detail div ul {
  padding: 0;
  margin: 0;
}
.seek #seekContact fieldset .detail div ul li {
  display: inline-block;
  width: 98px;
  padding: 0;
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
}
.seek #seekContact fieldset .detail div ul li.land {
  background: #d1b16a;
  width: 120px;
}
.seek #seekContact fieldset .detail div ul li.new {
  background: #868686;
  width: 120px;
}
.seek #seekContact fieldset .detail div ul li.designers {
  background: #ebab00;
  width: 120px;
}
.seek #seekContact fieldset .detail div ul li.paltown {
  background: #000;
  width: 90px;
}
.seek #seekContact fieldset .detail div ul li.nishi {
  background: #275956;
}
.seek #seekContact fieldset .detail div ul li.tarumi {
  background: #418f7e;
}
.seek #seekContact fieldset .detail div ul li.akashi {
  background: #941800;
}
.seek #seekContact fieldset .detail div ul li.miki {
  background: #b06380;
}
.seek #seekContact fieldset .detail div ul li.kakogawa {
  background: #25578e;
}
.seek #seekContact fieldset .detail div ul li.kakogun {
  background: #2883b7;
}
.seek #seekContact fieldset .detail div ul li.takasago {
  background: #634070;
}
.seek #seekContact fieldset .detail div ul li.himeji {
  background: #66a672;
}
.seek #seekContact fieldset .detail div h4 {
  padding-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.seek #seekContact fieldset .detail div dl {
  display: table;
  width: 100%;
  margin: 10px 0;
  letter-spacing: 0;
  overflow: hidden;
}
.seek #seekContact fieldset .detail div dl dt {
  display: table-cell;
  width: 36%;
  font-size: 14px;
  color: #000;
}
.seek #seekContact fieldset .detail div dl dd {
  display: table-cell;
  width: 64%;
  color: #000;
  font-size: 12px;
  text-align: right;
}
.seek #seekContact fieldset .detail div dl dd span {
  color: #E25C00;
  font-size: 16px;
  font-weight: bold;
}
.seek #seekContact fieldset .detail div dl dd strong {
  font-size: 28px;
  color: #E25C00;
}
.seek #seekContact fieldset .detail div table {
  display: table;
  background: #fff;
  border: 1px solid #000;
  border-bottom: none;
  border-collapse: collapse;
  width: 100%;
}
.seek #seekContact fieldset .detail div table tbody {
  display: table-row-group;
}
.seek #seekContact fieldset .detail div table tr {
  display: table-row;
}
.seek #seekContact fieldset .detail div table th, .seek #seekContact fieldset .detail div table td {
  display: table-cell;
  border: none;
  border-bottom: 1px solid #000;
  padding: 10px;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
}
.seek #seekContact fieldset .detail div table th {
  background: #d9bf85;
  background-clip: padding-box;
  white-space: nowrap;
}
.seek #seekContact fieldset .detail div table tr:last-of-type th {
  background: #d9d9d9;
  background-clip: padding-box;
}
.seek #seekContact fieldset .detail div table ol {
  padding: 0;
  margin: 0;
  counter-reset: my-counter;
}
.seek #seekContact fieldset .detail div table ol li {
  position: relative;
  padding: 0 0 5px 18px;
}
.seek #seekContact fieldset .detail div table ol li:last-child {
  padding-bottom: 0;
}
.seek #seekContact fieldset .detail div table ol li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 3px;
  left: 0;
  display: flex;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 85%;
  line-height: 1;
}
.seek #seekContact .cButton {
  cursor: pointer;
  padding: 20px 0;
  margin-bottom: 10px;
  border: 1px solid #666;
  border-radius: 100vh;
  background: #fff;
  color: #666;
  width: 266px;
  font-size: 16px;
}
.seek #seekContact #cSubmit {
  background: #000;
  color: #fff;
}

@media screen and (min-width: 737px), print {
  .seek #seekContact {
    width: 1120px;
    padding: 80px 0;
    margin: 0 auto;
  }
  .seek #seekContact h3 {
    margin-bottom: 45px;
  }
  .seek #seekContact h3 span {
    padding: 0 25px;
    font-size: 25px;
  }
  .seek #seekContact .text {
    padding-bottom: 80px;
    font-size: 16px;
  }
  .seek #seekContact fieldset table {
    margin-top: 0;
  }
  .seek #seekContact fieldset table th {
    width: 28%;
  }
  .seek #seekContact fieldset .detail th {
    padding-left: 12px;
  }
  .seek #seekContact fieldset .detail div {
    background: url(../img/back3.png);
    padding: 20px;
    overflow: hidden;
  }
  .seek #seekContact fieldset .detail div p {
    width: 300px;
    padding: 0 20px 10px 0;
    float: left;
  }
  .seek #seekContact fieldset .detail div ul li {
    width: auto;
    padding: 0 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .seek #seekContact fieldset .detail div ul li.land, .seek #seekContact fieldset .detail div ul li.new, .seek #seekContact fieldset .detail div ul li.designers, .seek #seekContact fieldset .detail div ul li.paltown {
    width: auto;
  }
  .seek #seekContact fieldset .detail div h4 {
    padding-top: 15px;
    font-size: 22px;
  }
  .seek #seekContact fieldset .detail div dl {
    width: 386px;
    margin: 10px 0;
  }
  .seek #seekContact fieldset .detail div dl dt {
    width: 32%;
    font-size: 14px;
  }
  .seek #seekContact fieldset .detail div dl dd {
    width: 68%;
    font-size: 14px;
  }
  .seek #seekContact fieldset .detail div dl dd span {
    font-size: 20px;
  }
  .seek #seekContact fieldset .detail div dl dd strong {
    font-size: 46px;
  }
  .seek #seekContact fieldset .detail div table {
    clear: both;
  }
  .seek #seekContact fieldset .detail div table th, .seek #seekContact fieldset .detail div table td {
    padding: 10px;
    font-size: 14px;
  }
  .seek #seekContact fieldset .detail div table ol li {
    padding-left: 20px;
  }
  .seek #seekContact fieldset .detail div table ol li::before {
    width: 16px;
    height: 16px;
    padding: 2px 0 0 2px;
  }
}
/******************************************************************** result seek_list
*/
.seek #result section,
.seek #seek_list section {
  padding: 40px 0 0;
}
.seek #result section h3,
.seek #seek_list section h3 {
  position: relative;
  padding: 0 0 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.seek #result section h3::after,
.seek #seek_list section h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../img/back3.png);
  width: 100%;
  height: 5px;
}
.seek #result section p,
.seek #seek_list section p {
  padding: 10px 0;
  text-align: center;
}
.seek #result section .number,
.seek #seek_list section .number {
  font-size: 14px;
}
.seek #result section .number span,
.seek #seek_list section .number span {
  padding-right: 5px;
  font-size: 32px;
  font-weight: bold;
}
.seek #result section .page-nav,
.seek #seek_list section .page-nav {
  color: #979797;
}
.seek #result section .page-nav span,
.seek #seek_list section .page-nav span {
  padding: 0 5px;
}
.seek #result section .page-nav a,
.seek #seek_list section .page-nav a {
  padding: 0 5px;
  color: #979797;
}
.seek #result section .page-nav a:hover,
.seek #seek_list section .page-nav a:hover {
  text-decoration: none;
}
.seek #result section .item,
.seek #seek_list section .item {
  padding: 0 10px 0;
}
.seek #result section .item .item-title,
.seek #seek_list section .item .item-title {
  position: relative;
  background: url(../img/back3.png);
  padding: 10px;
}
.seek #result section .item .item-title ul,
.seek #seek_list section .item .item-title ul {
  padding: 0 0 5px;
  margin: 0;
}
.seek #result section .item .item-title ul li,
.seek #seek_list section .item .item-title ul li {
  display: inline-block;
  background: #d9bf85;
  padding: 3px 10px;
  margin-right: 5px;
  font-size: 12px;
}
.seek #result section .item .item-title ul li.new,
.seek #seek_list section .item .item-title ul li.new {
  background: #e25c00;
  color: #fff;
}
.seek #result section .item .item-title h4,
.seek #seek_list section .item .item-title h4 {
  font-weight: bold;
}
.seek #result section .item .item-title .fav,
.seek #seek_list section .item .item-title .fav {
  position: absolute;
  top: 3px;
  right: 10px;
  padding: 0;
}
.seek #result section .item .item-title .fav img,
.seek #seek_list section .item .item-title .fav img {
  width: 38px;
}
.seek #result section .item .image,
.seek #seek_list section .item .image {
  padding: 20px 0;
}
.seek #result section .item table,
.seek #seek_list section .item table {
  border: 1px solid #000;
  border-collapse: collapse;
  width: 100%;
}
.seek #result section .item table th, .seek #result section .item table td,
.seek #seek_list section .item table th,
.seek #seek_list section .item table td {
  border: 1px solid #000;
  padding: 5px;
  font-size: 14px;
  vertical-align: middle;
}
.seek #result section .item table th,
.seek #seek_list section .item table th {
  background: #d9bf85;
  white-space: nowrap;
}
.seek #result section .item table td.price,
.seek #seek_list section .item table td.price {
  color: #e25c00;
  font-size: 16px;
  font-weight: bold;
}
.seek #result section .item .links,
.seek #seek_list section .item .links {
  padding: 20px 0 30px;
  margin: 0;
  overflow: hidden;
}
.seek #result section .item .links li,
.seek #seek_list section .item .links li {
  width: 48%;
  float: left;
}
.seek #result section .item .links li a,
.seek #seek_list section .item .links li a {
  display: block;
  background: #fefcfa;
  border: 3px solid #e25c00;
  padding: 10px 0;
  text-align: center;
  color: #e25c00;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2em;
}
.seek #result section .item .links li:last-child,
.seek #seek_list section .item .links li:last-child {
  float: right;
}
.seek #result section .item .links li:last-child a,
.seek #seek_list section .item .links li:last-child a {
  background: url(../seek/img/link-back2.png);
  border: 3px solid #d9bf85;
  color: #000;
}
.seek #result nav,
.seek #seek_list nav {
  padding: 40px 10px;
}
.seek #result nav .navBox1,
.seek #seek_list nav .navBox1 {
  border: 1px solid #949494;
  margin-bottom: 20px;
}
.seek #result nav .navBox1 h3,
.seek #seek_list nav .navBox1 h3 {
  position: relative;
  background: #d9bf85;
  padding: 10px 12px;
}
.seek #result nav .navBox1 h3::after,
.seek #seek_list nav .navBox1 h3::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(0);
  background: #c9a553;
  border-radius: 100vh;
  box-sizing: border-box;
  width: 1.6em;
  height: 1.6em;
  padding: 0.3em 0 0 0.1em;
  letter-spacing: 0;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.seek #result nav .navBox1 h3.active::after,
.seek #seek_list nav .navBox1 h3.active::after {
  content: "－";
}
.seek #result nav .navBox1 .kind,
.seek #seek_list nav .navBox1 .kind {
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: bold;
}
.seek #result nav .navBox1 .kind span,
.seek #seek_list nav .navBox1 .kind span {
  font-size: 12px;
}
.seek #result nav .navBox1 ul,
.seek #seek_list nav .navBox1 ul {
  padding: 0;
  margin: 0;
}
.seek #result nav .navBox1 ul li,
.seek #seek_list nav .navBox1 ul li {
  border-bottom: 1px solid #949494;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: bold;
}
.seek #result nav .navBox1 ul li span,
.seek #seek_list nav .navBox1 ul li span {
  font-size: 12px;
}
.seek #result nav .navBox1 .btn,
.seek #seek_list nav .navBox1 .btn {
  position: relative;
  padding: 10px 12px;
}
.seek #result nav .navBox1 .btn::after,
.seek #seek_list nav .navBox1 .btn::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(0);
  background: #cbcbcb;
  border-radius: 100vh;
  box-sizing: border-box;
  width: 1.6em;
  height: 1.6em;
  padding: 0.3em 0 0 0.1em;
  letter-spacing: 0;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.seek #result nav .navBox1 .btn.active::after,
.seek #seek_list nav .navBox1 .btn.active::after {
  content: "－";
}
.seek #result nav .navBox2,
.seek #seek_list nav .navBox2 {
  border: 1px solid #949494;
}
.seek #result nav .navBox2 h3,
.seek #seek_list nav .navBox2 h3 {
  position: relative;
  background: #979797;
  padding: 10px 12px;
}
.seek #result nav .navBox2 h3::after,
.seek #seek_list nav .navBox2 h3::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(0);
  border: 2px solid #fff;
  border-radius: 100vh;
  box-sizing: border-box;
  width: 1.6em;
  height: 1.6em;
  padding: 0.2em 0 0 0.1em;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.seek #result nav .navBox2 h3.active::after,
.seek #seek_list nav .navBox2 h3.active::after {
  content: "－";
}
.seek #result nav .navBox2 h4,
.seek #seek_list nav .navBox2 h4 {
  position: relative;
  background: #f4f4f4;
  padding: 10px 12px;
}
.seek #result nav .navBox2 h4::after,
.seek #seek_list nav .navBox2 h4::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(0);
  background: #cbcbcb;
  border-radius: 100vh;
  box-sizing: border-box;
  width: 1.6em;
  height: 1.6em;
  padding: 0.3em 0 0 0.1em;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.seek #result nav .navBox2 h4.active::after,
.seek #seek_list nav .navBox2 h4.active::after {
  content: "－";
}
.seek #result nav .navBox2 h5,
.seek #seek_list nav .navBox2 h5 {
  position: relative;
  padding: 10px 0;
}
.seek #result nav .navBox2 h5::after,
.seek #seek_list nav .navBox2 h5::after {
  content: "＋";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) translateX(0);
  background: #cbcbcb;
  border-radius: 100vh;
  box-sizing: border-box;
  width: 1.6em;
  height: 1.6em;
  padding: 0.3em 0 0 0.1em;
  line-height: 1em;
  text-align: center;
  color: #fff;
}
.seek #result nav .navBox2 h5.active::after,
.seek #seek_list nav .navBox2 h5.active::after {
  content: "－";
}
.seek #result nav .navBox2 ul,
.seek #seek_list nav .navBox2 ul {
  padding: 5px 12px 15px;
  margin: 0;
}
.seek #result nav .navBox2 ul li,
.seek #seek_list nav .navBox2 ul li {
  padding-bottom: 5px;
}
.seek #result nav .navBox2 .count,
.seek #seek_list nav .navBox2 .count {
  padding: 0;
  text-align: center;
}
.seek #result nav .navBox2 .count span,
.seek #seek_list nav .navBox2 .count span {
  color: #e25c00;
}
.seek #result nav .navBox2 .btn,
.seek #seek_list nav .navBox2 .btn {
  padding: 10px 10px 20px;
}
.seek #result nav .navBox2 .btn a,
.seek #seek_list nav .navBox2 .btn a {
  display: block;
  background: #e25c00;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.seek #result nav .navBox2 ul.ver2,
.seek #seek_list nav .navBox2 ul.ver2 {
  padding: 0;
}
.seek #result nav .navBox2 ul.ver2 li,
.seek #seek_list nav .navBox2 ul.ver2 li {
  border-bottom: 1px solid #949494;
  padding-left: 12px;
}
.seek #result nav .navBox2 ul.ver2 li:last-child,
.seek #seek_list nav .navBox2 ul.ver2 li:last-child {
  border: none;
}
.seek #result nav .navBox2 ul.ver2 ul,
.seek #seek_list nav .navBox2 ul.ver2 ul {
  padding: 0 20px;
}
.seek #result nav .navBox2 ul.ver2 ul li,
.seek #seek_list nav .navBox2 ul.ver2 ul li {
  border-bottom: none;
}
.seek #result nav .navBox2 ul.list-in,
.seek #seek_list nav .navBox2 ul.list-in {
  padding-bottom: 20px !important;
  overflow: hidden;
}
.seek #result nav .navBox2 ul.list-in li,
.seek #seek_list nav .navBox2 ul.list-in li {
  position: relative;
  width: 45%;
  padding: 0;
  float: left;
}
.seek #result nav .navBox2 ul.list-in li:last-child,
.seek #seek_list nav .navBox2 ul.list-in li:last-child {
  float: right;
}
.seek #result nav .navBox2 ul.list-in li:last-child::before,
.seek #seek_list nav .navBox2 ul.list-in li:last-child::before {
  content: "～";
  position: absolute;
  top: 2px;
  left: -1.5em;
}
.seek #result nav .navBox2 ul.list-in li select,
.seek #seek_list nav .navBox2 ul.list-in li select {
  width: 100%;
}
.seek #result nav .navBox2 ul.list-in2,
.seek #seek_list nav .navBox2 ul.list-in2 {
  padding-bottom: 20px !important;
}
.seek #result nav .navBox2 ul.list-in2 li,
.seek #seek_list nav .navBox2 ul.list-in2 li {
  padding: 0 0 5px;
}

.seek #seek_list section {
  padding: 0 10px;
}

@media screen and (min-width: 737px), print {
  .seek #result,
  .seek #seek_list {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
  .seek #result section,
  .seek #seek_list section {
    width: 864px;
    padding: 75px 0 0;
    float: left;
  }
  .seek #result section h3,
  .seek #seek_list section h3 {
    font-size: 20px;
    text-align: left;
  }
  .seek #result section p,
  .seek #seek_list section p {
    text-align: left;
  }
  .seek #result section .number,
  .seek #seek_list section .number {
    padding-top: 75px;
  }
  .seek #result section .number span,
  .seek #seek_list section .number span {
    font-size: 35px;
  }
  .seek #result section .seek_sort,
  .seek #seek_list section .seek_sort {
    padding: 0 0 45px;
    float: left;
  }
  .seek #result section .page-nav,
  .seek #seek_list section .page-nav {
    padding: 0 0 45px;
    float: right;
  }
  .seek #result section .item,
  .seek #seek_list section .item {
    padding: 0;
    clear: both;
  }
  .seek #result section .item .item-title,
  .seek #seek_list section .item .item-title {
    padding: 20px 30px;
    margin-bottom: 25px;
  }
  .seek #result section .item .item-title ul,
  .seek #seek_list section .item .item-title ul {
    padding: 0 0 20px;
    margin: 0;
  }
  .seek #result section .item .item-title ul li,
  .seek #seek_list section .item .item-title ul li {
    padding: 5px 20px;
    margin-right: 10px;
    font-size: 14px;
  }
  .seek #result section .item .item-title h4,
  .seek #seek_list section .item .item-title h4 {
    font-size: 30px;
  }
  .seek #result section .item .item-title .fav,
  .seek #seek_list section .item .item-title .fav {
    position: absolute;
    top: 10px;
    right: 30px;
    padding: 0;
  }
  .seek #result section .item .item-title .fav img,
  .seek #seek_list section .item .item-title .fav img {
    width: 62px;
  }
  .seek #result section .item .image,
  .seek #seek_list section .item .image {
    width: 300px;
    padding: 0;
    float: left;
  }
  .seek #result section .item .image img,
  .seek #seek_list section .item .image img {
    width: 100%;
    height: 220px;
    object-fit: contain;
  }
  .seek #result section .item table,
  .seek #seek_list section .item table {
    width: 532px;
    float: right;
  }
  .seek #result section .item table th, .seek #result section .item table td,
  .seek #seek_list section .item table th,
  .seek #seek_list section .item table td {
    padding: 10px;
    font-size: 16px;
  }
  .seek #result section .item table td.price,
  .seek #seek_list section .item table td.price {
    font-size: 19px;
  }
  .seek #result section .item .links,
  .seek #seek_list section .item .links {
    clear: both;
    padding: 60px 0 65px;
  }
  .seek #result section .item .links li a,
  .seek #seek_list section .item .links li a {
    border: 5px solid #e25c00;
    padding: 20px 0;
  }
  .seek #result section .item .links li:last-child a,
  .seek #seek_list section .item .links li:last-child a {
    border: 5px solid #d9bf85;
  }
  .seek #result nav,
  .seek #seek_list nav {
    width: 260px;
    padding: 65px 0;
    float: right;
  }
  .seek #result nav .navBox2 ul.list-in li:last-child::before,
  .seek #seek_list nav .navBox2 ul.list-in li:last-child::before {
    left: -1.2em;
  }

  .seek #seek_list section {
    padding: 0 0 75px;
  }
  .seek #seek_list section .seek_sort {
    padding-bottom: 0;
  }
  .seek #seek_list nav {
    padding-top: 0;
  }
}
/******************************************************************** recommend
*/
.recommend #main2 {
  background-image: url("../recommend/img/main_sp.jpg");
  height: 101px;
}
.recommend #main2 h2 {
  color: #fff;
}
.recommend #main2 h2 img {
  width: 202px;
  height: auto;
}

@media screen and (min-width: 737px), print {
  .recommend #main2 {
    background-image: url("../recommend/img/main_pc.jpg");
    height: 238px;
  }
  .recommend #main2 h2 img {
    width: 246px;
  }
}
.recommend #tab {
  background: #000;
  padding: 10px;
  margin: 20px 0;
  text-align: center;
  overflow: hidden;
}
.recommend #tab li {
  box-sizing: border-box;
  border: 1px solid #fff;
  width: 25%;
  margin: -1px 0 0 -1px;
  float: left;
}
.recommend #tab li a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0;
  line-height: 3em;
}
.recommend #tab li.active a {
  background: url(../img/back5.png);
}

@media screen and (min-width: 737px), print {
  .recommend #tab {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 50px 0 80px;
    overflow: inherit;
  }
  .recommend #tab li {
    border: none;
    border-right: 1px solid #fff;
    width: 146px;
    margin: 0;
  }
  .recommend #tab li:last-child {
    border: none;
  }
  .recommend #tab li a {
    font-size: 18px;
    line-height: 90px;
  }
  .recommend #tab li a:hover {
    background: url(../img/back5.png);
    opacity: 1;
  }
}
.recommend #area01 {
  padding: 0 10px 60px;
}
.recommend #area01 .item {
  background: url(../img/back3.png);
  padding: 10px;
  margin-bottom: 15px;
}
.recommend #area01 .item div {
  overflow: hidden;
}
.recommend #area01 .item .image {
  width: 40%;
  padding: 0;
  float: left;
}
.recommend #area01 .item .kind {
  width: 58%;
  padding: 0;
  margin: 0;
  float: right;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1em;
}
.recommend #area01 .item .kind li {
  display: inline-block;
  background: #d1b16a;
  padding: 5px 10px;
  color: #fff;
}
.recommend #area01 .item .kind li.new {
  background: #e25c00;
}
.recommend #area01 .item h3 {
  width: 58%;
  padding: 5px 0;
  line-height: 1.2em;
  font-weight: bold;
  float: right;
  font-size: 14px;
}
.recommend #area01 .item dl {
  width: 58%;
  margin: 0;
  line-height: 1.2em;
  float: right;
}
.recommend #area01 .item dl dt {
  font-size: 10px;
}
.recommend #area01 .item dl dd {
  padding-top: 5px;
  color: #e25c00;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
.recommend #area01 .item dl dd strong {
  color: #e25c00;
  font-size: 28px;
}
.recommend #area01 .item table {
  background: #fff;
  border: 1px solid #000;
  border-bottom: none;
  border-collapse: collapse;
  width: 100%;
  margin: 15px 0;
}
.recommend #area01 .item table th, .recommend #area01 .item table td {
  border: none;
  border-bottom: 1px solid #000;
  padding: 10px;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
}
.recommend #area01 .item table th {
  background: #d9bf85;
  white-space: nowrap;
  letter-spacing: 0;
}
.recommend #area01 .item table ol {
  padding: 0;
  margin: 0;
  counter-reset: my-counter;
}
.recommend #area01 .item table ol li {
  position: relative;
  padding: 0 0 5px 18px;
}
.recommend #area01 .item table ol li:last-child {
  padding-bottom: 0;
}
.recommend #area01 .item table ol li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 3px;
  left: 0;
  display: flex;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 85%;
  line-height: 1;
}
.recommend #area01 .item .btn {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.recommend #area01 .item .btn li {
  width: 48%;
  font-size: 14px;
  text-align: center;
  float: left;
}
.recommend #area01 .item .btn li a {
  display: block;
  background: #fff;
  border: 2px solid #000;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  line-height: 3em;
}
.recommend #area01 .item .btn li:last-child {
  float: right;
}
.recommend #area01 .item .btn li:last-child a {
  border: 2px solid #e25c00;
  color: #e25c00;
}
.recommend #area01 .page-nav {
  padding: 15px 0 0;
  color: #979797;
  text-align: center;
}
.recommend #area01 .page-nav span {
  padding: 0 5px;
}
.recommend #area01 .page-nav a {
  padding: 0 5px;
  color: #979797;
}
.recommend #area01 .page-nav a:hover {
  text-decoration: none;
}

@media screen and (min-width: 737px), print {
  .recommend #area01 {
    display: flex;
    width: 1200px;
    padding: 0 0 60px;
    margin: 0 auto;
    overflow: hidden;
    gap: 40px 52px;
    flex-wrap: wrap;
  }
  .recommend #area01 .item {
    box-sizing: border-box;
    width: 574px;
    padding: 30px;
  }
  .recommend #area01 .item .image {
    width: 514px;
    padding: 0 0 25px;
    float: none;
  }
  .recommend #area01 .item .image img {
    width: 100%;
    height: 358px;
    object-fit: cover;
  }
  .recommend #area01 .item .kind {
    width: 100%;
    float: none;
    font-size: 14px;
  }
  .recommend #area01 .item .kind li {
    display: inline-block;
    padding: 5px 20px;
  }
  .recommend #area01 .item h3 {
    width: 100%;
    padding: 15px 0 0;
    font-size: 23px;
    float: none;
  }
  .recommend #area01 .item dl {
    display: table;
    width: 100%;
    float: none;
  }
  .recommend #area01 .item dl dt {
    display: table-cell;
    font-size: 16px;
    vertical-align: baseline;
  }
  .recommend #area01 .item dl dd {
    padding-top: 40px;
    font-size: 26px;
  }
  .recommend #area01 .item dl dd strong {
    font-size: 60px;
  }
  .recommend #area01 .item table {
    margin: 15px 0 20px;
  }
  .recommend #area01 .item table th, .recommend #area01 .item table td {
    padding: 10px;
    font-size: 16px;
  }
  .recommend #area01 .item table ol li {
    padding-left: 20px;
  }
  .recommend #area01 .item table ol li::before {
    top: 4px;
    width: 18px;
    height: 18px;
  }
  .recommend #area01 .item .btn li {
    font-size: 16px;
  }
  .recommend #area01 .page-nav {
    padding: 30px 0 0;
    width: 100%;
  }
}