@charset "UTF-8";


/* 買取実績バナー */
.kaitori_bnr { display: flex; flex-wrap: wrap; justify-content: space-between;}
.kaitori_bnr a { width: 48%; margin: 0 0 1.5%;}
.kaitori_bnr img { width: 100%; height: auto;}

/* お知らせリスト */
ul.news_list { margin: 0 0 30px 0; padding: 0; list-style-type: none;}
ul.news_list li { padding: 10px 0; border-bottom: 1px solid #aaa;}
ul.news_list li a { margin-left: 10px;}
ul.news_list li a:link { color: #333;}
ul.news_list li a:visited { color: #333;}
ul.news_list li a:hover { color: #AC0000;}
ul.news_list li a:active { color: #333;}

@media screen and (max-width: 420px) {
	#news_wrapper ul li a:before { content: "\A"; white-space: pre;}
}

/* 買取品目一覧 */
dl.item_menu_wrapper { margin: 0; padding: 0;}
dl.item_menu_wrapper h4 { margin: 0; color: #fff;}
dl.item_menu_wrapper .item_menu_ttl { margin: 0; color: #fff;}
dl.item_menu_wrapper dt.open_sub { background-color: #AC0000; padding: 10px 0 10px 10px; margin-bottom: 16px; position: relative; cursor: pointer;}
dl.item_menu_wrapper dt.open_sub:after { content:"\f107"; font-family: FontAwesome; color: #fff; position: absolute; right: 10px; top: 11px;}
dl.item_menu_wrapper dt.open_sub.open:after { content: "\f106";}

dl.item_menu_wrapper dt.non_sub { background-color: #AC0000; padding: 10px 0 10px 10px; margin-bottom: 16px; position: relative;}
dl.item_menu_wrapper dt.non_sub:after { content:"\f105"; font-family: FontAwesome; color: #fff; position: absolute; right: 10px; top: 11px;}

dl.item_menu_wrapper dd { margin-bottom: 20px; display: none;}

dl.item_menu_wrapper ul { margin: 0; padding: 0; list-style-type: none;}
dl.item_menu_wrapper ul li { width: 25%; padding: 0 10px 20px 10px; float: left;}
dl.item_menu_wrapper ul li img { width: 100%; height: auto;}
dl.item_menu_wrapper ul li p { font-size: 1.2rem; margin: 0; padding: 0; text-align: center;}

@media screen and (max-width: 991px) {
 dl.item_menu_wrapper ul li { width: 33.333%;}
}
@media screen and (max-width: 767px) {
 dl.item_menu_wrapper ul li { width: 50%;}
}

/* 買取品目ページ */
#lp_main_wrapper h4.irregular_headline { font-size: 1.6rem; line-height: 1.6em; color: #fff; font-weight: normal; margin: 0 0 30px 0; padding: 8px 10px 8px 20px; letter-spacing: normal; background-color: #AC0000;}
ul.lp_ist { margin: 0; padding: 0; list-style-type: none;}
ul.lp_ist li { width: 25%; padding: 0 10px 20px 10px; float: left;}
ul.lp_ist li img { width: 100%; height: auto;}
ul.lp_ist li p { font-size: 1.2rem; margin: 0; padding: 0; text-align: center;}

.smp_img_small_center { text-align: center;}
.smp_img_small_center img { width: 100%; height: auto;}

@media screen and (max-width: 991px) {
 ul.lp_ist li { width: 33.333%;}
}
@media screen and (max-width: 767px) {
 ul.lp_ist li { width: 50%;}
 .smp_img_small_center img { width: 50% !important; height: auto;}
}

/* プライバシーポリシー */
#policy_wrapper { width: 85%; margin: 0 auto;}
#policy_namebox { width: 60%; padding: 20px 6px; margin-left: auto; margin-right: auto; text-align: center; border: 2px solid #eee;}

@media screen and (max-width: 767px) {
 #policy_wrapper { width: 100%;}
 #policy_namebox { width: 90%;}
}

/* お問い合わせフォーム */
table.form { width: 100%; margin: 0; border-collapse: collapse;}
table.form tbody tr { display: flex; margin: 15px auto 0; align-items: flex-start;}
.confirm table.form tbody tr { align-items: normal; margin: 0;}
table.form tbody th { width: 30%; vertical-align: middle;}
table.form tbody td { width: 65%; vertical-align: middle; line-height: 17px;}
table.form tbody th span { vertical-align: baseline;}
table.form tbody td span { font-size: 12px;}

.contact_h3 { margin-top: -26px;}
.contact_title_text p{ line-height: 1.0; width: auto; margin: 0 auto;}
.title_text_confirm p { width: 500px;}
.mw_wp_form_confirm .input_show { display: none;}
.mw_wp_form_input .confirm_show { display: none;}
.mw_wp_form_confirm th { border-bottom: #d6d6d6 1px solid; border-right: #d6d6d6 1px solid; padding: 10px;}
.mw_wp_form_confirm table.form { width: 80%; margin: 0 auto; overflow-wrap: anywhere;}
.mw_wp_form_confirm table.form tbody { border-top: #d6d6d6 1px solid; border-right: #d6d6d6 1px solid; border-left: #d6d6d6 1px solid;}
.mw_wp_form_confirm table.form tbody td { border-bottom: #d6d6d6 1px solid; line-height: 25px; padding: 10px; width: 70%;}
.contact_submitbtn { background-color: #AC0000; border: none; color: #fff; border-radius: .25em; padding: 10px; width: 100%; max-width: 350px; font-size: 20px;}
.contact_back { padding: 10px 20px; font-size: 18px; border: #5f5f5f 1px solid; margin-bottom: 4px; border-radius: .25em;}
.backbtn_left { font-size: 16px; margin-bottom: 4px;}
.privacy_checkbox { text-align: center;}
.privacy_checkbox a { font-weight: 600;}
.privacy_checkbox .error { font-size: 16px;}
input[type="checkbox"] { transform: scale(1.5);margin-right: 6px;}

.thankspage { padding: 0 0 0 0; width: auto; margin: 0 auto;}
.thanks_tel { padding: 0 6px 0 0;}
.thanks_tel a { border-bottom: 1px solid;}
.st_ad { display: inline;}
.thankspage a.thanks_link { color: #2563EB; text-decoration: underline;}
.thankspage a.thanks_link:hover { color: #6eb2e8;}

@media screen and (max-width: 767px) {
table.form { border: none;}
table.form tbody tr { flex-direction: column; margin: 10px auto 0;}
table.form tbody th { text-align: left; width: 100%;}
table.form tbody td { width: 100%;}
.form-control { height: 30px; font-size: 12px;}

.contact_title_text p{ line-height: 1.2; width: auto; margin: auto; padding-bottom: 10px;}
.st_ad { display: block;}

.mw_wp_form_confirm th { border-bottom: none; border-right: none;}
.mw_wp_form_confirm table.form tbody td { padding: 5px 10px 10px; font-size: 16px; width: 100%;}

}

.wpcf7 .wpcf7-response-output { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors { color: #00a6ac; background-color: #94dde0; border-color: #00a6ac;}
.wpcf7 .wpcf7-mail-sent-ok { color: #31708f; background-color: #94dde0; border-color: #00a6ac;}
.req { font-size: 12px; font-weight: normal; margin-left: 5px; vertical-align: text-top; background: #AC0000;}

.wpcf7 input.input_r { height: 34px; padding: 6px 12px; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 4px;}
.input_r:focus { border: 1px solid #6eb2e8; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

.wpcf7 input[type="confirm"] { padding: 10px 20px; margin: 40px auto 0 auto; background: #00a6ac; color: #fff; border-radius: 4px; border: none !important; cursor: pointer;}
.wpcf7 input[type="submit"] { padding: 10px 20px; margin: 40px auto 0 auto; background: #00a6ac; color: #fff; border-radius: 4px; border: none !important; cursor: pointer;}
.wpcf7 input.back { padding: 10px 20px; margin: 40px auto 0 auto; background: #aaa; color: #fff; border-radius: 4px; border: none !important; cursor: pointer;}
.wpcf7 label { white-space: nowrap;}

/*ページネーション*/
.pagenavi{ display: grid;}

/*お知らせ*/
.news-table { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; font-weight: bold; color: #454545;}
.news-table table{ width: 48%; background-color: #FFFAEA; margin-bottom: 20px; border: 1px solid #F2C022;}
.news-table th{ background-color: #F2C022; color: #fff; text-align: center; font-size: 1.5rem; line-height: 2.6rem;}
.news-table td{ line-height: 2.6rem; border-right: 1px solid #F2C022;}
.news-table tr:nth-child(2n+1) { background: #fff;}
.news-table .holiday{ color: #c8262a;}
.news-table .other{ color: #2563EB;}
@media screen and (max-width: 767px) {
  .news-table { flex-direction: column;}
  .news-table table{ width: auto;}
}

/* サイトマップ */
.sitemap .sitemap_title{ line-height: 1.6em; font-size: 1.9rem; color: #fff; font-weight: normal; margin: 0 0 30px 0; padding: 8px 10px 8px 20px; letter-spacing: normal; background-color: #AC0000;}
.sitemap .sitemap_subtitle{ color: #333; font-weight: bold; font-size: 20px; display: inline-block; padding-bottom: 20px; margin: 0; line-height: 1;}
.sitemap ul{ margin-bottom: 30px;}
.sitemap ul li{ padding-left: 10px; padding-right: 10px;}
.sitemap .border{ padding: 0 10px 10px; margin-bottom: 30px; border-bottom: 1px solid #888888;}
.sitemap ul li ul li{ padding-left: 20px; padding-right: 0;}
.sitemap a{ position: relative; padding-left: 20px; letter-spacing: 0; color: #333; display: block;}
.sitemap a:hover{ text-decoration: underline; opacity: .5;}
.sitemap a::before{ position: absolute; content: "・"; left: 0; font-size: 18px;}
.sitemap a.sitemap_subtitle,
.sitemap .sitemap_subtitle a{ padding-left: 0;}
.sitemap .sitemap_subtitle a::before,
.sitemap a.sitemap_subtitle::before{ content: none;}
.sitemap .sitemap_link{ display: flex; flex-wrap: wrap;}
.sitemap .sitemap_link li{ width: calc(100% / 3); font-size: 16px; padding-bottom: 10px;}
.sitemap .sitemap_link.cont1 li{ width: 100%;}
@media screen and (max-width: 991px) {
  .sitemap .sitemap_link li { width: calc(100% / 2); font-size: 15px;}
  .sitemap .border { padding: 0 10px; margin-bottom: 25px;}
}
@media screen and (max-width: 767px) {
  .sitemap .sitemap_title { font-size: 18px; padding: 8px 10px 3px 20px;}
  .sitemap .sitemap_subtitle { font-size: 18px; padding-bottom: 15px;}
  a.sitemap_subtitle{ margin-bottom: 15px;}
  .sitemap ul { margin-bottom: 0px;}
  .sitemap .sitemap_link li { font-size: 14px; margin-bottom: 0;}
  .sitemap ul li ul li { padding-left: 10px;}
  .sitemap .border { padding: 0; margin-bottom: 15px;}
}
@media screen and (max-width: 370px) {
  .sitemap .sitemap_link li { width: 100%; font-size: 13px; line-height: 1.5;}
  .sitemap ul li ul li { padding-left: 0;}
}

/* 誘導メニュー */
.gold_induction{ background: #FFFAEA; border: 2px solid #F2C022; padding: 15px 20px 20px; line-height: 1.4; margin: 20px 0;}
.gold_induction_ttl{ font-size: 18px; font-weight: bold; text-align: center; padding: 0 0 10px;}
.gold_induction_txt{ text-align: center; padding: 0 0 15px;}
@media screen and (max-width: 767px) {
  .gold_induction{ padding: 10px 10px 15px;}
  .gold_induction_ttl{ font-size: 16px;}
  .gold_induction_txt{ font-size: 13px;}
  .gold_induction .purchase-method_con{ flex-wrap: nowrap;}
  .gold_induction .purchase-method_btn{ display: flex; flex-direction: column; justify-content: center;}
  .gold_induction .purchase-method_btn{ font-size: 16px; margin: 0; padding: 10px 20px 7px 10px; max-width: 49%;}
  .gold_induction .purchase-method_btn.shop_btn span{ display: none;}
  .gold_induction .purchase-method_btn p{ padding: 0; display: contents!important;}
}
@media screen and (max-width: 535px) {
  .gold_induction .purchase-method_btn{ margin: 0 0 10px;}
}
@media screen and (max-width: 330px) {
  .gold_induction .purchase-method_con{ flex-wrap: wrap;}
  .gold_induction .purchase-method_btn{ max-width: none;}
  .gold_induction .purchase-method_btn.delivery_btn{ padding: 5px 20px 5px 10px; line-height: 1;}
}