@charset "utf-8";
/*
Theme Name: 銅買取専門店
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-size:100%;
line-height:1.5;
font-family: "ヒラギノ角ゴ Std", -apple-system , BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
color:#333;
-webkit-text-size-adjust: none;
font-feature-settings : "palt";
margin: 0 auto;
}

img{max-width:100%;
    height:auto;}


/* リンク設定
------------------------------------------------------------*/
a{
  margin:0;
  padding:0;
  text-decoration:underline;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size:100%;
  color: #000;
}

a:hover, a:active{
  -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
  outline: none;
}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,select,input[type="email"]{
  vertical-align:middle;
  max-width:90%;
  line-height:30px;
  height:30px;
  padding:1px 5px;
  border:1px solid #d4d4d7;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  font-size:100%;
  color:#555;
  background:#fcfcfc;
}

textarea{
  height:auto;
  line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
  padding:3px 10px;
  background: #5a0000;
  background: -moz-linear-gradient(top, #781f12 0%, #5a0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#781f12), color-stop(100%,#5a0000));
  background: -webkit-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: -o-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: -ms-linear-gradient(top, #781f12 0%,#5a0000 100%);
  background: linear-gradient(to bottom, #781f12 0%,#5a0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#781f12', endColorstr='#5a0000',GradientType=0 );
  border:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  line-height:1.5;
  font-size:100%;
  color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
  background: #5a0000;
  background: -moz-linear-gradient(top, #5a0000 0%, #781f12 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a0000), color-stop(100%,#781f12));
  background: -webkit-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: -o-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: -ms-linear-gradient(top, #5a0000 0%,#781f12 100%);
  background: linear-gradient(to bottom, #5a0000 0%,#781f12 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0000', endColorstr='#781f12',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}




/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
  margin:0 auto;
  max-width:1310px;
}
.inner:after{content: "";clear: both;display: block;}

#content-sub{
  float:right;
  width:800px;
  padding:30px 0;
}
#sidebar{
  float:left;
  width:265px;
  padding:30px 0;
}

.sp {
  display: none;
}
@media only screen and (max-width:500px){
.pc {
  display: none;
}
.sp {
  display: block;
}
}



/* ヘッダー
*****************************************************/
.header-inner {
    margin: 0 auto;
}
.header-box {
    display: flex;
}
.header-box-left {
  width: auto;
  margin-right: auto;
}
.header-box-right {
  width: 50%;
}
.logo {
  margin-top: 15px;
}
.header-icon {
  display: flex;
  justify-content: end;
}
p.header-tel {
  width: 33%;
}
p.header-mail {
    width: 33%;}
p.header-map {
   width: 23%;
}
.header-setumei {
  text-align: right;
  font-weight: 600;
}
.header-setumei1 {
  font-weight: bold;
}
.header-setumei-telban {
  font-size: 207%;
    color: red;
    background: #fef100;
    padding: 5px 24px;
    border-radius: 5px;
}
.header-setumei-teikyubi {
  color: red;
}

@media only screen and (max-width:813px){
  .header-box {
    display: block;
    text-align: center;
  }
  .header-icon {
    justify-content: center;
  }
  .header-box-right {
    width: 95%;
    margin: 0 auto;
  }
  .header-setumei {
  text-align: center;
  }
}
@media only screen and (max-width:500px){
  .header-setumei-telban {
    font-size: 120%;
  }
}


/* トップページ　メイン画像
----------------------------------*/
.mainimg{
    margin-bottom:20px;
}


/* タイポグラフィ
*****************************************************/
.aligncenter{text-align:center;}
h2.title{
clear:both;
margin-bottom:20px;
padding:5px;
font-size:150%;
color: #000000;
font-weight:bold;
text-align:center;
border-bottom:2px solid #000;

}

h2.first{margin-top:0;}

.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post img{max-width:100%;height:auto;}

img.aligncenter {
  margin: 3px;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}


/* サイドバー　ウィジェット
*****************************************************/

#searchform input[type="text"]{
  line-height:1.7;
  height:24px;
  width:130px;
  vertical-align:bottom;
}

#sidebar .newsTitle h3 {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
  margin-top: 7px;
}

.side_news_box {
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

#sidebar time {
  display: block;
}

#sidebar .btn-black {
  text-align: center;
  margin: 30px 0;
}





/* フッター
*****************************************************/
#footer {
  clear: both;
  padding: 30px;
  background: #000;
  color: #fff;
  font-size: 90%;
  margin-top: 50px;
}
#footer ul li a {
  color: #fff;
  margin: 0 5px;
}
#footer ul {
  text-align: center;
  margin: 5px 0;
}
#footer ul li {
  display: inline-block;
}
#footer ul li::after {
  content: "｜";
}
#footer ul li:last-child::after {
  content: none;
}
#copyright{
  clear:both;
  padding:5px;
  text-align:center;
  font-style:normal;
  font-size:85%;
  zoom:1;
}


/*上に戻る*/
.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:10px 20px;
	color:#fff;
	font-size:20px;
	text-decoration:none;

}
.page_top:hover {
	opacity:0.5;
}

@media only screen and (max-width:813px){
  #footer {
  }
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}
.prev{float:left}
.next{float:right;}
#pageLinks{
  clear:both;
  color:#5a0000;
  text-align:center;
}


/* トップページ
------------------------------------------------------------*/
/*高価買取！主要３品目ラインナップ*/
.top-content-inner {
    width: 100%;
  }
.top-title {
    background: #000;
    padding: 15px;
    color: #fdf500;
    margin: 0 auto;
    font-size: 29px;
    text-align: center;
    border-radius: 6px;
}
.bg-img {
  background: url(images/bg-dou.jpg);
  background-size: 100%;
  margin: 33px 0;
}
.content-inner {
  padding: 33px;
}
#lineup-section {
  border-radius:0 0 10px 10px;
  background:#fff;
  margin-bottom:30px;
  padding:30px;
  width: 1040px;
}
#fuchidori {
  padding: 7px 0;
  font-weight: bold;
  color: #D94412;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.lineup-column{display:flex;}
.lineup-pikadou {
  background-color: #fff;
  border: 3px solid #fdf500;
}

.lineup-igainodou {
  background-color: #fff;
  border: 3px solid #fdf500;
}

.lineup-ipponsen {
  background-color: #fff;
  border: 3px solid #fdf500;
}
.namae {
  color: #fff;
  background: #000;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}
.kakaku {
  font-size: 29px;
  color: #D94412;
  font-weight: 600;
}
.kakaku-hosoku {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
}

@media only screen and (max-width:1024px){
  #wrapper, .inner {
    max-width: 1024px;
  }
  .mainimg {
    width: 100%;
  }
}
@media only screen and (max-width:814px) {
  .lineup-column {
    display: flex!important;
    width: 100%;
    margin: 0 auto;
    flex-wrap: nowrap!important;
  }
  .namae {
    font-size: 20px;
  }
  .kakaku {
    font-size: 20px!important;
  }
  .scrap-bnr {
    padding: 11px;
  }
  .map {
    margin: auto;
  }
}
@media only screen and (max-width:781px) {
  .lineup-igainodou {
    margin-left: 0!important;
  }
}

@media only screen and (max-width:500px){
  #wrapper, .inner{
    max-width: 500px;
  }
  .mainimg {
    width: 100%;
  }
  .lineup-column {
    display: block!important;
    width: 70%;
    margin: 0 auto;
  }
  .lineup-pikadou {
    margin-bottom:15px!important;
  }
  .lineup-igainodou {
    margin: 0 0 15px 0!important;
  }
  .lineup-ipponsen {
    margin: 0 0 15px 0!important;
  }
  .flex-inner {
    display: block!important;
  }
  .scrap {
    width: 100%!important;
    margin: 0 auto!important;
    text-align: center;
  }
  .contact {
    width: 85%!important;
    margin: 0 auto;
  }
  .contact table {
    margin: 0 auto;
  }
   .content-inner {
    padding-bottom: 0;
  }

  .header-setumei {
    text-align: center;
  }
  .content-inner {
    padding: 0;
  }
  .top-title, .top-title-shiro {
    font-size: 24px;
  }
  #fuchidori {
    text-align: center!important;
  }
  .flow {
    width: 100%!important;
  }
  .map {
    width: 100%!important;
  }
  figure.wp-block-image.size-large {
    width: 41%;
    margin: 0 auto;
}
}


/*その他、買取可能な金属スクラップについて*/
.top-title-siro {
    background: #000;
    padding: 15px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 21px;
    font-size: 29px;
    text-align: center;
    border-radius: 6px;
}
.bg-yellow {
  background-color: #FEF500;
  margin: 21px 0;
}
.flex-inner {
  display: flex;
}
.scrap {
  width: 50%;
  margin-right: 24px;
  font-weight: 600;
  font-size: 18px;
}
.scrap-red {
  color: #D94412;
}
.scrap-bnr {
  margin: 81px 0;
}
.scrap-yudou {
  text-align: center;
  font-size: 21px;
}
.flow {
  width: 50%;
}
@media only screen and (max-width:1024px){
  .scrap-bnr {
    margin: 21px 0;
}
}
@media only screen and (max-width:813px){
  .scrap p {
    font-size: 16px;
  }
  .scrap-bnr {
    margin: 15px auto 31px!important;
    width: 91%;
  }
  }

/*店舗案内・地図*/
.bg-white {
  background-color: #fff;
  margin: 21px 0;
}
.contact {
  width: 50%;
  margin-right: 24px;
}
.map {
  width: 50%;
}
.contact table tr {
  border: 1px solid #d9d9d9;
} 
.contact table tr th {
  border: 1px solid #d9d9d9;
  background-color: #FFEB94;
  font-weight: 600;
  width: 23%;
  padding: 19px;
} 
.contact table tr td {
  border: 1px solid #d9d9d9;
  width: 52%;
  padding: 19px;
} 
.kobutusyo {
  width: 75%;
  margin: 0 auto;
}



@media only screen and (max-width:813px){
  .scrap p {
    font-size: 16px;
  }
  .scrap-bnr {
    margin: 15px auto 31px!important;
    width: 91%;
  }
 .contact table tr th {
  padding: 11px;
  width: 21%;
 }
 .contact table tr td {
  padding: 11px;
 }

  .flow {
    margin: auto 0;
  }
}
@media only screen and (max-width:500px){
  .scrap-yudou br {
  display: none;
  }
  .scrap-bnr {
    width: 87%;
  }
  .contact table tr td {
    width: 85%;
    padding: 15px!important;
  }
   .contact table tr th {
    padding: 5px!important;
  }
}


/*お問合せフォーム*/
.mailform_table tr {
  border: 1px solid #d9d9d9;
}
.mailform_table th {
  background: #eee;
    color: #000;
    font-weight: bold;
    padding: 10px;
    vertical-align: top;
    text-align: left;
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}
.mailform_table td {
    padding: 10px;
    vertical-align: top;
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
}
.mailform_table tr th em {
    display: inline-block;
    background: #cd4d4d;
    border-radius: 5px;
    padding: 0 10px;
    margin-left: 10px;
    color: #fff;
    font-weight: normal;
    font-size: 90%;
}
.mailform_table label {
    white-space: nowrap;
}


@media only screen and (max-width:500px){
  .mailform_table th, .mailform_table td {
    display: block;
  }
  .mailform_table br {
    display: none;
  }
  .mailform_table td {
    padding: 15px!important;
    width: auto!important;
  }
   .mailform_table th {
    padding: 5px!important;
    width: auto!important;
  }
  input[type="text"], textarea, select, input[type="email"] {
    width: 100%;
  }
}



/*サブページ*/
.crumbs {
    margin: 10px 0;
    background: #ededed;
    padding: 5px 0;
}
.subpage {
  margin: auto 31px;
}
.subpage p {
  margin-bottom: 10px;
}
.subpage h3 {
    background: #323232;
    border-radius: 5px;
    color: #fff;
    padding: 3px 10px;
    margin-bottom: 10px;
    font-size: 130%;
}
.subpage h4 {
    background: #fffcab;
    border-radius: 5px;
    padding: 3px 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 120%;
}
.subpage ul, .subpage ol {
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0;
    background: #eee;
    border-radius: 10px;
    padding: 10px 10px;
}
.subpage ul li {
    position: relative;
    list-style: none;
    padding-bottom: 5px;
    margin-left: 1em;
    font-weight: bold;
}
.subpage ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0.4em;
    left: -1em;
    width: 0.7em;
    height: 0.7em;
    background-color: #ff0078;
    border-radius: 150%;
}
.subpage table tr {
  border: 1px solid #d9d9d9;
} 
.subpage table tr th {
  border: 1px solid #d9d9d9;
  background-color: #FFEB94;
  font-weight: 600;
  width: 23%;
  padding: 19px;
} 
.subpage table tr td {
  border: 1px solid #d9d9d9;
  width: 52%;
  padding: 19px;
} 

/*サイトマップ*/
.sitemap-list li{
  margin-top:10px;
  background:url(images/sitemap-list-arrow.png) no-repeat 0 3px;
  padding-left:20px;
  font-size:120%;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
}
.sitemap-list li ul li{
  margin-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  background:url(images/sitemap-list-child-arrow.png) no-repeat 0 3px;
  font-size:90%;
  border-bottom:none;
}
.sitemap-list li ul li ul li{
  border-bottom:none;
  background:url(images/sitemap-list-grandchild-arrow.png) no-repeat 0 3px;
}
/*404*/
.notFound {
  text-align: center;
  font-size: 45px;
}

/*買取実績*/
#jisseki{
  clear: both;
  text-align:center;
  padding:30px 0;
}
.top-midashi{
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}
#jisseki .flex-carousel{position: relative;}
.jisseki-box{
  background:#fff;
  border-radius:10px;
  margin:10px;
  padding:15px;
  border:1px solid #000;
}
.jisseki-img{
  　width: ２%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    padding: 0;
}
.jisseki-txt{
  width: 65%;
    display: inline-block;
    vertical-align: top;
    text-align:left;
}
.jisseki-title{
  font-size: 120%;
    font-weight: bold;
}
.jisseki-excerpt{font-size: 90%;}

#jisseki .flex-carousel ul{margin-left: 30px;}

.btn-brown a{
  display:inline-block;
  padding:10px;
  background:#C98746;
  color:#fff;
  font-size:130%;
  border-radius:10px;
  text-align:center;
  margin-bottom:5px;
}
.dousouba .btn-brown a{
  display:block;
  text-decoration:none;
}

/*買取実績*/
.archive-page{text-align:center;}

.archive-box{
  display:inline-block;
  vertical-align:top;
  text-align:left;
  width:43%;
  padding:20px 2%;
  margin:0 1% 20px 1%;
  border:1px solid #000;
  border-radius:10px;
}
.subpage .archive-img{
  width:30%;
  display:inline-block;
  vertical-align:top;
  margin-right:2%;
  padding:0;
}
.archive-txt{
  width:65%;
  display:inline-block;
  vertical-align:top;
}
.archive-title{
  font-size:120%;
  font-weight:bold;
}
.archive-excerpt{font-size:90%;}

@media only screen and (max-width:800px){
  .archive-box{display:block;width:auto;}
}


/*SPについて案内文*/
figure.wp-block-image.size-full.sp{
  width: 100%;
}
.sptanka {
  margin: 0 -65px;
}
.sptanka2{
  margin: 0 auto;
  text-align: center;
}
.sptanka1 img {

}
#img-yunbo figure {
  margin-left: -91px!important;
}



.pc {
  margin-bottom:  -5px;
  display: block!important;

}
.mobile {
  display: none!important;

}

@media only screen and (max-width: 1100px){
.yunbo {
  display: none;
}
}

@media only screen and (max-width: 648px){

.pc {display: none!important;}
.mobile {display: block!important;}

}