@charset "utf-8";

/* *************************************

	リセット

***************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
hr { display:none;}

/* clearFix */	
.cf { zoom: 100%; min-height: 1px;}
.cf:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden;}

/* *************************************

	共通

***************************************/

body { -webkit-text-size-adjust: 100%; /* 文字サイズ自動調整オフ */ position:relative;
font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px; color: #333; line-height:1.4em; word-break: break-all; position:relative; width:100%;}

a{ text-decoration:none; color:#333;}
img{ vertical-align:middle; width:100%;}

.mt0{ margin-top:0 !important;}
.mb0{ margin-bottom:0 !important;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.tb{ display: table; table-layout: fixed; width: 100%; margin:0 auto 7px;}
.tb > li,
.tb > p{ display: table-cell; padding: 0 1%;}

/*-- ヘッダ --*/
header { height:68px; position:fixed; top:0; left:0; border-bottom:2px solid #E60012; width:100%; background:#FFF;
box-shadow: rgba(100, 100, 100, 0.6) 0px 1px 2px 1px;
-webkit-box-shadow: rgba(100, 100, 100, 0.6) 0px 1px 2px 1px;
-moz-box-shadow: rgba(100, 100, 100, 0.6) 0px 1px 2px 1px; z-index:100;}
header h1{ background:#E60012; color:#FFF; padding: 3px 5px 2px; font-size: 11px; line-height: 1;}
header .headInner{ padding:5px;}
header .headInner img{ height:42px; width:auto;}
header h2.headLogo{ float:left;}
header .headTel{ float:left; margin-right:5px;}
header .acordionNavi{ float:left;}

/* 横向きヘッダス固定制御 */
@media all and (orientation: landscape) {  
	header { position:static !important;}
	#content{ margin-top:15px !important;}
}

/*-- 開閉メニュー --*/
header dd.acordion_item{
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	padding:15px;
	font-size:75%;
	width:50%;
	padding:0;
	margin:0;
	position:absolute;
	right:5px;
	top:62px;
	z-index:900;
	display:none;
	border: 3px solid #bb111f;
}

header dd.acordion_item li a{
	display: block;
	position: relative;
	padding: 10px;
	background:#FFF;
	font-size: 100%;
	line-height: 20px;
	font-weight: 300;
	font-size:150%;
	color: #111;
	outline: none;
	border-bottom: 1px solid #CCC;
}

header dl.acordionNavi .close {
	display: block;
	font-size:150%;
	position: relative;
	padding: 10px 20px;
	line-height: 20px;
	font-weight: 300;
	color: #111;
	text-align:center;
	outline: none;
	background:#FFF;
	cursor:pointer;
}

/*-- メインコンテンツ --*/
#content{ margin-top:80px;}

section{ margin-bottom:15px;}
.secInner{ padding:10px 8px 0;}

h3{ font-size: 16px; line-height:2; font-weight: bold; color: #FFF; padding: 3px 0 3px 33px;}
h3.location{ background:url(../images/common/icoLocation.png) #E60012 no-repeat 5px center; background-size:22px;}
h3.blog{ background:url(../images/common/icoBlog.png) #E60012 no-repeat 5px center; background-size:22px;}

/* item・flow */
h3.itemFlow{ background:url(../images/common/icoItemFlow.png) #E60012 no-repeat 5px center; background-size:22px;}

/* contact・application */
h3.mailForm{ background:url(../images/common/icoForm.png) #E60012 no-repeat 5px center; background-size:22px;}


/*-- フッタ --*/
footer { border-top: 1px solid #CCC; padding-top: 15px;}
footer .bnrLink{ width:95%; margin-bottom: 15px;}

footer .footInner{ background: #f8f5f3;}

footer .footInfo{ padding: 10px 3%; margin: 0 auto;}
footer .antiquary{ font-size:13px;}
footer .antiquary div{ float:left;}
footer .antiquary p{ padding:0 0 0 50px;}
footer .infoInner{ border:1px solid #238c00; padding: 2% 6px; margin: 6px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
footer .infoInner p{ float:left; width:48%;}
footer .infoInner .tel{ margin-right:10px; float: left;
width: 43%;}
footer .infoInner .fax{ }
footer .infoInner span{ font-size:12px; padding: 5px 0px 0px 6%;
width: 47%;
float: right;
display: block;
line-height: 1em;
}

footer .footNavi { width: 100%; overflow: hidden; border-bottom: 1px solid #c5b7ab;}
footer .footNavi li{ float: left; display: table; width: 50%; height: 41px; background:#ede4de; font-size:15px;}
footer .footNavi li a{display: table-cell; vertical-align: middle; width: 100%; padding-left: 20px; border-top: 1px solid #c5b7ab; border-right: 1px solid #c5b7ab;
background:url(../images/common/arrow_gr.png) 5px center no-repeat; background-size:6px 12px;}

footer .linkBtn{ width:86%; padding: 12px 7%; margin-bottom:0;}

footer small{ background: #E60012; color: #FFF; padding: 3px 0 2px; font-size: 11px; display: block; text-align: center;}


/* *************************************

	トップ top

***************************************/
.top .gNavi { margin:0 5px;}

.top #mv{ margin:0 8px 10px;}

.top .pointBox{ background:#f8f5f3; padding-bottom: 10px;}
.top .pointBox .pointTtl{ text-align:center;}
.top .pointBox li{ float:left; width:33%;}
.top .pointBox .txt{ padding-top:10px;}

.top .locationBox .location b { font-size:80%; font-weight:normal; margin:0 0 0 10px;}
.top .locationBox .linkBtn { margin-bottom:7px; width:49%;}
.top .locationBox .linkBtn.left { float:left; }
.top .locationBox .linkBtn.right { float:right; }
.top .locationBox .linkBtn h4 { text-align: center; margin-bottom: 5px; }
.top .locationBox .linkBtn a{ /*width:48.5%;*/ margin-right:1%; display: inline-block;}
.top .locationBox .linkBtn a:last-child{ margin-right:0;}

.top .blogBox h3 a{ float:right; margin-right:8px; display:inline-block;}
.top .blogBox h3 a img{ width:auto; height:28px;}

.top .blogBox li.rssRow{ border-bottom:1px dotted #CCC; padding-bottom: 8px; margin-bottom: 8px;}
.top .blogBox li.rssRow div{ color:#E60012;}
.top .blogBox li.rssRow div a{ color:#39579A;}

.top #itemListBox { padding-top:70px; margin-top:-70px;}
.top #itemListBox .secInner > p{ font-size:12px; margin-bottom:5px; line-height: 1.4;}
.top #itemListBox .itemList p a{ background:#238c00; border:1px solid #238c00; display:block; color:#FFF; font-weight:bold; text-align: center; font-size: 11px;}
.top #itemListBox .itemList p a span{ background:url(../images/common/arrow_wh.png) no-repeat 2px center; background-size:5px 10px; display:block; padding: 5px 0 5px 5px; line-height: 1;
font-family: "ＭＳ Ｐゴシック","MS PGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}

.top .flowListBox .secInner{ background:#ffe4e6; padding: 7px 8px 3px;}
.top .flowListBox .secInner h4{ width: 80%; margin: 0 auto 5px;}


/* *************************************

	買取品目 item

***************************************/
.item .secInner .photo,
.item .secInner .txtBox p{ margin-bottom:10px;}

.item .secInner .detailLink{ text-align: center;}
.item .secInner .detailLink a{ background:url(../images/common/arrow_gr.png) no-repeat 10px center #FDD7D8; background-size: 7px;
display: block; width: 100%; margin:15px auto; padding: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.item .secInner .point{ border: 2px solid #E60012;}
.item .secInner .point h4{ padding: 4px 8px; background: #E60012; color: #FFF; font-weight:bold;}
.item .secInner .point ul{ padding: 0 8px 8px; margin-left:18px;}
.item .secInner .point li{ padding-top: 8px; list-style: square outside;}

.item .secInner .backLink{ text-align: center;}
.item .secInner .backLink a{ background:url(../images/common/arrow_gr.png) no-repeat 10px center; background-size: 7px;
display: block; width: 40%; margin:20px auto; padding: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
height:25px; line-height:25px; border: 1px solid #999;}


/* *************************************

	店舗のご案内 location

***************************************/
/* 一覧ページ */
.locationList .location b { font-size:80%; font-weight:normal; margin:0 0 0 10px;}
.locationList .shopList li a{ padding:10px; display: block; border-bottom: 1px dotted #CCC; background: url(../images/common/arrow_gr.png) no-repeat 98% center;}
.locationList .shopList li a h4{ font-size:15px; font-weight:bold;}
.locationList .shopList li:nth-child(2n+1){ background:#FFF6F6;}

/* 各店舗ページ */
.locationPage h4{ font-size: 16px; font-weight: bold; color: #238c00; border-bottom: 1px solid #238c00; margin: 15px 0 10px;}

.locationPage .manager img{ width: 30%; float: right; padding: 0 0 10px 10px;}

.locationPage .access dl{ margin-bottom:10px;}
.locationPage .access dt{ font-weight:bold;}
.locationPage .access dd a{ color:#39579A; text-decoration:underline;}

.locationPage .photo img{ width:49%;}

.locationPage .backLink{ text-align: center;}
.locationPage .backLink a{ background:url(../images/common/arrow_gr.png) no-repeat 10px center; background-size: 7px;
    display: block; width: 40%; margin:20px auto; padding: 5px 0 5px 10px; height:25px; line-height:25px;
    border: 1px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/* *************************************

	買取の流れ flow

***************************************/
.flow dl { margin-bottom:20px; }
.flow dl.arr { padding-bottom:30px; background:url(../images/flow/arrow.png) no-repeat center bottom; }
.flow dt { border-radius:3px; border:#238c00 1px solid; color:#238c00; font-size:1.1em; font-weight:bold; }
.flow dt span { display:inline-block; margin-right:10px; padding:7px 10px; color:#fff; font-family:'Roboto', sans-serif;
    font-size:1.0em; font-weight:600; text-shadow:0 -1px 0 rgba(0,0,0,0.15); background:#238c00; }
.flow dd { padding:10px; }
.flow .button { background:#E60012 url(../images/common/arrow_wh.png) no-repeat 10px center; background-size: 7px;
    display:block; width:50%; margin:20px auto 0; padding:12px 20px; text-align:center; color:#fff; font-weight:bold; text-decoration:none;
    border:1px solid #E60012; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.flow .tel { display:block; width:50%; margin:20px auto 0; padding:8px 20px 5px; text-align:center; color:#238c00;
    border:1px solid #238c00; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.flow .tel img { margin:0 0 5px; }

.flow .complete p { color:#E60012; font-size:120%; font-weight:bold; padding:0 0 2px; }
.flow .cancel p { color:#777; font-size:120%; font-weight:bold; padding:0 0 2px; }
.flow .complete p b { font-size:120%; }
.flow .cancel p b { font-size:120%; }

.flow .flowListBox .secInner{ background:#ffe4e6; padding: 7px 8px 3px;}
.flow .flowListBox .secInner h4{ width: 80%; margin: 0 auto 5px;}


/* *************************************

	買取お申込み mailform

***************************************/
.mailform .form p { padding:10px; }
.mailform .form .require { color:#F00; }
.mailform .form dl { padding:0 0 10px; }
.mailform .form dt { padding:5px 15px; background:#eee; }
.mailform .form dd { padding:5px; }
.mailform .form dd input[type=text],
.mailform .form dd textarea,
.mailform .form dd select { margin:0; padding:0.5em; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:1.1em;
    border:#CCC 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.mailform .form dd input[type=text]:focus,
.mailform .form dd textarea:focus { background:#FFFFF0; }
.mailform .form dd input[type=text] { width:95%; }
.mailform .form dd textarea { width:95% !important; height:200px !important; }
.mailform .form dd label { padding:0 10px; display:inline-block; }
.mailform .form dd label input { vertical-align:-2px; margin-right:5px; }
.mailform .form input[type=submit] { background:#E60012 url(../images/common/arrow_wh.png) no-repeat 10px center; background-size: 7px;
    display:block; width:50%; margin:auto; padding:12px 10px 12px 20px; color:#fff; font-weight:bold; font-size:1.2em;
    border:1px solid #E60012; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

.mailform .note { margin:20px 10px 15px; padding:15px 10px; border-radius:5px; border:#DDD 2px dashed; background:#FCFCFC; }
.mailform .note .tel { background:#eee linear-gradient(#ffffff,#e7e7e7);
    display:block; max-width:250px; margin:10px auto; padding:8px 0 5px; text-align:center; font-size:80%; line-height:1.2em;
    border:2px solid #238c00; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.mailform .note .tel strong { color:#238c00; font-size:1.7em; font-weight:bold; line-height:1.5em; }
.mailform .note .office { font-size:85%; line-height:1.3em; min-height:42px; display:table; }
.mailform .note .office div { display:table-cell; vertical-align:middle; }
.mailform .note .office .logo { text-align:center; font-weight:bold; font-size:90%; color:#E60012; }
.mailform .note .office .logo img { width:95px; }
.mailform .note .office p { display:inline-block; padding:0 0 0 10px; }


/* 確認画面 */
#mfp_phase_confirm h4{ font-size:16px !important;}

#mfp_phase_confirm #mfp_confirm_table .mfp_colored { background-color:#fff !important; }
#mfp_phase_confirm #mfp_confirm_table tr { position:relative; }
#mfp_phase_confirm #mfp_confirm_table th { position:absolute; background:#eee; border:none !important; width:93%; font-size:100% !important; }
#mfp_phase_confirm #mfp_confirm_table td { padding:35px 10px 10px !important; border:none !important; font-size:100% !important; }


#mfp_phase_confirm .mfp_buttons { padding:10px 30px; zoom: 100%; min-height: 1px;}
#mfp_phase_confirm .mfp_buttons:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}

#mfp_button_send { background:#E60012 url(../images/common/arrow_wh.png) no-repeat 10px center; background-size: 7px;
    display:block; width:47%; margin:5px auto 0; padding:12px 10px 12px 20px; color:#fff; font-weight:bold; float:right;
    border:1px solid #E60012; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

#mfp_button_cancel { background:url(../images/common/arrow_gr.png) no-repeat 10px center; background-size: 7px;
    display: block; width:47%; margin:5px auto 0; padding:12px 10px 12px 20px; color:#333; text-align:center; float:left;
    border:1px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.mailform .thanks p { font-size:1.2em; color:#E60012; line-height:1.4em; text-align:center; margin:20px 10px; }
.mailform .thanks a { background:url(../images/common/arrow_gr.png) no-repeat 10px center; background-size: 7px;
    display: block; max-width:150px; margin:20px auto; padding:12px 20px; text-align:center;
    border: 1px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/*2021/05/24 TOP改修*/
#post-box h3.postlist {
	background: url(../images/common/ico_09.png) #E60012  no-repeat 5px center;;
}

#post-box #post ul li {
	/*border-bottom: 1px dotted #d0a464 ;*/
	border-bottom: 1px solid #5a2e00;
	padding-bottom: 5px;
}

#post-box .list-link a {
	text-align: right;
	display: block;
	color: #000000;
}

#post-box #post ul,
#post-box .list-link {
	padding: 10px;
}

#post-box #post ul li .post-info a{
	color: #000000;
}

/*2021/05/24 店舗案内改修*/
#content.locationPage section .secInner .shop-details h4{
	margin-bottom: 20px;
}
#content.locationPage section .secInner .shop-details ul li dl dt{
	font-size: 15px;
	font-weight: bold;
	color: #7a3f00;
	margin-bottom: 10px;
	position: relative;
}

#content.locationPage section .secInner .shop-details ul li dl dd{
	font-size: 13px;
	line-height: 1.8;
}

#content.locationPage section .secInner .shop-details ul li dl dd .url-heading h2 {
	padding: 0 10px;
	width: 45px;
	background-color: #8c0000;
	color: #FFF;
	font-weight: bold;
}

#content.locationPage section .secInner .shop-details ul {
	font-size: 0;
}

#content.locationPage section .secInner .shop-details ul li {
	display: block;
	vertical-align: top;
	width: 100%;
	margin-bottom: 20px;
}

#content.locationPage section .secInner .shop-details ul li dl dd .url-heading {
	margin-top: 10px;
}

#content.locationPage section .secInner .shop-details ul li dl dd .url-heading h2 {
	padding: 0 10px;
	width: 45px;
	background-color: #8c0000;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -0.05em;
}