@charset "utf-8";

/* ================================================================================
  共通設定
================================================================================ */

/* 現在の検索条件（新）
------------------------------------------ */
.curConditions .itemName,
.curConditions .item {
  border-top: 0.1rem solid #e0e0e0;
}
.curConditions .itemName:first-child {
  border-top: none;
}
.curConditions .itemName {
  padding: 1.8rem 1.0rem 1.7rem;
  font-weight: bold;
  line-height: 1;
  background: #f0f0f0;
}
.curConditions .item {
  position: relative;
}
.curConditions .item p.cur {
  padding: 2.5rem 1.0rem;
  position: relative;
}
.curConditions .item > p.p-toggleBtn {
  padding: 0.7rem 2.8rem 0.6rem 1.0rem;
  position: absolute;
  right: 1.0rem;
  top: 2.0rem;
  color: #3ab2e6;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  border: 0.1rem solid #3ab2e6;
  border-radius: 0.2rem;
}
.curConditions .item > p.p-toggleBtn::after {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.7rem;
  border-color: #3ab2e6;
}
.curConditions .item .p-toggleBtn + * {
  border-bottom: none;
}
.curConditions .item .typeBrand p:last-child,
.curConditions .item .typeBrand ul li:last-child,
.curConditions .item .typeModel p:last-child,
.curConditions .item .typeModel ul li:last-child {
  border-bottom: none;
}
.curConditions .item p.change {
  position: absolute;
  right: 1.0rem;
  top: 2.0rem;
}
.curConditions .item p.change a {
  padding: 0.7rem 1.0rem 0.6rem;
  color: #3ab2e6;
  font-size: 1.4rem;
  line-height: 1;
  border: 0.1rem solid #3ab2e6;
  border-radius: 0.2rem;
}
.curConditions + .btnBox {
  padding: 1.5rem 1.0rem 2.0rem;
  border-top: 0.1rem solid #e0e0e0;
}
.curConditions + .flexRefine {
  border-top: 0.1rem solid #e0e0e0;
}

.curConditions .l-horizontal {
  background: #f0f0f0;
}
.curConditions .l-horizontal .itemName {
  width: 17.0rem;
  padding: 2.0rem 1.0rem;
}
.curConditions .l-horizontal .item {
  width: calc(100% - 17.0rem);
  background: #fff;
  border-left: 0.1rem solid #e0e0e0;
}
.curConditions .l-horizontal .itemName:first-child + .item {
  border-top: none;
}
.curConditions .l-horizontal .item .cur {
  padding: 1.9rem 1.0rem;
}

li{
  display: block;
}

/* 現在の検索条件（旧）
------------------------------------------ */
.cond_search{
  padding: 0 1.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
/* 現在の検索条件 */
.searchRequired{
  border-bottom: 0.1rem solid #e0e0e0;
  padding: 1.0rem 0;
  font-size:12px;
}
.searchRequired:last-child{
  border-bottom: none;
}
.searchRequired p{
  padding-bottom: 1.0rem;
  font-weight: bold;
  border-bottom: 0.1rem solid #e0e0e0;
}
.searchRequired ul{
  margin-top: 1.0rem;
}
.searchRequired ul li:not(:first-child){
  margin-top: 1.0rem;
}
.searchRequired ul li span{
  font-weight: bold;
}

/* 検索結果 */
.searchedItems li{
  border-bottom: 0.1rem solid #e0e0e0;
}
.searchedItems li a{
  display: block;
  padding: 1.4rem;
}
.searchedItems li p:first-child{
  font-size: 1.4rem;
}
.searchedItems li p:last-child{
  font-weight: bold;
  margin-top: 0.4rem;
}
.searchedItems_pager {
  font-size: 1.5rem;
  line-height: 6.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
  display: block;
  text-align: center;
  position: relative;
}
.contentCont > *:last-child > .searchedItems_pager {
  border-bottom: none;
}
.searchedItems_pager::after {
  display: inline-block;
  border: solid #39b2e6;
  border-width: 0 0.1rem 0.1rem 0;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.6rem;
  transform: rotate(-45deg);
  margin-top: -0.6rem;
  position: absolute;
  top: 50%;
  right: 1rem;
}
/* フレックス・シャフト */
.type3 {
  background: #f0f0f0;
}
.type3 p,
.type3 ul li {
  border-bottom: 0.1rem solid #fff;
}
.type3 ul{
  display: flex;
  flex-wrap: wrap;
}
.type3 ul li{
  width: 50%;
}
.type3 ul li:nth-child(odd){
  border-right: 0.1rem solid #fff;
}
.type3 ul li:last-child {
  border-bottom: none;
}
.type3 p {
  padding: 1.0rem;
}
/* クリア・変更するボタン */
.clear_change{
  display: flex;
  justify-content: space-between;
  padding: 1.9rem 1rem;
}
.clear_change > *{
  border-radius: 0.4rem;
  display: block;
  text-align: center;
  padding: 1.6rem 0;
}
.clear_change button:first-child{
  background-color: #fff;
  border: 0.1rem solid #39b2e6;
  color: #39b2e6;
  width: 41%;
}
.clear_change button:last-child{
  background-color: #39b2e6;
  border: none;
  color: #fff;
  width: 55%;
  font-weight: bold;
}
.clear_change a{
  background-color: #39b2e6;
  border: none;
  color: #fff;
  width: 55%;
  font-weight: bold;
}
/* 絞り込み条件 */
.circle_box .p-radioboxList-normal label span::before{
  border-radius: 50%;
}
.circle_box .p-radioboxList-normal label span::after {
  position: absolute;
  top: 51%;
  left: 1.8rem;
  display: block;
  margin-top: -5px;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #bfbfbf;
  border: initial;
  border-width: initial;
  content: '';
}
.circle_box input[type=checkbox]{
  display: none;
}
.p-radioboxList-normal label input[type="checkbox"]:checked + span::before {
  border: none;
  background: #39b2e6;
}
.circle_box input[type=radio]:checked + span:after,
.circle_box input[type=checkbox]:checked + span:after{
  background-color: #299bcc
}

/* 検索結果一覧
------------------------------------------ */
.searchResult h3 {
  padding: 2.0rem 1rem;
  font-size: 1.6rem;
}
.searchResult h3 span {
  color: #238e3a;
}
.searchResult .textSearch {
  padding: 1.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.searchResult ul li {
  border-bottom: 0.1rem solid #e0e0e0;
}
.searchResult ul li a {
  display: block;
  padding: 1.5rem 1.0rem;
}
/* ページネーション（旧） */
.searchResult #search-index-pagination-wrapper:empty {
  margin-bottom: 0;
}
.searchResult .page-pagination {
  margin-top: 1.5rem;
}
.searchResult .page-pagination li {
  height: auto;
  max-height: 25px;
  border: none;
}
.searchResult .page-num_tag_open a {
  padding: 0;
}
.searchResult .page-next_tag_open a {
  padding: 0;
}
.searchResult .page-last_tag_open a {
  padding: 0;
}
/* ページネーション（新） */
.searchResult .pagination {
  position: relative;
}
.searchResult .pagination .currentPage {
  font-size: 1.5rem;
  line-height: 6.0rem;
  text-align: center;
}
.searchResult .pagination .pager li {
  position: absolute;
  top: 0;
}
.searchResult .pagination .pager .prev {
  left: 0;
}
.searchResult .pagination .pager .next {
  right: 0;
}
.searchResult .pagination .pager li a {
  display: block;
  width: 6.0rem;
  height: 6.0rem;
  font-size: 0;
}
.searchResult .pagination .pager li a::before {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.4rem;
  position: absolute;
  top: 50%;
  border: solid #39b2e6;
  border-width: 0 0.1rem 0.1rem 0;
  content: "";
}
.searchResult .pagination .pager .prev a::before {
  left: 1.2rem;
  transform: rotate(135deg);
}
.searchResult .pagination .pager .next a::before {
  right: 1.2rem;
  transform: rotate(-45deg);
}

/* ================================================================================
  売りたいTOP
================================================================================ */

/* ゴルフクラブのオンライン査定
------------------------------------------ */
.p-toggleBtn.itemName {
  font-weight: normal;
}
.p-toggleBtn.itemName span {
  color: #238e3a;
  font-weight: bold;
}

/* クラブの種類 */
.typeClub,
.type1 {
  background: #f0f0f0;
}
.typeClub li,
.type1 li {
  width: 50%;
  border: 1px solid #fff;
  border-width: 0 0.1rem 0.1rem 0;
}
.typeClub li:nth-last-child(-n+2),
.type1 li:nth-last-child(-n+2) {
  border-bottom: 0;
}

/* ブランド・メーカー */
.typeBrand,
.typeModel {
  background: #f0f0f0;
}
.typeBrand p,
.typeBrand ul li,
.typeModel p,
.typeModel ul li {
  border-bottom: 0.1rem solid #e0e0e0;
}
.typeModel ul li:last-child{
  border-bottom: none;
}
ul li.brand{
  border: 1px solid #fff;
}
.typeBrand p,
.typeModel p {
  padding: 1.0rem;
}
/* 次のステップに進む */
.toNextStep {
  padding: 2.0rem 1.0rem 3.0rem;
}
.toNextStep .p-actBtn-sub {
  width: 100%;
  margin: auto;
  color: #238e3a;
  font-size: 1.6rem;
  line-height: 4.7rem;
  border-color: #238e3a;
}
/* エラーメッセージ */
#error_message {
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 25px 5px #999;
  color: #111;
  display: none;
  width: 90%;
  padding: 25px;
}
.button.b-close, .button.bClose {
  border-radius: 7px 7px 7px 7px;
  box-shadow: none;
  font: bold 131% sans-serif;
  padding: 0 6px 2px;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.button {
  background-color: #2b91af;
  border-radius: 10px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}
.button>span {
  font-size: 84%;
}
/* 住所登録＆売りたいクラブを詰めて送るだけ！ */
.kantanKaitori {
  padding: 2.0rem 1.0rem 3.0rem;
  font-size: 1.5rem;
  text-align: center;
  border-top: 0.1rem solid #e0e0e0;
}
.kantanKaitori .btnBox {
  margin-top: 1.5rem;
}
.kantanKaitori .btnBox .p-cvBtn .icon {
  display: inline-block;
  width: auto;
  height: 2.3rem;
  margin-right: 1rem;
  vertical-align: -0.5rem;
}

/* 宅配買取なら、手間なし簡単！ */
.merit {
  padding: 2.0rem 1.0rem 0;
  text-align: center;
  border-top: 0.1rem solid #e0e0e0;
}
.merit .catch {
  margin-bottom: 2.3rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.merit ul {
  padding-bottom: 3.0rem;
  border-bottom: 0.1rem solid #e0e0e0;
}
.merit ul li {
  width: 11.1rem;
  margin-right: 1.1rem;
}
.merit ul li:last-child {
  margin-right: auto;
}

/* お近くの店舗へのお持ち込みも大歓迎！ */
.shop {
  width: 70%;
  margin: 50px auto 0;
}
.shop-inner {
  padding-top: 32px;
  background-color: #E7F5EA;
  border: 1px solid #238E3A;
  text-align: center;
  height: 226px;
}

.shop-kaitori-img {
  width: 57px;
  height: auto;
  margin-right: 20px;
  vertical-align: middle;
}
.shop-kaitori-txt {
  font-size: 18px;
  margin-top: 14px;
}
.shop-inner .btnBox {
  margin-top: 2rem;
}
.shop .shop-inner .btnBox .p-searchBtn {
  margin: auto;
  font-size: 1.6rem;
  font-weight: normal;
}


/* ================================================================================
  状態選択
================================================================================ */
.rankChoose .p-productList .imgBox,
.rankChoose .p-productList .txtBox {
  vertical-align: middle;
}
.rankChoose .p-productList .txtBox p {
  margin-top: auto;
  font-size: 1.3rem;
  font-weight: normal;
}
.rankChoose .p-productList .txtBox p .emphasis {
  font-size: 1.8rem;
  font-weight: bold;
}

/* ================================================================================
　旧買取ページ用CSS old_sales
================================================================================ */
/* - index --------------------------*/
.old_sales .title_img {
  margin-top: 1rem;
}

.old_sales .sub_tit {
  color: #fff;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.8;
  text-indent: -2.1rem;
  margin-bottom: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 2.6rem;
  background-color: #525252;
  background-size: 0.5rem 0.5rem;
  border-radius: 0.2rem;
  width: 95%;
  margin: 0 auto;
}
.old_sales .sub_tit:before {
  content: '';
  vertical-align: middle;
  margin-right: 0.5rem;
  background-image: url(../../../img/sales/old/mark_circle.png);
  background-size: 1.6rem 1.6rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
}

.old_sales p.rect {
  padding: 0.8rem;
  background-color: #f2f2f2;
  margin: 2rem 1rem;
}


.old_sales #areaname li a {
  color: #fff;
  font-size: 1.2em;
  line-height: 2;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
  display: block;
}

.old_sales ul#areaname {
  width: 80%;
  line-height: 1.6;
  padding-left: 0;
  padding-right: 1.0rem;
  margin: 0 auto 2rem;
}
.old_sales ul#areaname li {
  text-decoration: none;
  text-indent: -1rem;
  margin-bottom: 0.5rem;
}
.old_sales .general ul#areaname li::before {
  content: "";
}
.old_sales .shoparea {
  text-align: center;
  margin-bottom: 1rem;
}


.old_sales .shoparea .flag {
  width: 1.5rem;
  vertical-align: baseline;
}

.old_sales .general ol.sales_flow {
  list-style: none;
  padding-left: 1rem;
  margin: 1rem 0 3rem;
}

.old_sales ol.sales_flow li {
  margin-bottom: 0.5rem;
  padding: 0 0 0.5rem;
  border-bottom: 0.1rem dotted #888;
  position: relative;
}
.old_sales ol.sales_flow li p {
  font-size: 1em;
  text-indent: -2rem;
  margin: 0 0 0 1rem;; 
}
.old_sales ol.sales_flow li em {
  color: #ef0000;
  font-style: normal;
}
.old_sales ol.sales_flow li .pdf {
  width: 53%;
  line-height: 3.2rem;
  background: url(../img/sales/pdf.png) no-repeat;
  background-size: 1.5rem;
  background-position: right 1rem center;
  border: 0.1rem solid #ccc;
  border-radius: 0.5rem;
  padding: 0.5rem;
  margin: 1rem auto;
}

.old_sales .general ul.p-subNavi li {
  border-bottom: 0.1rem solid #e0e0e0;
}

/* - sales_price --------------------------*/

.old_sales .sales_price p#update {
  font-size: 0.9em;
  text-align: right;
  margin: 0;
  padding-right: 1rem;
  background-color: #f2f2f2;
}

.old_sales .sales_price h3 {
  color: #fff;
  font-size: 1em;
  line-height: 3rem;
  padding: 0.5rem 1rem;
  background-color: #525252;
}
.old_sales .sales_price table {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 0.1rem solid #818181;
  width: 95%;
  margin: 1rem auto;
}
.old_sales .sales_price th {
  line-height: 1.5;
  text-align: center;
  background-color: #f1f1f1;
  border-left: 0.1rem solid #818181;
  border-right: 0.1rem solid #818181;
  border-bottom: 0.1rem solid #818181;
  width: 8rem;
  height: 3.5rem;
}
.old_sales .sales_price td {
  line-height: 1.2;
  padding: 0 1rem;
  border-right: 0.1rem solid #818181;
  border-bottom: 0.1rem solid #818181;
  height: 3rem;
}

.old_sales .price_list {
  margin-bottom: 3rem;
}