@charset "UTF-8";

.bold {
	font-weight: bold;
}

.komi {
font-size: 24px;
	font-weight: 900;
	display: block;
	text-align: center;
}


.makusu img {
	width: 100%;
        margin-top: 14px;
}


.yohaku {
	height: 50px;
        display:block;
}



body {
margin: 0
}

.cona {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)), url(gazo/uver.jpg);
	background-position: center;
	background-size: cover;
}

.cona h1 {
	font-size:8vw; /* 1vw=7.68ピクセル */
    color: #fff;
    margin: 0;

}

.cona .sab {
    margin: 0;
  font-size:16px;
    color: #fff;
font-weight: bold;
}


/* トップの検索部分のボタンノデザイン */
.cona a {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	border: solid 3px currentColor;
	border-radius: 6px;
	background-color: #ff6600;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.cona a:hover	{
	background-image: linear-gradient(
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2)
	);
}
/* ここまでトップの検索部分のボタンノデザイン */


/* フッター */
footer {
	color: #fff;
	background-color: #2B5566;
}

.footb div {
	margin-bottom: 20px;
}

.footb h3 {
	padding-top: 15px;
	margin-bottom: 10px;
	border-bottom: solid 1px currentColor;
	font-size: 22px;
}

.footb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footb a {
	display: block;
	padding: 5px;
	color: inherit;
    font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.footb a:hover {
	background-color: rgba(0,0,0,0.3);
}



/* 買取グッズ種別一覧リスト部分C */
.listc h1 {
	text-align: center;
}

.listc .container {
	display: flex;
	flex-wrap: wrap;
	max-width: none;
	margin: 2px auto;
}

.listc article {
	flex: 1 1 240px;
	display: flex;
}

.listc a {
	position: relative;
	flex: 1;
	margin: 2px;
	display: block;
	border: solid 1px #ddd;
	background-color: currentColor;
	color: inherit;
	text-decoration: none;
}

.listc a:hover {
	opacity: 0.8;
}

.listc .photo {
	min-height: 240px;
	background-position: center;
	background-size: cover;
	opacity: 0.6;
}

.listc .text {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 10px;
	color: #fff;
}

.listc h2 {
	margin: 0;
	font-size: 20px;
}

.listc p {
	margin: 0;
	font-size: 16px;
	opacity: 0.8;
font-weight: bold;
}



/*------------------------------------------------
   Table
------------------------------------------------*/
.commonTable{
	width: 94%;
	font-size: 12px;
	margin: 22px auto;
	background-color: #e4e1ff;
	line-height: 22px;
}

.commonTable th{
	width: 20%;
	padding: 6px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border: #ddd solid 1px;
	background-color: #F4F0E9;
}

.commonTable td{
	width: 80%;
	padding: 6px;

}


.commonTable2{
	width: 88%;
	font-size: 14px;
	color: #69511A;
	margin: auto;
	background-color: #ffffff;
	clear:both;
}

.daimei
{
	font-weight: bold;
	font-size: 22px;
	color: #CC0000;
	margin-left: 30px;
	margin-top: 30px;
}



.namae
{
	font-size: 14px;
	color: #7CBA29;
	margin-left: 30px;
	margin-top: 14px;
	margin-bottom: 22px;
	line-height: 20px;
}


.namae2
{
	color: #69511A;
	margin-left: 12px;
	margin-right: 12px;
}

.daidai
{
	font-weight: bold;
	color: #ff9900;
}


#ido {
	border: 1px solid #999;
	padding: 5px;
	background-color: #ffffff;
	width: 88%;
	line-height: 22px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 12px;
}

/*==========================================
 15年の実績のところ
===========================================*/

#kaisetu {
	background-color: #ececfb;
	text-align: center;

}

#kaisetu .ny img {
  width:100%;
  height:auto;
  max-width:980px;
}

#kaisetu #bunshun img {
	width: 100%;
	height: auto;
	max-width: 325px;
}

#qanda {
	line-height: 2em;
}

.toi {
	font-weight:300;
	background-color: #eae4db;
	padding: 5px 15px;  /* 上下 左右 */
}

.kotae {
		font-weight:700;
	padding: 5px 15px;  /* 上下 左右 */
}





/* ＰＣ仕様ここから */
@media (min-width: 768px) {
	.cona h1 {
		font-size: 100px;
	}

.cona .sab {
	font-size: 24px;
}



.footb {
	display: flex;
}

.footb div {
	flex: 1;
}

.footb div:not(:first-child) {
	margin-left: 40px;
}

/* フッターC： コピーライト */
.footc {
	font-size: 12px;
	text-align: center;
}







@media (min-width: 1000px) {
	.listC article {
		flex: 1 1 25%;
	}
}