@charset "utf-8";

/* 初期化スタイルシートの読込 */
@import "reset.css";


/* ============================================================
   共通スタイル（PC・SP両方で使うもの）
   ============================================================ */

/* チャットボタン */
#chat_button {
	height: 68px;
	width: 68px;
	position: fixed;
	bottom: 10px;
	border: none;
	z-index: 2147483646;
	right: 10px;
	border-radius: 10px;
	color: #FFFFFF;
	background-color: #336633;
	font-weight: bold;
	font-size: 0.75rem;
	padding: 3px 1px;
}
#chat_button:active {
	background-color: #3C9402;
}

/* th/jq_common.js */
.jqTtip-p {
	position: relative;
	bottom: -0.25em 0;
	z-index: 9999;
	width: auto;
	height: auto;
	padding: 0.5em;
	color: #FFF;
	background: #000;
	border-radius: 0.5em;
}

/* clear fix */
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* おすすめ */
#main .prefer-box {
	border: 1px dashed #CCCCCC;
	border-radius: 8px;
	padding: 0.5em;
}
#main .prefer-title {
	text-align: center;
	font-size: 62.5%;
}
#main ul#prefer {
	list-style: none;
/*	display: flex; */
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 20px;
}
#main #prefer li {
	flex: 0 1 calc(50% - 20px);
	text-align: center;
}
#main ul a {
	text-decoration: none;
}

#what_more {
	text-align: center;
}

/* 20231215 ボタンをCSS化 */
.next-page {
	margin: 5px 0px;
}

.next-page a,
#all-apply-form a,
a.all-sell-apply,
a.all-sell-apply-form,
a.ind-article-top,
a.all-sell-apply-satei-res,
#satei-res .go-back,
.next-page .sign_in,
.next-page .go-check,
.next-page .go-back,
.next-page .go-complete,
.next-page .go-satei {
	display: inline-block;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 10px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	font-weight: 600;
	color: white;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	font-family: sans-serif;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.3s, box-shadow 0.3s;
}

.next-page a,
#all-apply-form a,
a.all-sell-apply,
a.all-sell-apply-form,
a.all-sell-apply-satei-res,
.next-page .sign_in,
.next-page .go-check,
.next-page .go-complete,
.next-page .go-satei {
	background: linear-gradient(to bottom, #ff9800, #e68a00); /* オレンジ */
	border: 1px solid #cc7a00;
	padding: 0.8em 0.8em;
	font-size: 1.2em;
}

a.ind-article-top {
	background: linear-gradient(to bottom, #ff9800, #e68a00); /* オレンジ */
	border: 1px solid #cc7a00;
	padding: 1em 1em;
	font-size: 0.8em;
	margin-bottom: 1em;
}

#satei-res .go-back,
.next-page .go-back {
	background: linear-gradient(to bottom, #f0f0f0, #dcdcdc); /* グレー */
	border: 1px solid #bfbfbf;
	padding: 0.8em 0.8em;
	font-size: 0.8em;
	margin-right: 2em;
}

.next-page a:hover,
#all-apply-form a:hover,
a.all-sell-apply:hover,
a.all-sell-apply-form:hover,
a.ind-article-top:hover,
a.all-sell-apply-satei-res:hover,
.next-page .sign_in:hover,
.next-page .go-check:hover,
.next-page .go-complete:hover,
.next-page .go-satei:hover {
	background: linear-gradient(to bottom, #ffad33, #e68a00); /* オレンジ */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

#satei-res .go-back:hover,
.next-page .go-back:hover {
	background: linear-gradient(to bottom, #e0e0e0, #cccccc); /* グレー */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* 記事 */
#con .clear {
	clear: both;
}

#con .item-desc {
	margin-top: 1em;
}

#con .item-desc p {
	margin-bottom: 1em;
}

/* 説明カテゴリ（20241226） */
#con .category {
	display: flex;
	gap: 10px;
	padding: 10px;
	box-sizing: border-box;
	justify-content: start;
}

#con .category .item {
	position: relative;
	width: 180px;
	height: auto;
	text-align: center;
}

#con .category .img img {
	width: 100%;
	height: auto;
}

#con .category .title {
	font-size: 75%;
}

#con .category .bright {
	filter: brightness(110%) contrast(110%);
}

/* 感想（共通ベース） */
#con .imp {
	border: 1px solid #CCCCCC;
	margin-bottom: 1.4em;
	margin-top: 10px;
	padding: 10px;
	position: relative;
}

#con .imp-opinion p {
	display: inline;
	line-height: 1.8em;
	padding-bottom: 0.2em;
}

#con table.imp-items th {
	color: #000000;
	border: 1px solid #cccccc;
	text-align: left;
	padding: 5px;
	width: 80px;
}

#con table.imp-items td {
	background-color: #ffffff;
	width: 140px;
}

/* td */
#con td:first-child {
	text-align: left;
}

#con td.all-tableIndex {
	font-weight: bold;
}

/* 買取条件（共通ベース） */
#con .sel-attention {
	background-image: url(../images/con_sel_attention.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 45px;
}

#con .sel-conditions li {
	border-bottom: 1px dashed #CCCCCC;
}

#con .sel-conditions h3 {
	border-bottom: 1px solid #666666;
	border-left: 10px solid #666666;
	color: #666666;
	margin-top: 0;
	padding-top: 0;
}

#con li.sel-go-bottom {
	float: right;
	border-style: none;
}

#con li.sel-go-top {
	float: left;
	border-style: none;
}

#con #all-apply-form {
	margin-top: 1em;
}

#con .ind-sell-apply-form {
	margin-top: 10px;
	margin-bottom: 10px;
}

#con p.all-font-small {
	font-size: 1.2em;
}

#con p.sel-list-year {
	margin: 1em 0;
}

#con p.article {
	margin-top: 5px;
	font-weight: bold;
}

#con p.paragraph {
	margin-left: 20px;
}

/* 高額買取品（共通ベース） */
#con .ind-article .item:nth-child(even) {
	background: #f5f5f5;
}

#con .ind-article .item-price-price {
	font-size: 150%;
	font-weight: bold;
	color: red;
}

#con .ind-article .desc {
	margin: 1em 0;
}

#con .ind-article h2 {
	border-bottom: 0;
	border-left: 0;
}

#con .ind-article h2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#con .ind-article .item-header-flex {
    display: flex;
    gap: 15px;
    align-items: center; /* 上揃え */
    margin-bottom: 10px;    /* 説明文との間の余白 */
}

#con .ind-article .img {
    flex: 0 0 auto;       /* 画像幅を保持 */
    margin-right: 0;      /* gapで制御するため0にする */
}

#con .ind-article .title {
    flex: 1;              /* 残りの幅をすべて使う */
}

/* プライバシーポリシー */
#main .policy_container {
	padding: 5px;
}

/* 高額買取実績 */
#load {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#con tbody tr:nth-child(even) { /* テーブルの行を交互に背景色を変える */
    background-color: var(--main-color-pale); /* 好みの薄いグレーなど */
}

/* ナビリンク（共通ベース） */
#con .naviUrl {
	width: 100%;
	display: block;
}

#con .naviUrl span {
	display: block;
	font-size: 12px;
}

/* ============================================================
   PC用スタイル（min-width: 601px）
   ============================================================ */
@media screen and (min-width: 601px) {

	/* common */
	body {
		font-size: 62.5%;
		font-family: sans-serif;
	}

	p, dt, dd {
		font-size: 1.5em;
		line-height: 1.5em;
	}

	/* clearfix 旧記法（IE対応） */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block; /* IE7,MacIE5.0 */
	}
	.clearfix {
		display: block; /* MacIE5.0以外 */
	}

	/* select */
	select {
		padding: 0.5em;
		font-size: 1.5em;
		width: auto;
	}

	/* container */
	#container {
		width: 750px;
		margin: 0 auto 0;
	}

	/* navi */
	#navi {
		font-size: 1.2em;
	}

	#navi table {
		float: right;
		margin-top: 0.5em;
	}
	#navi td {
		background: url(../images/navi_icon_menu.gif) no-repeat left center;
		text-indent: 15px;
		padding-right: 1em;
	}
	#navi td a {
		text-decoration: none;
	}

	#navi h1 {
		line-height: 2em;
		float: left;
		padding-left: 0.5em;
	}

	#navi .logo {
		float: left;
		padding-left: 10px;
	}

	/* header */
	#header {
		height: 80px;
		clear: both;
		margin: 0;
		padding: 0;
	}

	#header a {
		display: block;
		height: 80px;
		margin: 0;
		padding: 0;
	}

	/* back */
	#back {
		float: left;
		background: url(../images/back_img_background.jpg) repeat-y;
		width: 750px;
	}

	/* sub */
	#sub {
		float: left;
		width: 150px;
		padding: 0 10px;
	}

	#sub .hamburger-container {
		display: none;
	}

	#sub .sp-only {
		display: none;
	}

	#sub .sub-menu {
		width: 150px;
		background: url(../images/sub_menu_header.gif) no-repeat left top;
		margin: 10px 0;
	}

	#sub .sub-menu p {
		font-size: 15px;
		text-align: center;
		color: #FFFFFF;
	}

	#sub .sub-menu ul {
		list-style: none;
		padding-bottom: 20px;
		background: url(../images/sub_menu_footer.gif) no-repeat left bottom;
		font-size: 1.2em;
	}

	#sub .sub-menu li {
		margin-left: 6px;
		padding-left: 6px;
		padding-top: 1em;
	}

	#sub .sub-menu a {
		text-decoration: none;
	}

	/* 20241224 サイトカテゴリ対応 */
	#sub .sub-menu ul ul {
		background: none;
		border: none;
		box-shadow: none;
		padding-bottom: 0px;
	}

	#sub .sub-service ul {
		margin: 10px 0;
	}

	#sub .sub-service li {
		margin-top: 10px;
		text-align: center;
	}

	#sub a.sub-form-click {
		display: block;
		width: 150px;
		height: 70px;
		text-indent: -9999px;
		background: url(../images/sub_form_click.gif) no-repeat;
	}
	#sub a.sub-form-click:focus,
	#sub a.sub-form-click:hover {
		background: url(../images/sub_form_click_f2.gif) no-repeat;
	}

	/* main */
	#main {
		float: left;
		width: 560px;
		padding: 0 10px 20px;
		margin-bottom: 20px;
	}

	#main img {
		margin-bottom: 1em;
	}

	#main h5 {
		font-size: small;
		padding: 5px;
		margin: 0;
		color: Maroon;
		background-color: #F4F4F4;
	}

	/* pankuzu */
	#pan {
		margin: 5px 0;
		padding-bottom: 5px;
		border-bottom: 1px solid #CCCCCC;
	}

	#pan ol li {
		display: inline;
		line-height: 110%;
		list-style-type: none;
		font-size: 10px;
	}
	#pan ol li a {
		padding-right: 10px;
		background: url(../images/pan_path_separater.gif) no-repeat right center;
	}

	/* contents */
	#con h2 {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 1.8em;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 0.3em 0 0.3em 0.3em;
		margin-top: 1em;
		margin-bottom: 0.2em;
		background: url(../images/all_h2_back.gif) repeat-x;
		background-size: contain;
	}

	#con h3 {
		border-bottom: 1px solid #CCCCCC;
		border-left: 10px solid var(--main-color);
		padding-left: 0.3em;
		margin-top: 1em;
		font-weight: bold;
		font-size: 1.5em;
	}

	#con p.all-margin-top {
		margin-top: 1.4em;
	}

	#con table {
		width: 560px;
		font-size: 1.5em;
	}

	#con th {
		text-align: center;
		background-color: var(--main-color);
		color: #FFFFFF;
		white-space: nowrap;
		padding: 0 0.5em;
	}

	#con td {
		border: 1px #CCCCCC solid;
		padding: 5px;
		text-align: center;
	}

	#con td.all-tableIndex {
		width: 100px;
	}

	#con td p, #con td a {
		font-size: 1em;
	}

	/* contents sitemap */
	#con ol.sit-list li {
		list-style: disc inside;
		line-height: 1.5em;
		font-size: 1.5em;
	}

	/* contents index */
	#con ul.ind-question {
		font-size: 2em;
		line-height: 2em;
		padding-left: 1em;
		background: #FFFFCC;
		font-weight: bold;
	}
	#con .ind-question-header {
		font-size: 0.8em;
		color: #FFFFFF;
		background: #FF0000;
		padding: 0.2em;
		margin-right: 0.5em;
		font-weight: bold;
	}
	#con p.ind-question {
		font-size: 1.8em;
	}

	#con div.ind-feature {
		position: relative;
	}

	#con .ind-feature h2 {
		margin: 0 0 10px 60px;
		padding-left: 25px;
	}

	#con .ind-answer-index {
		position: absolute;
		top: 5px;
		left: -4px;
		margin: 0;
		padding: 0;
	}

	#con .ind-feature {
		width: 540px;
		border: 1px solid #CCCCCC;
		margin-top: 1em;
		padding: 9px;
	}

	#con .ind-feature-img {
		float: left;
		width: 90px;
	}
	#con .ind-feature-contents {
		float: left;
		width: 420px;
		padding: 0 10px;
	}
	#con .ind-feature-clear {
		clear: both;
	}

	/* con highPriceList */
	#tablePagination {
		width: 560px;
		background-color: #DCDCDC;
		font-size: 1.2em;
		padding: 5px 5px;
		height: 20px;
	}

	#tablePagination_paginater {
		margin-left: auto;
		margin-right: auto;
		float: right;
	}

	#tablePagination img {
		padding: 0px 2px;
	}

	#tablePagination_perPage {
		float: left;
	}

	/* vtip */
	p#vtip {
		display: none;
		position: absolute;
		padding: 10px;
		left: 5px;
		font-size: 1.2em;
		background-color: white;
		border: 1px solid #a6c9e2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		z-index: 9999;
	}
	p#vtip #vtipArrow {
		position: absolute;
		top: -10px;
		left: 5px;
	}

	img#tel {
		vertical-align: -23%;
		padding-left: 3px;
	}

	/* special */
	#con.special img {
		display: block;
		margin: 0 auto 2.5em auto;
		max-width: 480px;
	}
	#con.special .source {
		font-size: 1em;
		text-align: right;
	}

	/* article item */
	#con .ind-article {
		font-size: 1em;
	}

	#con .ind-article .item {
		min-height: 30em;
		padding: 5px 0;
		margin-bottom: 5px;
	}

	#con .ind-article .link {
		margin-bottom: 20px;
	}

	#con .ind-article img {
		max-width: 100%;
	}

	#con .ind-article .warning {
		font-size: 0.8em;
		margin: 5px 0;
	}

	#con .ind-article .desc p {
		border-bottom: #666666 1px dotted;
		line-height: 2em;
		padding-bottom: 1px;
	}

	#con .ind-article .desc p.link a {
		border-bottom: none;
		display: block;
	}

	#con .ind-article .desc p span {
		font-size: small;
	}

	#con span.rules {
		display: block;
		padding-left: 5px;
	}

	/* 感想（PC追加） */
	#con .imp h3 {
		font-size: 2em;
		margin-top: 0px;
	}

	#con .imp-img {
		position: absolute;
		top: -15px;
		left: 45em;
		margin: 0;
	}

	#con .imp-opinion {
		padding: 10px;
	}

	#con .imp-answer {
		color: #660000;
		background: #FFFFCC;
		padding: 10px;
	}

	#con table.imp-items {
		width: 400px;
		margin-bottom: 10px;
	}

	/* 買取条件（PC） */
	#con .sel-true {
		color: #0000FF;
		padding: 10px;
		background-color: #FAFAFF;
		border: 1px solid #0000FF;
		margin-bottom: 6px;
	}

	#con .sel-false {
		color: #FF0000;
		padding: 10px;
		background-color: #FFFAFA;
		border: 1px solid #FF0000;
		margin-bottom: 6px;
	}

	#con .sel-false ul {
		list-style: none inside;
	}

	#con .sel-true ul {
		list-style: none inside;
	}

	#con .sel-conditions {
		font-size: 1.5em;
		line-height: 2em;
		margin-top: 30px;
	}
	#con .sel-conditions h4 {
		color: #666666;
	}
	#con .sel-conditions ul {
		list-style: disc inside;
		font-weight: bold;
	}

	#con ul.sel-special-list {
		font-size: 1.5em;
		padding: 5px;
		line-height: 1.5em;
		margin: 5px;
		border: 1px solid #CCCCCC;
		list-style: disc inside;
	}
	#con img.sel-terms-header {
		margin-top: 30px;
	}

	#con ul.sel-category-conditions {
		background: url(../images/con_sel_conditions_cotegory.gif) no-repeat;
		height: 100px;
		width: 400px;
	}
	#con ul.sel-category-conditions a {
		display: block;
		width: 100px;
		height: 100px;
		text-indent: -9999px;
		font-size: 0;
		line-height: 0px;
	}
	#con .sel-category-conditions li {
		float: left;
	}

	#con li.sel-navi-book a.active,
	#con li.sel-navi-book a:focus,
	#con li.sel-navi-book a:hover {
		background: url(../images/con_sel_conditions_cotegory.gif) no-repeat left bottom;
	}
	#con li.sel-navi-cd a.active,
	#con li.sel-navi-cd a:focus,
	#con li.sel-navi-cd a:hover {
		background: url(../images/con_sel_conditions_cotegory.gif) no-repeat -100px -100px;
	}
	#con li.sel-navi-dvd a.active,
	#con li.sel-navi-dvd a:focus,
	#con li.sel-navi-dvd a:hover {
		background: url(../images/con_sel_conditions_cotegory.gif) no-repeat -200px -100px;
	}
	#con li.sel-navi-game a.active,
	#con li.sel-navi-game a:focus,
	#con li.sel-navi-game a:hover {
		background: url(../images/con_sel_conditions_cotegory.gif) no-repeat -300px -100px;
	}

	#campain {
		position: absolute;
		top: 0;
		left: 0;
	}

	#con p.sel-list-year a {
		padding: 0 1em 0 0;
	}

	/* word_explanation */
	#con td.wordexp-table {
		width: 120px;
		font-weight: bold;
	}

	/*お試し査定についてアイコン*/
	#con h5 img.satei-icon-book,
	#con h5 img.satei-icon-cd {
		margin-right: 7px;
		margin-bottom: 2px;
		vertical-align: middle;
	}

	/* policy */
	#con li.article {
		font-weight: bold;
	}
	#con li.paragraph {
		margin-left: 25px;
	}

	/* 404 not found */
	#con #not-found {
		background: rgba(0, 0, 0, 0) url("../images/404.jpg") no-repeat scroll 0 0;
		width: 560px;
		height: 102px;
	}

	#con #not-found-jp {
		margin-left: 26px;
		font-family: "メイリオ";
		font-size: 2.8em;
		font-weight: bold;
		color: #666666;
	}

	#con #not-found-jp2 {
		margin: 10px 0 0 26px;
		font-family: "メイリオ";
		font-size: 2.0em;
		font-weight: bold;
		color: #666666;
	}

	/* footer */
	#footer {
		width: 750px;
		font-size: 2em;
		clear: left;
	}

	#footer img {
		vertical-align: top;
	}

	#footer ul {
		text-align: center;
		padding-bottom: 10px\9; /* for IE only */
	}

	#footer ul li {
		font-size: 58%;
		font-size: 50%\9; /* for IE only */
		display: inline;
		padding: 0 7px 0;
		border-right: 1px solid #CCCCCC;
	}
	#footer ul li a {
		text-decoration: none;
	}
	#footer ul li a:hover {
		text-decoration: underline;
	}
	#footer ul li.first {
		border-left: 1px solid #CCCCCC;
	}

	#footer #add {
		background: url(images/navi_line.jpg) repeat-y;
		height: 30px;
		margin-top: 10px;
	}
	#footer #add a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer p {
		float: left;
		width: 400px;
		color: #FFFFFF;
		padding-left: 10px;
		font-size: 0.6em;
		line-height: 2em;
	}

	#footer address {
		float: right;
		width: 330px;
		color: #000000;
		text-align: right;
		padding-right: 10px;
		font: 0.6em "Times New Roman", Times, serif;
		font-weight: bold;
		line-height: 2em;
	}

	/* ナビリンク（PC） */
	#con .naviUrl .Left,
	#con .naviUrl .Right {
		width: 50%;
		box-sizing: border-box;
	}

	#con .naviUrl .Left { float: left; }
	#con .naviUrl .Right { float: right; }

	#con .naviUrl a {
		text-decoration: none;
		color: black;
		display: block;
		overflow: hidden;
	}

	#con .naviUrl img {
		width: auto;
		max-width: 30%;
		height: auto;
		border: 0;
		float: left;
		margin-right: 8px;
	}

	#con .naviUrl span {
		overflow: hidden;
	}

} /* end @media (min-width: 601px) */


/* ============================================================
   SP用スタイル（max-width: 600px）
   ============================================================ */
@media screen and (max-width: 600px) {

	/* 枠 */
	#container {
		padding: 0 1em;
	}

	#container .red {
		color: red;
	}

	/* 共通 */
	img {
		max-width: 100%;
	}

	.no_display {
		display: none;
	}
	.no_pointer {
		pointer-events: none;
	}

	/* th/jq_common.js */
	.jqTtip-small {
		font-weight: normal;
		font-size: 0.75rem;
	}

	#sub .sub-menu {
		display: table;
		border: 1px dashed #CCCCCC;
		border-radius: 0.2em;
		padding: 0 0.5em;
		margin: 0.5em 0;
	}
	#sub ul {
		width: 100%;
	}
	#sub p {
		display: none;
	}
	#sub li {
		float: left;
		width: 50%;
		margin: auto;
		padding: 5px 0;
	}
	#sub .top {
		display: none;
	}

	#main {
		line-height: 2;
	}

	#main #info {
		font-size: 0.75em;
	}

	#navi h1 {
		font-size: 0.75em;
	}

	#navi img.logo {
		float: left;
		max-height: 1em;
	}

	#footer ul {
		width: 100%;
	}
	#footer li {
		float: left;
		width: 50%;
		margin: auto;
		padding: 5px 0;
	}

	.desplay-none-sp {
		display: none;
	}

	#container #navi table {
		display: none;
	}

	#sub .sub-service {
		display: none;
	}

	#sub .sub-menu {
		display: none;
	}

	#pan {
		display: none;
	}

	#con {
		clear: both;
	}

	#con table {
		margin-top: 5px;
		width: 100%;
	}
	#con th {
		text-align: center;
		background-color: var(--main-color);
		color: #FFFFFF;
		white-space: nowrap;
		padding: 0 0.5em;
	}
	#con td {
		border: 1px solid #cccccc;
		padding: 5px;
		text-align: center;
	}

	#con .asterisk {
		font-size: 0.75em;
	}

	#con h2, #form h2 {
		background: rgba(0, 0, 0, 0) url("../images/all_h2_back.gif") repeat-x scroll 0 0;
		background-size: cover;
		color: #ffffff;
		font-weight: bold;
		font-size: 120%;
		padding: 0.25em;
		margin: 0.5em 0;
		line-height: 1.5;
	}

	#con .ind-article h2 {
		background-color: #6666FF;
	}

	#con h2:first-child {
		margin-top: 0.5em;
	}

	#con h3 {
		border-bottom: 1px solid #CCCCCC;
		border-left: 0.25em solid var(--main-color);
		padding-left: 0.25em;
		margin: 0.5em 0;
		font-weight: bold;
		line-height: 1.5;
	}

	/* special */
	#con.special img {
		display: block;
		margin: 2.0em auto;
		max-width: 100%;
	}
	#con.special .source {
		font-size: 0.6em;
		text-align: right;
	}

	#footer {
		margin-top: 10px;
	}

	#footer #add {
		background: url(../images/navi_line.jpg) repeat-y;
		background-size: cover;
		clear: both;
		padding: 0 0.5em;
	}

	#footer #add p {
		font-size: 0.75em;
	}

	#footer #add a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#footer address {
		color: #FFFFFF;
		font: 0.6em "Times New Roman", Times, serif;
		font-weight: bold;
	}

	/* 買取の特集 */
	#con .ind-feature {
		margin-bottom: 1em;
	}

	.ind-answer-index {
		display: none;
	}

	#con .ind-feature h2 {
		background: 0;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#con ul#prefer {
		font-size: 0.75rem;
		text-align: center;
	}

	/* お試し査定 */
	#main h5 {
		background-color: #E1FFE2;
		color: Maroon;
		margin: 0;
		line-height: 1.5;
		padding: 0 0.5em;
	}

	#main h5 img {
		margin-right: 0.5em;
		vertical-align: middle;
	}

	/* 高額買取品（SP追加） */
	#con div.ind-article div.title {
		width: 100%;
	}

	#main .ind-article .title a {
		text-decoration: none;
		color: black;
		font-weight: bold;
	}

	#con .ind-article .item {
		margin-top: 1em;
	}

	#con .ind-article .warning {
		background-color: #f5f5f5;
		border: 1px dotted #cccccc;
		clear: both;
		color: #666666;
		font-size: 0.75em;
		margin-top: 1em;
		padding: 1em;
	}

	#con .ind-article .desc p {
		border-bottom: 1px dotted #666666;
		line-height: 1.5em;
		padding-bottom: 1px;
	}

	#con .ind-article .item-price-label {
		font-weight: bold;
		padding-top: 1em;
	}

	#con .ind-article .reference-price {
		font-size: small;
	}

	#con .ind-article .item-price-label, .item-price-date {
		font-size: 0.7em;
	}

	#con .ind-article .page {
		font-size: 0.75em;
	}

	/* 高額買取実績 */
	#load {
		width: 55px;
		height: 55px;
	}

	div#con table {
		font-size: 0.8em;
	}

	div#con table#pager {
		margin: 0.5em 0 0 0;
	}

	#con td.all-tableIndex {
		width: 4em;
	}

	#con p.sel-list-year a {
		padding: 0 0.5em 0 0;
		line-height: 200%;
	}

	/* お客様の感想 */
	div.imp h3 {
		border-bottom: 1px solid #CCCCCC;
		border-left: 10px solid #FF0000;
		padding-left: 0.3em;
		margin: 2px 0 5px 0;
		font-weight: bold;
	}

	img.imp-img {
		max-width: 60px;
		max-height: 60px;
		right: 1em;
		margin: 0;
		position: absolute;
		top: -15px;
	}

	div.imp-opinion img {
		max-width: 75px;
		max-height: 75px;
	}

	div.imp-opinion table.imp-items {
		width: 100%;
	}

	#con .imp-answer {
		background: #ffffcc none repeat scroll 0 0;
		color: #660000;
		padding: 10px;
		font-size: 0.75em; /* SP追加 */
	}

	/* 買取条件（SP） */
	#con .sel-true {
		background-color: #fafaff;
		border: 1px solid #0000ff;
		color: #0000ff;
		margin-bottom: 6px;
		padding: 10px;
	}
	#con .sel-true li a {
		text-decoration: underline solid;
	}

	#con .sel-false {
		background-color: #fffafa;
		border: 1px solid #ff0000;
		color: #ff0000;
		margin-bottom: 6px;
		padding: 10px;
	}
	#con .sel-false li a {
		color: red;
		text-decoration: underline solid red;
	}
	#con .sel-false ul {
		list-style: inside none none; /* SP: PCの"none inside"と異なる指定 */
	}

	#con .sel-conditions {
		font-weight: bold;
	}

	.sel-conditions h2 img.icon-book {
		width: 61px;
		height: auto;
		margin-top: 5px;
	}
	.sel-conditions h2 img.icon-cd {
		width: 32px;
		height: auto;
		margin-top: 5px;
	}
	.sel-conditions h2 img.icon-dvd {
		width: 151px;
		height: auto;
		margin-top: 5px;
	}
	.sel-conditions h2 img.icon-game {
		width: 61px;
		height: auto;
		margin-top: 5px;
	}

	#con ul.sel-category-conditions {
		background: rgba(0, 0, 0, 0) url("../images/con_sel_conditions_category_sp.gif") no-repeat scroll 0 0;
		height: 90px;
		width: 360px;
		margin-bottom: 18px;
		border: 0px;
	}

	#con ul.sel-category-conditions a {
		display: block;
		font-size: 0;
		height: 90px;
		line-height: 0;
		text-indent: -9999px;
		width: 90px;
	}

	#con .sel-category-conditions li {
		float: left;
	}

	/* ask */
	#con a.question {
		background: url(../img/ask/ask_icon_question.gif) no-repeat scroll 0.5em 0.4em;
		padding: 0 0.5em 0 1.5em;
		font-weight: normal;
		text-decoration: none;
		color: #000000;
		display: block;
	}

	#con a.question:hover {
		text-decoration: underline;
	}

	#con span.answer {
		background: url(../img/ask/ask_icon_answer.gif) no-repeat scroll 0.5em 0.4em #FDF2F6;
		padding: 0 0.5em 1em 1.5em;
		display: block;
	}

	/* satei_res */
	#con .satei-res p {
		font-size: 0.75em;
	}
	#con .satei-res table {
		font-size: 0.75em;
		margin-bottom: 1em;
	}
	#con .satei-res table th {
		margin: 0 auto;
	}

	/* form */
	::placeholder {
		color: #aaa;
	}

	.file {
		width: auto;
	}

	.paymentOnDelivery {
		background-color: #C8E4FF;
		color: black;
		font-weight: normal;
		padding: 0.1em 0.5em;
		font-size: 0.75em;
	}
	.paymentInAdvance {
		background-color: #FFDED2;
		color: black;
		font-weight: normal;
		padding: 0.1em 0.5em;
		font-size: 0.75em;
	}

	iframe {
		width: 100%;
		height: 8em;
	}

	#form .form_input th, #form .form_input td {
		display: block;
		max-width: 100%;
	}
	#form .form_input td {
		clear: both;
	}
	#form .form_input .label-font-size {
		font-size: 1rem;
	}
	#form .form_res table {
		width: 100%;
	}
	#form .form_res th, #form .form_res td {
		border: solid #ddd 1px;
		padding: 10px;
	}
	#form .form_res th#form_element {
		background-color: #F4FFE8;
		text-align: left;
	}

	#satei th {
		display: none;
	}

	#satei .add {
		margin-right: 1em;
	}

	#form td p, #form #characterLimit, .ssl-info {
		font-size: 0.75rem;
	}

	#form td label {
		font-size: 1em;
		line-height: 3em;
	}
	#form td label a {
		line-height: 1.5em;
	}
	#form .form_header img {
		vertical-align: middle;
	}

	#form p.item {
		float: left;
	}

	#form p.required {
		padding-left: 0.5em;
		float: left;
	}

	#form form {
		margin-top: 5px;
	}

	#form label {
		font-size: 1.5em;
	}

	input[type="text"], input[type="number"], input[type="password"], select, textarea {
		padding: 0.5em;
		font-size: 1.5em;
		width: 92.5%;
	}
	select#yearSelect {
		width: auto;
	}
	#sell input[placeholder="0"] {
		width: 20%;
		margin-bottom: 0.5em;
	}
	#sell input[id="birthYear"], #forgotpassword input[id="birthYear"] {
		width: 15%;
	}
	#sell select[id="birthMonth"], #sell select[id="birthDay"],
	#forgotpassword select[id="birthMonth"], #forgotpassword select[id="birthDay"] {
		width: 25%;
	}
	#sell select.DateTime {
		width: 45%;
	}

	#form subtitle {
		vertical-align: middle;
	}

	#form table {
		border: 1px;
		cellspacing: 0;
		frame: box;
		border-color: #CCCCCC;
		margin-bottom: 5px;
	}

	#form table.ASIN {
		margin-top: 5px;
	}

	#form table th {
		padding: 0 0.5em 0.5em 0.5em;
	}

	#form table td {
		padding: 0.5em 0;
	}

	#form table td.form_header {
		padding: 0.5em;
		margin: 0.5em 0;
	}

	#form table.ASIN th {
		background-color: #3c9402;
		text-align: left;
		color: #ffffff;
	}

	#form .form_header {
		background-color: #409D02;
		color: #F5F5F5;
		border: 1px;
		font-weight: bold;
	}

	#form .form_warning {
		padding: 0.5em;
	}

	#form #form_element .item img {
		vertical-align: middle;
	}
	#form #form_element .required {
		margin-top: 2px;
	}

	#form th#form_element {
		text-align: left;
	}

	#form td#form_element {
		border: solid #DDDDDD 1px;
	}

	#form img.required_mark {
		margin-bottom: 5px;
	}

	#form input[name="approval[approval]"][value="0"].radio {
		margin: 0 0 0 4px;
		position: relative;
		top: 1px;
	}

	#form input[name="approval[approval]"][value="1"].radio {
		margin: 0;
		position: relative;
		top: 1px;
	}

	#form p#sameDateTimeAddCommnet {
		color: red;
	}

	#form input#characterLimit {
		background-color: transparent;
		border: none;
	}

	#form input#opportunity, #form textarea#message {
		width: 95%;
	}

	#form textarea#message {
		height: 6em;
	}

	#form input[type="radio"] {
		margin-left: 5px;
	}

	#form .attention {
		font-weight: bold;
		color: red;
	}

	#form img.progress {
		margin-bottom: 5px;
	}

	#form p.inline {
		display: none;
	}

	#form .error p#rekey {
		background-color: #FFFF99;
		font-size: 0.8em;
	}

	#form div.next-page {
		margin-top: 15px;
	}

	#form div.next-page span#nonage p {
		margin-bottom: 8px;
	}

	#form table#orderId {
		width: 40%;
	}

	#form .file {
		display: inline-block;
		display: inline\9;
		zoom: 1\9;
		overflow: hidden;
		position: relative;
		padding: .5em;
		border: 1px solid #999;
		background-color: #eee;
		height: 1.5em;
		width: 6em;
	}

	#form .file input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		font-size: 1em;
		cursor: pointer;
	}

	#form span#filename {
		display: inline-block;
		display: inline\9;
		zoom: 1\9;
		margin-left: 10px;
		margin-top: 7px;
		vertical-align: top;
	}

	#form #form_element img.satei-icon-book,
	#form #form_element img.satei-icon-cd,
	#form #form_element img.satei-icon-dvd,
	#form #form_element img.satei-icon-game {
		margin-right: 7px;
		vertical-align: middle;
	}
	#form #form_element img.satei-icon-book,
	#form #form_element img.satei-icon-cd,
	#form #form_element img.satei-icon-game {
		margin-bottom: 2px;
	}

	#form span span#black {
		color: black;
	}

	#form span.bold {
		font-weight: bold;
	}

	#form #limit p {
		font-weight: bold;
	}

	/* ナビリンク（SP） */
	#con .naviUrl .Left,
	#con .naviUrl .Right {
		width: 50%;
		box-sizing: border-box;
	}

	#con .naviUrl .Left { float: left; }
	#con .naviUrl .Right { float: right; }

	#con .naviUrl a {
		text-decoration: none;
		color: black;
		display: flex;       /* PCのdisplay:blockをflex表示に変更 */
		align-items: center;
	}

	#con .naviUrl img {
		width: auto;
		max-width: 40%;      /* PCの30%よりやや広め */
		height: auto;
		border: 0;
		margin-right: 8px;
		flex-shrink: 0;
	}

	#con .naviUrl span {
		flex: 1;
	}

	/* 20250109 ハンバーガーメニュー対応 */
	.hamburger-container {
		position: fixed;
		top: 5px;
		right: 1em;
		text-align: center;
		width: 34px;
		height: 34px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		border: 2px solid #336633;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 5px 2px 4px;
		z-index: 1000;
	}

	.hamburger {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 3px;
		margin-bottom: 2px;
	}

	.hamburger span {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #336633;
		border-radius: 1px;
		transition: all 0.3s ease;
	}

	.hamburger.active span:nth-child(1) {
		transform: rotate(45deg) translate(3px, 3px);
		transform-origin: center;
	}

	.hamburger.active span:nth-child(2) {
		opacity: 0;
	}

	.hamburger.active span:nth-child(3) {
		transform: rotate(-45deg) translate(4px, -4px);
		transform-origin: center;
	}

	.hamburger-text {
		font-size: 6px;
		font-weight: bold;
		color: #336633;
		font-family: Arial, sans-serif;
		margin: 0;
		display: block !important;
	}

	.blurred {
		filter: blur(5px);
		transition: all 0.3s ease;
		pointer-events: none;
	}

	/* サブメニュー（ハンバーガー） */
	#sub .sub-menu,
	#sub .sub-menu li,
	#sub .sub-menu li ul {
		background: none !important;
	}

	#sub .sub-menu {
		position: fixed;
		left: 1em;
		right: 1em;
		background-color: #ffffff !important;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 1000;
		border: 2px solid #336633;
		padding: 10px;
	}

	#sub .sub-menu a {
		font-size: 12px;
		color: #333333;
		text-decoration: none;
		display: block;
		margin: 5px 0;
	}

	#sub .sub-menu ul ul a {
		font-size: 10px;
		color: #666666;
		margin: 3px 0;
	}

	.sub-menu p {
		display: block !important;
		color: #336633;
		font-weight: bold;
	}

	.sub-menu ul ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5px;
	}

	.sub-menu ul ul li {
		width: 100% !important;
		padding: 0 !important;
	}

	.sub-menu ul ul li a {
		padding-left: 0.5em;
	}

	/* 20250117 カテゴリにスクロールバー */
	#categoryContainer {
		height: 45vh;
		overflow-y: auto;
	}

	/* 20251202 */
	.kana-field { display: none !important; }

} /* end @media (max-width: 600px) */

/* テーマ ―――――――――――――――――――――――――――――――――――――――― */
:root {
    --main-color: #336633; /* デフォルト値(緑) */
}

/* 共通 */
#navi td {
    background: var(--navi-icon-menu) no-repeat left center;
}

#sub .sub-menu {
    background: var(--sub-menu-header) no-repeat left top;
}

#sub .sub-menu ul {
    background: var(--sub-menu-footer) no-repeat left bottom;
}

#sub .sub-menu li {
    background: var(--sub-icon-menu) 0 1.5em no-repeat;
    background-size: 3px 3px;
}

#sub .sub-menu ul ul li {
    font-size: 0.8em;
}

#con h2 {
    background: var(--all-h2-back) repeat-x;
    background-size: cover;
}

#footer #add {
    background: var(--foo-line-back) repeat-y;
}

#chat_button {
    background-color: var(--main-color);
}

/* PC */
@media screen and (min-width: 601px) {
    #back {
        background: var(--back-img-bg) repeat-y;
    }
}

/* SP */
@media screen and (max-width: 600px) {
	#sub .hamburger-container,
	#sub .sub-menu {
	    border-color: var(--main-color);
	}

	#sub .hamburger span {
	    background-color: var(--main-color);
	}

	.hamburger-text,
	#sub p {
	    color: var(--main-color);
	}
}

/* 20260120 FAQ*/
  /* FAQ全体のコンテナ */
  .faq-item {
    margin-bottom: 20px;
  }

  /* 質問部分 (Q) */
  .faq-item summary {
    display: flex;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    color: #333;
    padding: 5px 0;
  }
  
  .faq-item summary::-webkit-details-marker {
    display: none;
  }

  /* Qアイコン: Impactフォントを適用 */
  .faq-item summary::before {
    content: "Q";
    font-family: 'Impact', 'Arial Black', sans-serif;
    font-size: 32px; /* Impactは少し大きくすると画像に似ます */
    margin-right: 12px;
    line-height: 1;
    color: var(--main-color);
    padding-left: 5px;
  }

	.faq-item:nth-child(odd) {
	    background-color: var(--main-color-pale);
	}

  /* 回答部分 (A) */
  .faq-answer {
    background-color: #fff5f7; /* 薄いピンク */
    padding: 12px 15px;
    margin-top: 5px;
    display: flex;
    align-items: flex-start;
  }

  /* Aアイコン: Impactフォントを適用 */
  .faq-answer::before {
    content: "A";
    color: #cc0000; /* 赤 */
    font-family: 'Impact', 'Arial Black', sans-serif;
    font-size: 32px;
    margin-right: 12px;
    line-height: 1;
  }

  /* 回答テキスト */
  .faq-answer p {
    margin: 0;
    padding-top: 6px; /* 文字の高さ調整 */
    line-height: 1.6;
    color: #333;
  }

/* 20260120 買取価格*/
/* 全体 */
.price-list {
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fcfcfc;
}

.price-list-title {
 font-size: 0.8em !important;
}
.price-list-label, .price-list-date, .price-list-text {
 font-size: 0.7em;
}

/* 画像枠 */
.price-list-img {
  flex: 0 0 110px;
  padding: 10px;
  background-color: #f5f5f5;

  display: flex;
  align-items: center;        /* 縦中央 */
  justify-content: center;    /* 横中央 */

  box-sizing: border-box;
}

/* 画像本体（最重要） */
.price-list-img img {
  /* 既存CSS完全遮断 */
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: none !important;
  max-height: none !important;

  /* 枠基準で描画 */
  width: 100% !important;
  height: 100% !important;

  /* 枠内に収めて中央表示 */
  object-fit: contain;
  object-position: center center !important;

  display: block;
}

/* テキスト側 */
.price-list-content {
  flex: 1;
  min-width: 200px;
  padding: 15px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  box-sizing: border-box;
}

/* 商品名 */
.price-list-title {
  margin: 0 0 5px 0;
  font-size: 1.1em;
}

/* 価格行 */
.price-list-price-row {
  margin: 0 0 5px 0;
  font-weight: bold;
}

/* 金額 */
.price-list-price {
  font-weight: bold;
  font-size: 1.25em;
  color: red;
}

/* 日付 */
.price-list-date {
  color: #666;
  margin-left: 0.5em;
}

/* 20260120 買取実績*/
.price-history-date,
.price-history-area {
  font-weight: bold;
}

.price-history-price {
  font-weight: bold;
  font-size: 1.25em;
  color: red;
}

/* 20260128 特徴 買取価格一覧 画像クリック範囲を中央へ */
/* 画像とリンクを重ねるための親要素 */
.responsive-link-container {
  position: relative;
  display: inline-block;
  line-height: 0;
  max-width: 100%;
}

/* 画像自体の設定（クリックに反応させない） */
.target-img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 中央30%のクリックエリア：透明な「板」を上に浮かせるイメージ */
.safe-click-zone {
  position: absolute;
  top: 35%;    /* 上から35%をガード */
  left: 35%;   /* 左から35%をガード */
  width: 30%;  /* 中央30%だけ有効 */
  height: 30%; /* 中央30%だけ有効 */
  z-index: 10;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent; /* スマホのタップ時青枠を消す */
}

/* タップ・ホバーした時だけ、リンクであることをユーザーに伝える */
.safe-click-zone:active,
.safe-click-zone:hover {
  background: rgba(0, 0, 0, 0.1); /* ほんのりグレーにして「押せた」感を出す */
}

/* 20260205 目次をキャッチ画像と並列表示 */
/* 親コンテナ */
.prefer-box-container {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: block;
    overflow: visible;
    box-sizing: border-box;
}

/* 画像：ボケ防止 */
.prefer-box-container img {
    width: auto;
    max-width: 65%; 
    height: auto;
    display: block;
    margin: 1.0em auto 1.0em auto !important;
}

/* 目次ボックス：内容に合わせて幅を可変にする */
.prefer-box-container .prefer-box {
    position: absolute;
    right: 0; /* 右端に配置 */
    top: 50%;
    transform: translateY(-50%);
    
    /* 幅の固定を解除し、中身に合わせる */
    width: auto; 
    min-width: 45%; /* ボックスが小さくなりすぎないよう調整 */
    max-width: 70%; /* 画像を隠しすぎない上限 */
    display: inline-block; 
    
    background-color: rgba(248, 248, 248, 0.95);
    padding: 15px 25px !important; /* 左右に余白(25px)を多めにとり、バランスを調整 */
    box-sizing: border-box;
    border: 1px solid #ddd;
    z-index: 10;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.prefer-box-container .prefer-box #prefer li {
    text-align: left !important; /* 文字自体は左寄せ */
    white-space: nowrap; /* テキストを勝手に改行させない */
}

/* 20260224 スライド */
/* ドットを表示するエリアの空間を確保 */
.splide {
  padding-top: 10px;
  padding-bottom: 30px; /* 下側に余白を作って文字との重なりを防ぐ */
}

/* ドット全体の位置調整 */
.splide__pagination {
  bottom: -15px; /* スライダーの枠外に配置 */
  padding: 0;
}

/* 現在表示中のドットのスタイル */
.splide__pagination__page.is-active {
  background: var(--main-color) !important; /* 買取価格と同じ赤系で強調 */
}

/* 矢印を中央から解除して下に置く */
.splide__arrow {
  top: auto !important;
  bottom: -15px !important; /* ドットと同じ高さ（数値は適宜調整） */
}

/* ―――――――――――――――――――――――――――――――――――――――― */