@charset "utf-8";
/* CSS Document */
/*point*/
.point {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.point p {
    margin: 0; 
    padding: 0;
}
/*botan*/
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.square_btn:hover {
    background: #1ec7bb;
}

/*--------------------
 吹き出しを作る
--------------------*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 40px;
}
/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
  position: relative;
  margin-left: 80px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
}
p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #aaa;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #aaa;
  top: 15px;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}

/*見出し*/
h2 {
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
color: #7b6459;/*文字色*/
}

h2:before{ font-family: "Font Awesome 5 Free";
content: "\f1b0";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;
left: 0;
top: 0;
color: #ff938b; /*アイコン色*/
}

h3 {
border-bottom: double 5px #FFC778;
/*線の種類（二重線）太さ 色*/
}
h4 {
border-bottom: dashed 2px #FFC778;
/*線の種類（点線）2px 線色*/
}

/*123list*/
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: dashed 1px gray;
}

ol li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
body {
	font-size:100%;
	line-height:1.6;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
.fb {
	text-align:center;
}
@media only screen and (max-width: 480px) {
	body {
		font-size:87.5%;
	}
}
@media only screen and (max-width: 320px) {
	body {
		font-size:75%;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
img {
	max-width:100%;
	height:auto;
}
a {
	color:#604c3f;
}
#hd_wrap {
	position:relative;
}
#hd_wrap #hd_menu {
	position:absolute;
	right:2%;
	top:23%;
	width:10%;
}
#hd_wrap #hd_menu a {
	display:block;
	background:url(../img/common/hd_menu_bg.jpg) center center no-repeat;
	background-size:100% 100%;
}
#hd_wrap #hd_menu.act a img {
	visibility:hidden;
}

header nav {
	position:relative;
}
header nav #gnav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	z-index:1000;
}
header nav #gnav .in {
	border:2px solid #532906;
	background:#fff;
	padding:2%;
}
header nav #gnav .in ul li a {
	display:block;
	background:url(../img/common/hd_menu_arw.png) 97% center no-repeat;
	background-size:2% auto;
	border-bottom:2px solid #d5c695;
	padding:4% 5px;
}
header nav #gnav .closeBtn {
	margin:4% 10%;
}
header nav #gnav .closeBtn a {
	display:block;
	color:#fff;
	background:#532906;
	text-align:center;
	padding:4%;
}

.more {
	text-align:center;
	margin:3%;
}
.more a {
	display:block;
	color:#fff;
	padding:3%;
	margin-bottom:6%;
	background:url(../img/common/btn_arw.png) 95% center no-repeat #532906;
	background-size:5% auto;
}
.price_tx {
	text-align:center;
	margin:0 3%;
}


/* アイテムリスト
------------------------------*/
.record_list {
	overflow:hidden;
	padding:3%;
}
.record_list .record {
	width:48%;
	float:left;
	margin-bottom:4%;
}
.record_list .record .pict {
	text-align:center;
}
.record_list .record .pict img {
	width:100%;
}
.record_list .record:nth-child(even) {
	float:right;
}
.record_list .record p {
	line-height:1.25;
	text-align:left;
	margin:4px;
}

/* 買取システム
------------------------------*/
.sys ul li {
	margin:3%;
}

/* 参考価格
------------------------------*/
#top_price table {
	width:100%;
}
#top_price table th,
#top_price table td {
	padding:4px 5px;
	border-top:4px solid #fff;
	line-height:1.2;
}
#top_price table th {
	text-align:center;
	vertical-align:middle;
	background:#838383;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
}
#top_price table th.num {
	background-color:#afb3b3;
}
#top_price table .s th {background-color:#ec3e46;}
#top_price table .a th {background-color:#8e2200;}
#top_price table .b th {background-color:#b09c53;}
#top_price table .c th {background-color:#9d9aaf;}
#top_price table .d th {background-color:#7c7c7c;}

#top_price table td {
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
}
#top_price table .s td {color:#ec3e46;}
#top_price table .a td {color:#8e2200;}
#top_price table .b td {color:#b09c53;}
#top_price table .c td {color:#9d9aaf;}
#top_price table .d td {color:#7c7c7c;}

#top_price p {
	color:#595757;
}

/* 選ばれる理由
------------------------------*/
#top_reason {
	border-bottom:4px solid #604c3f;
}
#top_reason .wrap {
	padding:3%;
	background:url(../img/top/reason_bg.jpg) center center repeat;
}
#top_reason .reason {
	overflow:hidden;
	border-top:1px dotted #a6851d;
	padding:4% 0;
}
#top_reason .reason:first-child {
	border-top:none;
}
#top_reason .reason .pict {
	float:left;
	width:36%;
	margin-right:4%;
}
#top_reason .reason .text {
	width:60%;
	float:right;
}
#top_reason .reason .text h4 {
	margin-bottom:3%;
}

/* No1
------------------------------*/
#top_result .in {
	padding:3%;
	background:#421f06;
}
#top_result .in .wrap {
	padding:3%;
	background:#fff;
}
#top_result .in .wrap ul li {
	border-top:1px dotted #a6851d;
	padding:4% 0;
	padding-left:12%;
	background-repeat:no-repeat;
	background-size:8% auto;
	background-position:0 1em;
}
#top_result .in .wrap ul li:first-child {
	border-top:none;
}
#top_result .in .wrap ul li.num1 {background-image:url(../img/top/no1_1.jpg);}
#top_result .in .wrap ul li.num2 {background-image:url(../img/top/no1_2.jpg);}
#top_result .in .wrap ul li.num3 {background-image:url(../img/top/no1_3.jpg);}
#top_result .in .wrap ul li.num4 {background-image:url(../img/top/no1_4.jpg);}
#top_result .in .wrap ul li.num5 {background-image:url(../img/top/no1_5.jpg);}

/* 自信あり
------------------------------*/
#top_confidence {
	margin-left:1%;
	margin-right:1%;
}
#top_confidence .in {
	background:#421f06;
	padding:2%;
}
#top_confidence .in .wrap {
	background:#fff;
	padding:2%;
}
#top_confidence .white p {
	padding:2%;
}

/* お問い合わせエリア
------------------------------*/
.contact_us {
	padding:3%;
}
.contact_us p {
	border-bottom:1px solid #532906;
	padding-bottom:8px;
}
.contact_us ul li {
	margin-top:3%;
}


#catlist .acc {
	display:block;
	cursor:pointer;
	font-weight:bold;
	background:url(../img/common/cat_arw_o.png) 97% center #efeada no-repeat;
	padding:4%;
	color:#532906;
}
@media only screen and (max-width: 480px) {
	#catlist .acc {
		background-size:7% auto;
	}
}
#catlist .acc.act {
	background-image:url(../img/common/cat_arw_c.png);
}
#catlist a {
	display:block;
}
#catlist li {
	border-top:1px solid #d9cb9e;
}
#catlist .flinks > li {
	border-bottom:1px solid #d9cb9e;
	border-top:none;
}
#catlist .fmenu li {
	padding:16px;
}
#catlist .fmenu li a {
	color:#595757;
}

#ft_cont {
	background:url(../img/lp/ft_bg.jpg) center 0 repeat;
	margin:4% 0 0;
}
#ft_cont h2 {
	padding:4% 0 3%;
	text-align:center;
}
#ft_cont ul {
	overflow:hidden;
	padding:0 3% 3%;
}
#ft_cont ul li {
	float:left;
	width:49%;
	margin-top:2%;
}
#ft_cont ul li:nth-child(even) {
	float:right;
}

#ft_info {
	background:url(../img/lp/ft_bg.jpg) center 0 repeat;
	margin:3% 0;
	padding:0 0 1%;
}
#ft_info h3 {
	padding:4% 0 3%;
	text-align:center;
}
#ft_info .wrap {
	padding:1% 2%;
}
#ft_info .box {
	overflow:hidden;
	padding:2%;
	background:#fff;
}
#ft_info .box .tx,
#ft_info .box .map {
	width:50%;
}
#ft_info .box .tx {
	float:left;
}
#ft_info .box .map {
	float:right;
}
#ft_info .box .map iframe {
	width:100%;
}

#copyright {
	text-align:center;
	color:#565656;
	text-align:center;
	padding:4% 2% 6%;
}
/* SNSボタン */
.share {margin-top : 40px;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {display : block;
    padding : 10px;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    text-align : center;}
.share li a:hover {opacity :0.8;
    color : #fff;}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;
background-image:url(twitter.svg);}
.facebook a{background-color : #315096;
background-image:url(background-image:url(twitter.svg););}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;
background-image:url(hatena.svg);}
.line a{background-color: #00c300;
background-image:url(line.svg);}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
  
.share li {float : left;
    width : 25%;
    margin : 0;
margin-top:15px;}
@media screen and (max-width:599px){
.share li {
  float : left;
  width : 100%;
  margin:0 2% 3% 0;}
.share li a {border-radius:6px;}
}

/* 記事いいね */
ul.facebook_link_Box{
  overflow: hidden;
  margin: 20px 0;
  background-color: #000;
}
ul.facebook_link_Box li{
  width: 50%;
  height: auto;
  float: left;
  margin-bottom: 0;
}
ul.facebook_link_Box li.fb_img img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
ul.facebook_link_Box li.fb_iine{
  background-color: #000;
  position: relative;
}
ul.facebook_link_Box li.fb_iine p{
  color: #fff;
  text-align: center;
  margin: 25px 0 30px;
  font-size: 18px;
}
ul.facebook_link_Box li.fb_iine .fb_like_under{
  margin: auto;
  display: block;
  text-align: center;
}
@media screen and (max-width:480px){
ul.facebook_link_Box li.fb_iine p{
  margin: 5px 0 ;
  font-size: 12px;
}