.mid_simpleline { font-size: 1.2em; border-bottom: solid 1px #666; margin: 1.0em 0; padding: 0.4em 0 0.3em 0.4em;}

table.tbl-tate { border-collapse: collapse; width: 100%; margin-bottom: 3em;}
table.tbl-tate th, table.tbl-tate td { border-top: 1px solid #e6e6e6; padding: 1em; }
table.tbl-tate th { text-align: center; width: 30%;}
table.tbl-tate td { border-bottom: 1px solid #e6e6e6;}
table.tbl-tate tr:last-of-type td { border-bottom: 2px #ccc solid;}


#price_list .tbl-scroll-box { width: 100%; overflow: auto; padding: 0; margin-bottom: .5em; max-height: ;}
#price_list table { width: 100%; border-collapse: collapse;}
#price_list th, #price_list  td { vertical-align: middle; padding: 10px; border: 1px solid #eee;}
#price_list th{ font-weight: bold; background: #e0efff;  position: sticky; top: 0; left: 0; z-index: 1; word-break: break-all ; width: 5em; min-width: 3em;}
#price_list th:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #ccc; box-sizing: revert;}
#price_list th.cap { width: 14em; min-width: 14em; z-index: 2; font-size: 1em;}
#price_list thead th{ text-align: center;}
#price_list thead th:nth-of-type(1) { z-index: 14;}
#price_list thead th:nth-of-type(n+2) { z-index: 12;}
#price_list td { text-align: center;}
#price_list small { font-size: .8em;}
#price_list small.maker { margin-right: .5em;}
#price_list .softbank { background-color: #aaa; color: #fff; font-weight: bold;}
#price_list .free { background-color: #ccc; color: #222; font-weight: bold;}
#price_list .docomo { background-color: #c00; color: #fff; font-weight: bold;}
#price_list .au { background-color: #f60; color: #fff; font-weight: bold;}
#price_list .softbank { background-color: #aaa; color: #fff; font-weight: bold;}
#price_list td.price { position: relative; text-align: right; min-width: 8em; padding: 0 1.7em 0 5px !important;}
#price_list td.price b { font-family: "Arial" !important; color: #dd0001; font-size: 1.7em; font-weight: 700; vertical-align: super;}
#price_list td.price img { max-width: fit-content; vertical-align: middle;}
#price_list td.price::after { content: ""; background: url(https://www.sofmap.com/ec/contents/raku-uru/images/yen.png) no-repeat; background-size: contain; width: 1.2em; height: 3em; position: absolute; right: .5em; top: calc( 50% - 1.5em ); color: #d00;}

.kproduct_list { display: flex; flex-wrap: wrap;}
.kproduct_list > div { position: relative; width: calc(100% / 4); padding: .5em .5em 3em; margin-bottom: 1em; box-sizing: border-box; border-bottom: 1px solid #ccc;}
.kproduct_list .kproduct_img { text-align: center;}
.kproduct_list .kproduct_img > img { max-width: 160px;}
.kproduct_list .kproduct_maker { color: #999999; font-weight: bold; font-size: .75rem !important; margin-bottom: 0;}
.kproduct_list .kproduct_name { font-size: 0.87rem !important; line-height: 1.3rem; word-break: break-all;}
.kproduct_list .kproduct_name > a { color: #066eb3; display: block;}
.kproduct_list .price { position: absolute; bottom: 0; left: 0;}
.kproduct_list .price::before { content: "買取金額:￥"; color: #d00; font-size: .75rem; position: absolute; bottom: 7px;}
.kproduct_list .price img { margin-left: 4.4rem;}
.kproduct_list .price b { font-family: "Arial" !important; color: #dd0001; font-size: 1.7em; font-weight: 700; margin-left: 4.4rem; vertical-align: super;}

.flex_erea { margin-bottom: 24px;}
.flex {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.flex ul { width: 100%; list-style-type: none; padding: 10px; margin: 0; border: 1px solid #ccc;}
.flex ul li { width: calc(100% / 4 - 5px); margin: 0 auto; font-size: 14px; border-bottom: 1px dotted #ccc; padding: 4px 10px 2px; display: inline-block;}
.flex ul li.midashi { font-weight: bold; width: calc(100% - 5px); padding-top: 1em; border-bottom: 1px solid #ccc;}

.border_box { border: 1px solid #ccc; padding: 1em !important;}

@media screen and (max-width: 767px) {
	body.cnt_guide .contents #contents_header > h1.title > img { max-width: 100vw; margin-left: -5vw;}
	.contents h1 { font-size: 1.2rem; margin-top: 1em;}
	table.tbl-tate th { display: block; border-top: none; border-bottom: none; width: auto;}
	table.tbl-tate td { display: block;}

	#price_list .tbl-scroll-box { max-height: 80vh;}
	#price_list th, #price_list td { padding: 10px 5px;}
	#price_list tr th.cap { min-width: 8em;}
	#price_list small.maker { display: block;}

	.kproduct_list > div { width: calc(100% / 2);}
	.kproduct_list .price::before { bottom: 3px;}
	.kproduct_list .price img { margin-left: 4.2rem; width: 36%;}
	.kproduct_list .kproduct_name a {height:12.8rem}

	.flex ul { border: 0; padding: 0;}
	.flex ul li { width: calc(100% / 2 - 23px); font-size: 12px;}
	.flex ul li span{ font-size: 0.7em;}

	.border_box { padding: .5em !important;}
	.cont-box > .col3-box div {width: 49%; margin: 0; padding: 0;}
	ul.sbtn-box {margin-bottom: 5px;}
}