@CHARSET "UTF-8";

/* =====================================
	共通
======================================= */
body {
	min-width:1080px;
}

#oshirase {
	width: 1060px;
	font-size: 14px;
	padding: 16px;
	border: 1px solid #B3405A;
	color: #B3405A;
	box-sizing: border-box;
	margin: 10px auto 30px;
}

/* キービジュアル
-------------------------- */
.keyVisual {
	background:url(../img/common/main_keyv_bg.png) repeat-x center bottom #FEFDFE;
	position:relative;
	overflow:hidden;
}

.keyVisual.sub{
	background:url(../img/sub/mainv_bg.png) repeat-x center bottom #FEFDFE;
}
.keyVisual .inner {
	width:1080px;
	margin:0 auto;
	position:relative;
}
.keyVisual .inner .tagline {
	position:absolute;
	left:0; bottom:0;
	width:100%;
	height:100%;
}
.keyVisual .inner .tagline h2,
.keyVisual .inner .tagline p {
	position:absolute;
	margin:0;
}
.keyVisual .inner .tagline p {
	padding-right:320px;
	box-sizing: border-box;
}


/* コンテンツ詳細リンク
-------------------------- */
div.detailPageLink {
	background:url(../img/common/icon_arrow_pi.svg) no-repeat right center;
	background-size:16px 16px;
	padding-right:20px;
	text-align:right;
	font-weight:bold;
	margin:6px;
}
div.detailPageLink a {
	display:inline-block;
	padding-top:4px\0;
}


/* 「ページトップ」ボタン
-------------------------- */
#goTop {
	position: fixed;
	right:0; bottom:20px;
	width:40px;
	height:60px;
	line-height:62px;
	background:rgba(0,0,0,0.4);
	color:#FFF;
	border-top-left-radius: 6px;
}
#goTop img {
	display:inline;
}




/* =====================================
	共通レイアウト
======================================= */

/* ２カラム
-------------------------- */
#wrap {
	width:1060px;
	padding:0 10px;
	margin:0 auto 40px;
}
#mainCon {
	width:780px;
	float: left;
}
#rightCon {
	width:250px;
	float: right;
}


/* スライダー
-------------------------- */
#mainSlider {
	position: relative;
	min-width:1080px;
}
#mainSlider .sp-mask::before,
#mainSlider .sp-mask::after {
	content:'';
	display:block;
	position:absolute;
	z-index: 100;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.6);
}
#mainSlider .sp-mask::before {
	left:calc(-50% - 540px);
}
#mainSlider .sp-mask::after {
	right:calc(-50% - 540px);
}
#mainSlider .sp-buttons {
	position: absolute;
	bottom:10px;
	z-index: 1000;
}
#mainSlider .sp-button {
	background-color: #f3b9c7;
	border:rgba(255,255,255,0.3) solid 2px;
	width:14px;
	height:14px;
}
#mainSlider .sp-selected-button {
	background-color: #E5638B;
}

/* ピンクライン */
aside#slide-bottom {
	width: 100%;
	padding: 0px;
	border-top: 9px solid #f3b9c7;
	margin-bottom:24px;
}

aside#slide-bottom .wrapper {
	max-width: 1080px;
	margin: -9px auto 0;
	width: 100%;
	height: 1px;
	border-top: 9px solid #E5638B;
}





/* お問合せ
-------------------------- */
.contact h2{
	text-align: center;
	color: #b7405a;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	font-size: 22px;
	border: #B7405A solid 3px;
	letter-spacing: 0.1rem;
	padding: 10px 0;
}

@media all and (-ms-high-contrast:none){
	.contact h2{
	padding: 14px 0 8px;
	}
}

.contact .inner {
	padding: 0 16px 40px;
}

.contact .inner > div {
	padding-top: 20px;
}

.contact .inner > div > .title {
	width: 35%;
	float: left;
	box-sizing: border-box;
	display: table;
	height: 60px;
}

.contact .inner .telBox .title {
	background: url(../image/common/tel_icon.png) left center / 50px 50px no-repeat;
}

.contact .inner .mailBox .title {
	background: url(../image/common/mail_icon.svg) left center / 50px 50px no-repeat;
}

.contact .inner .sateiBox .title {
	background: url(../image/common/satei_icon.svg) left center / 50px 50px no-repeat;
}


.contact .inner > div > .title p {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	padding-left: 60px;
	line-height: 1.3rem;
	background: url(../image/common/catlist_arrow.png) right center / 14px 14px no-repeat;
}

.contact .inner .telBox .title .time {
	font-size: 12px;
	font-weight: normal;
}

.contact .inner > div > div {
	width: 63%;
	float: left;
	box-sizing: border-box;
}


.contact .inner .telBox .call {
	display: table;
	height: 60px;
	background: url(../image/common/fd_icon.svg) left center / 70px no-repeat;
	margin-left: 2%;
}

.contact .inner .telBox .call.nonePc {
display: none;
}

.contact .inner .telBox .call p {
	font-size: 60px;
	color: #888;
	letter-spacing: 0.07rem;
	padding-left: 76px;
	display: table-cell;
	vertical-align: middle;
}

.contact .inner .mailBox .ButtonBox {
	letter-spacing: -0.4rem;
	margin-left: 2%;
}

.contact .inner .mailBox .ButtonBox .mailButton {
	display: inline-block;
	width: 49%;
	height: 60px;
	line-height: 60px;
	background: rgb(139,164,205);
	background: -moz-linear-gradient(-45deg, rgba(139,164,205,1) 0%, rgba(29,113,174,1) 23%);
	background: -webkit-linear-gradient(-45deg, rgba(139,164,205,1) 0%,rgba(29,113,174,1) 23%);
	background: linear-gradient(135deg, rgba(139,164,205,1) 0%,rgba(29,113,174,1) 23%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ba4cd', endColorstr='#1d71ae',GradientType=1 );
	border-radius: 4px;
	letter-spacing: normal;
	box-sizing: border-box;
}

.contact .inner .mailBox .ButtonBox .mailButton a {
	display: block;
	padding: 0 40px 0 20px;
	color: #fff;
	text-decoration: none;
	background: url(../image/common/arrow_r_wi.svg) 97% center / 24px 24px no-repeat;
}


.contact .inner .mailBox .ButtonBox .left {
	margin-right: 2%;
}

.contact .inner .sateiBox .ButtonBox {
	margin-left: 2%;
}

.contact .inner .sateiBox .ButtonBox .mailButton {
	height: 60px;
	line-height: 60px;
	background: rgb(227,154,161);
	background: -moz-linear-gradient(-45deg, rgba(227,154,161,1) 0%, rgba(208,85,116,1) 23%);
	background: -webkit-linear-gradient(-45deg, rgba(227,154,161,1) 0%,rgba(208,85,116,1) 23%);
	background: linear-gradient(135deg, rgba(227,154,161,1) 0%,rgba(208,85,116,1) 23%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e39aa1', endColorstr='#d05574',GradientType=1 );
	border-radius: 4px;
	letter-spacing: normal;
	box-sizing: border-box;
}

.contact .inner .sateiBox .ButtonBox .mailButton a {
	display: block;
	padding: 0 40px 0 20px;
	color: #fff;
	text-decoration: none;
	background: url(../image/common/arrow_r_wi.svg) 97% center / 24px 24px no-repeat;
	font-size: 20px;
}


.contact .inner .mailBox .ButtonBox .mailButton:hover,
.contact .inner .sateiBox .ButtonBox .mailButton:hover{
	opacity: 0.8;
}





/* パンクズ
-------------------------- */
#breadcrumb {
	width:1060px;
	padding:8px 10px;
	margin:0 auto;
}
#breadcrumb li {
	float: left;
	height:14px;
	line-height:14px;
	background:url(../img/common/bc_arr.svg) no-repeat left center;
	background-size:14px 7px;*/
	background:red;
	padding:2px 0 2px 16px;
}
#breadcrumb li:first-child {
	width:14px;
	height:14px;
	background:none;
	padding:2px 0 2px 0;
}
#breadcrumb li:not(:first-child) a {
	text-decoration:none;
	color: #333;
}
#breadcrumb li span {
	font-size:12px;
	line-height:14px;
	color: #333;
}

/* お知らせ
-------------------------- */

/* HOME */
#noticeHome {
	width:1060px;
	padding:0 10px;
	margin:30px auto;
}

/* カテゴリTOP・下層ページ */
#notice {
	margin-bottom: 20px;
}


/* ヘッダー
-------------------------- */
#header .inner {
	display: table;
	width:1080px;
	height:100px;
	margin:0 auto;
}
#header .inner .siteLogo,
#header .inner .pageH1,
#header .inner .privacyMark {
	display:table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
#header .inner .siteLogo {
	width:200px;
	height:100px;
}
#header .inner .siteLogo a {
	display:block;
	text-decoration:none;
}
#header .inner .siteLogo a img {
	width:160px;
	height:auto;
}

#header .inner .pageH1 {
	width: 400px;
	padding-left: 350px;
}

#header .inner .pageH1 h1 {
	line-height:1.2em;
	overflow: hidden;
	font-weight:normal;
	font-size:11px;
	color:#888;
	text-align:right;
}
#header .inner .pageH1 h1 strong {
	font-weight:normal;
}

#header .inner .privacyMark {
	width: 80px;
	padding: 0 10px 0;
}

#header .inner .privacyMark img {
	width: 100%;
}



/* グローバルメニュー
-------------------------- */
#gNavi {
	background:#e34f6e;
	background-color: #f3b9c7;
}
#gNavi > ul {
	width:1080px;
	margin:0 auto;
	height:54px;
}
#gNavi > ul > li {
	width:33.3333%;
	float:left;
	position: relative;
	background-color:#FFF
}
#gNavi > ul > li .nolink {
	display: block;
	width: 100%;
	height:54px;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#59492c;
	font-size:15px;
	letter-spacing: 2px;
	text-shadow: 0 0 4px rgba(50,50,50,0.2);
	cursor: pointer;
}
#gNavi > ul > li > a {
	display: block;
	height:54px;
	text-decoration:none;
}


/* ドロップダウン部分 */
#gNavi > ul > li > ul {
	z-index: 1;
}

#gNavi > ul > li > ul {
	position: absolute;
	top: 54px;
	box-sizing: border-box;
	width: 100%;
	background: rgba(260,150,160,0.9);
	padding:8px 0;
}
#gNavi > ul > li > ul li > a {
	display:block;
	text-decoration:none;
	padding:8px 0;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.1em;
	color: #FFF;
	font-weight:bold;
	text-shadow:0 0 4px #e34f6e;
}
#gNavi > ul > li > ul li > a:hover,
#gNavi > ul > li > ul li > a:active {
	background: rgba(230,80,110,0.5);
}



/* サイトマップ
-------------------------- */
#sitemap {
	background-color: rgba(229, 99, 139, 0.2);
	padding: 80px;
	line-height: 1.75em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color:#333;
}
#sitemap .wrapper {
	width: 920px;
  	margin: auto;
}
#sitemap .wrapper h2 {
	font-size: 21px;
	padding-bottom: 72px;
}
#sitemap .wrapper .indexwapper {
	display: flex;
}
#sitemap .wrapper .indexmember {
	width: calc(25%);
	font-size: 12px;
}
#sitemap .wrapper .indexmember h3 {
	padding-bottom: 40px;
}
#sitemap .wrapper .indexmember a {
	display: block;
    padding: 2px 4px;
	text-decoration: none;
	color:#333;
}



/* フッター
-------------------------- */
#footer {
	background-color: #E5638B;
	padding: 53px 0 20px;
	color: #FFF;
	line-height: 1.75em;
}
#footer .inner {
	width:1060px;
	padding:0 10px;
	margin:0 auto;
}
#footer .inner .logo {
	text-align: center;
}
#footer .inner .logo img {
	display:inline-block;
}
#footer .inner ul.approve {
	padding-top: 32px;
	padding-bottom: 34px;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 9px;
	text-align: center;
}
#footer .inner ul.approve li {
	display: inline-block;
	font-size: 12px;
}
#footer .inner ul.approve li:not(:first-of-type) {
	padding-left:1em;
}
#footer .inner ul.approve li:not(:first-of-type)::before {
	content: '/';
	padding-right:1em;
}

/* コピーライト */
#footer .inner .copyright {
	height:24px;
	margin-bottom:0;
	line-height:26px;
	color:#FFF;
	font-size:12px;
	text-align:center;
}
#footer .inner .copyright a {
	text-decoration:none;
	color:#FFF;
}







/* サイドバー（標準）
-------------------------- */
/* side_normal_top.php ------------ */
#rightCon .sateiInfo {
	margin-bottom: 38px;
}
#rightCon .sateiInfo h5 {
	text-align: center;
	border:#B7405A solid 3px;
	border-radius:6px;
	padding:10px 0;
	margin-bottom: 12px;
	line-height:18px;
}
#rightCon .sateiInfo h5 img {
	display: inline-block;
}


/* まずはご相談 */
#rightCon .sateiInfo .sateiTel b {
	display:block;
	background: url(../img/sidebar/icon_fd.png) no-repeat left 6px bottom 2px;
	padding:4px 0 4px 54px;
	font-family: 'Noto Sans';
	font-weight: normal;
	font-size:30px;
	color: #666;
}
#rightCon .sateiInfo .sateiTel p {
	padding-left:10px;
	font-size: 15px;
	text-align: center;
}
#rightCon .sateiInfo .sateiTel p small {
	font-size:11px;
}


/* 査定方法バナー */
#rightCon .sateiInfo .kaitoriHow li:not(:last-of-type) {
	margin-bottom: 10px;
}



/* side_normal_menu.php ------------ */
/* 買取アイテム */
#rightCon .sateiInfo .catList {
	border-top:#CCC solid 1px;
}
#rightCon .sateiInfo .catList li {
	border-bottom:#CCC solid 1px;
	background: url(../img/sidebar/catlist_arrow.png) no-repeat right 6px center #FFF;
}
#rightCon .sateiInfo .catList li:hover,
#rightCon .sateiInfo .catList li:active {
	background: url(../img/sidebar/catlist_arrow.png) no-repeat right 6px center #fcedf0;
}
#rightCon .sateiInfo .catList li a {
	display:block;
	padding:12px 28px 12px 48px;
	transition: background-color 100ms ease-out;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	font-size:15px;
	letter-spacing: 0.1em;
}

#rightCon .sateiInfo .catList li:nth-child(1) a {
	/*background: url(../img/sidebar/catlist_kimono.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-antique.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(2) a {
	/*background: url(../img/sidebar/catlist_kosen.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-coin.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(3) a {
	/*background: url(../img/sidebar/catlist_kitte.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-stamp.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(4) a {
	/*background: url(../img/sidebar/catlist_brand.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-brand.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(5) a {
	/*background: url(../img/sidebar/catlist_tableware.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-cutlery.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(6) a {
	/*background: url(../img/sidebar/catlist_watch.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-watch.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(7) a {
	/*background: url(../img/sidebar/catlist_kottou.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-kottou.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(8) a {
	/*background: url(../img/sidebar/catlist_jewelry.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-jewelry.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(9) a {
	/*background: url(../img/sidebar/catlist_gold.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-gold.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(10) a {
	/*background: url(../img/sidebar/catlist_brandwear.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-brandwear.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(11) a {
	/*background: url(../img/sidebar/catlist_kegawa.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-kegawa.png) no-repeat left 8px center;
	background-size:30px 30px;
}
#rightCon .sateiInfo .catList li:nth-child(12) a {
	/*background: url(../img/sidebar/catlist_liquor.png) no-repeat left 8px center;*/
	background: url(../img/home/main_item-liquor.png) no-repeat left 8px center;
	background-size:30px 30px;
}


/* QRコード */
#rightCon .sateiInfo .qrSp {
	border-top:#CCC solid 1px;
}
#rightCon .sateiInfo .qrSp li {
	padding:40px 0;
	border-bottom: #CCC solid 1px;
}


/* 種類別の実績 */
#rightCon .sateiInfo .resultType {
	border-top:#CCC solid 1px;
}
#rightCon .sateiInfo .resultType li {
	border-bottom:#CCC solid 1px;
}
#rightCon .sateiInfo .resultType li a {
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px;
	background:url(../img/sidebar/catlist_arrow.png) no-repeat right 6px center #FFF;
	transition: background-color 100ms ease-out;
}
#rightCon .sateiInfo .resultType li a:hover,
#rightCon .sateiInfo .resultType li a:active {
	background: url(../img/sidebar/catlist_arrow.png) no-repeat right 6px center #fcedf0;
}
#rightCon .sateiInfo .resultType li a small {
	display:block;
	font-size:10px;
	line-height: 1em;
	letter-spacing: 0.1em;
	margin-top:2px;
}


/* 地域別の実績 */
#rightCon .sateiInfo .resultArea {
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding-top:10px;
	padding-bottom:12px;
}
#rightCon .sateiInfo .resultArea li {
	font-size:11px;
	line-height:1.6em;
	margin-bottom:10px;
}
#rightCon .sateiInfo .resultArea li:last-of-type {
	margin-bottom:0;
}
#rightCon .sateiInfo .resultArea li h4 {
	font-weight:normal;
}
#rightCon .sateiInfo .resultArea li a {
	display:inline-block;
	margin-right:0.5em;
	font-weight: bold;
}



/* コンテンツバナー ---------------- */
#rightCon .subBnrBox {
	margin-bottom:12px;
}
#rightCon .subBnrBox li:not(:last-child) {
	margin-bottom:4px;
}


/* 下層用メニュー
-------------------------- */
#rightCon .branchMenu {
	margin-bottom:16px;
}
/* タイトル */
#rightCon .branchMenu h4 {
	position:relative;
	padding-top:14px;
	margin-bottom:4px;
}
#rightCon .branchMenu h4::before {
	content:'';
	display:block;
	position:absolute;
	left:2px; top:0;
	width:48px;
	height:100%;
	background:url(../img/sidebar/branchmenu_ttlicon.svg) no-repeat;
	background-size:48px 48px;
}
#rightCon .branchMenu h4 b {
	display:block;
	height:38px;
	line-height:40px;
	padding-left:56px;
	background:url(../img/sidebar/branchmenu_ttlbg.png) center center #59492c;
	background-size:cover;
	color:#FFF;
	font-size:16px;
	letter-spacing: 0.1em;
}
#rightCon .branchMenu ul li {
	background: #F9F9F9;
	background: -moz-linear-gradient(top,  #F9F9F9 0%, #ecebe7 100%, #ecebe7 100%);
	background: -webkit-linear-gradient(top,  #F9F9F9 0%,#ecebe7 100%,#ecebe7 100%);
	background: linear-gradient(to bottom,  #F9F9F9 0%,#ecebe7 100%,#ecebe7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#ecebe7',GradientType=0 );
}
#rightCon .branchMenu ul li a {
	display:block;
	background:url(../img/common/icon_arrow_gy.svg) no-repeat left 8px center;
	background-size:14px 14px;
	padding:13px 0.2em 12px 30px;
	text-decoration:none;
	color:#333;
	font-size:14px;
	line-height:1.2em;
}
#rightCon .branchMenu.brand ul li a {
	padding:10px 0.2em 10px 30px;
}
#rightCon .branchMenu ul li a:hover,
#rightCon .branchMenu ul li a:active {
	color:#cf6767;
	background:url(../img/common/icon_arrow_pi.svg) no-repeat left 8px center;
	background-size:14px 14px;
}
#rightCon .branchMenu ul li a i {
	display:block;
	font-size:10px;
	font-style: normal;
}



/* =====================================
	共通コンテンツ
======================================= */

/* 選べる買取方法
-------------------------- */
#howselect {
	background:#f5f5f5;
	padding:30px 0 20px;
	margin-bottom:30px;
}

/* タイトル */
#howselect header {
	text-align: center;
	margin-bottom:10px;
}
#howselect header h3 {
	font-size:1.6rem;
	margin-bottom:6px;
}
#howselect header p {
	color:#59492c;
	font-size:1.1rem;
	margin:0;
}

/* 種類 */
#howselect ul {
	width:740px;
	margin:0 auto;
}
#howselect ul li {
	width:360px;
	float: left;
}
#howselect ul li:not(:last-child) {
	margin-right:20px;
}
#howselect ul li a {
	display:block;
	text-decoration:none;
	border-left:#DDD solid 8px;
	padding:4px 26px 4px 14px;
	margin:8px 0;
	line-height:1.8em;
}

/* 宅配 */
#howselect ul li:nth-of-type(1) a {
	background:url(../img/service_common/howselect_delivery_arrow.svg) no-repeat right 12px center;
	background-size: 24px 24px;
	border-color: #4c925a;
}
#howselect ul li:nth-of-type(1) a:hover,
#howselect ul li:nth-of-type(1) a:active {
	background:url(../img/service_common/howselect_delivery_arrow.svg) no-repeat right 12px center rgba(255,255,255,0.8);
	background-size: 24px 24px;
}

/* 出張 */
#howselect ul li:nth-of-type(2) a {
	background:url(../img/service_common/howselect_visit_arrow.svg) no-repeat right 12px center;
	background-size: 24px 24px;
	border-color: #3e6aa1;
}
#howselect ul li:nth-of-type(2) a:hover,
#howselect ul li:nth-of-type(2) a:active {
	background:url(../img/service_common/howselect_visit_arrow.svg) no-repeat right 12px center  rgba(255,255,255,0.8);
	background-size: 24px 24px;
}

#howselect ul li a span {
	color: #666;
}
#howselect ul li a h4 {
	font-weight:bold;
	font-size:1.4rem;
	letter-spacing: 0.1em;
	color: #59492c;
}
#howselect ul li a h4 strong {
	font-size:1.8rem;
	margin-right:0.1em;
}
#howselect ul li p {
	font-size:0.85rem;
	line-height:1.6em;
	padding:0 0.5em;
}



/* ハッピーボイス
-------------------------- */
#hVoice {
	margin-bottom: 40px;
}
#hVoice header {
	margin-bottom: 16px;
}

/* タイトル ------------ */
#hVoice header p,
#hVoice header h3 {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	text-align: center;
	font-weight:bold;
	letter-spacing: 0.1em;
}
#hVoice header p {
	color:#bcb57d;
	font-size:1.3rem;
	margin-bottom:2px;
}
#hVoice header h3 {
	background:url(../img/common/ptnbg_pb.png) center top;
	font-size:1.8rem;
	padding:0.7em 0 0.4em;
	padding:0.75em 0 0.35em\0;
	color: #FFF;
	text-shadow:0 2px 1px rgba(50,50,50,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.2);
}

/* 商品画像 ------------ */
#hVoice ol {
	width:740px;
	margin:0 auto;
}
#hVoice ol li:not(:last-child) {
	margin-bottom:20px;
}
#hVoice .thmBox {
	width:200px;
	box-sizing: border-box;
	float: left;
	text-align:center;
}
#hVoice .thmBox > img {
	display:inline-block;
	border:#DDD solid 1px;
}

/* コメント ------------ */
#hVoice dl.comment {
	width:524px;
	float: right;
}

/* タイトル */
#hVoice dl.comment dt {
	padding-left:80px;
	box-sizing: border-box;
	overflow-y: hidden;
	border-bottom:#bcb57d solid 1px;
	margin-bottom:8px;
}
#hVoice dl.comment dt.guestM {
	background:url(../img/service_common/hvoice_icon_m.png) no-repeat left bottom;
}
#hVoice dl.comment dt.guestF {
	background:url(../img/service_common/hvoice_icon_f.png) no-repeat left bottom;
}
#hVoice dl.comment dt .cat {
	display:table;
}
#hVoice dl.comment dt .cat strong,
#hVoice dl.comment dt .cat i {
	display:table-cell;
	vertical-align: top;
}
#hVoice dl.comment dt .cat strong {
	background:#CCC;
	padding:1px 1em 0;
	font-size:12px;
}
#hVoice dl.comment dt .cat i {
	display:inline-block;
	font-style: normal;
	padding:2px 0 2px 0.5em;
}
#hVoice dl.comment dt > em {
	display:block;
	padding:0.6em 0 0.3em;
	font-style: normal;
	font-weight:bold;
	font-size: 1.3rem;
	color: #bcb57d;
}

/* 本文 */
#hVoice dl.comment dd {
	clear: both;
}
#hVoice dl.comment dd p {
	font-size: 0.9rem;
}
#hVoice dl.comment dd > img {
	display:block;
	float: right;
	margin:0 0 0.2em 0.5em;
}



/* 福ちゃん買取サービスの特長
-------------------------- */
#selectreason {
	border:#78c1a9 solid 1px;
	margin-bottom:30px;
}
#selectreason h2 {
	background:#78c1a9;
	color:#FFF;
	font-size:1.2rem;
	line-height:1em;
	padding:8px 1em 6px;
}
#selectreason .ttl {
	background:url(../img/service_common/selectreason_ttlbg.png) no-repeat;
}
#selectreason .ttl h3 {
	padding:30px 30px;
	font-size:1.5rem;
	line-height:2em;
	text-shadow: 2px 2px 1px #FFF;
}
#selectreason .ttl h3 b {
	font-size:2.2rem;
}
/* PR内容 */
#selectreason ol {
	background:#efecdf;
	padding:20px 24px;
}
#selectreason ol li {
	width:210px;
	padding:16px 10px;
	float:left;
	background:#FFF;
}
#selectreason ol li:not(:last-child) {
	margin-right:20px;
}
#selectreason ol li h4 {
color:#ef9090;
font-size:1.5rem;
border-bottom:#DDD solid 1px;
padding:6px 0 10px 60px;
margin-bottom:8px;
}
#selectreason ol li:nth-child(1) h4 {
	background:url(../img/service_common/selectreason_no1.svg) no-repeat;
	background-size:50px 50px;
}
#selectreason ol li:nth-child(2) h4 {
	background:url(../img/service_common/selectreason_no2.svg) no-repeat;
	background-size:50px 50px;
}
#selectreason ol li:nth-child(3) h4 {
	background:url(../img/service_common/selectreason_no3.svg) no-repeat;
	background-size:50px 50px;
}
#selectreason ol li p {
	font-size:0.95rem;
}



/* 買取アイテム紹介
-------------------------- */
#kaitoriItem {
	margin-bottom:30px;
}
/* タイトル */
#kaitoriItem header {
	background:url(../img/home/ttl_curveimg.png) no-repeat center center #bcb57d;
	background-size:cover;
	padding-top: 10px;
	text-align:center;
	text-shadow: 0 2px 1px rgba(50,50,50,0.3);
	margin-bottom:12px;
}
#kaitoriItem header h2,
#kaitoriItem header p {
	background:#FFF;
}
#kaitoriItem header h2 {
	font-size:1.8rem;
	font-weight:normal;
	padding:0.8em 0 0.4em;
}
/* スライダー */
#kaitoriItem .loopSlider {
	position: relative;
    overflow: hidden;
    height:120px;
    border-bottom:#DDD dotted 2px;
    margin-bottom:10px;
}
#kaitoriItem .loopSliderWrap {
	width:780px;
	height:120px;
	overflow: hidden;
	position: absolute;
	left:0; top:0;
}
#kaitoriItem ul {
	overflow: hidden;
	height:120px;
	float: left;
}
#kaitoriItem ul li {
	float: left;
	width:100px;
	text-align:center;
}
#kaitoriItem ul li img,
#kaitoriItem ul li p {
	display:inline-block;
}
#kaitoriItem ul li img {
	border:#CCC solid 1px;
}
#kaitoriItem ul li p {
	font-size:12px;
	line-height:16px;
}
#kaitoriItem > h3 {
	margin-bottom:0.5em;
}
#kaitoriItem > p {
	font-size:0.9rem;
}



/* まとめ売り査定
-------------------------- */
#omatomeSatei {
	margin-bottom:40px;
	position:relative;
}
#omatomeSatei::after {
	content:'';
	display:block;
	width:288px;
	height:166px;
	background:url(../img/service_common/omatome_staff.png) no-repeat;
	position: absolute;
	right:0; bottom:0;
	z-index: 1;
}
/* タイトル */
#omatomeSatei header {
	position:relative;
	padding:10px 0 10px 50px;
	margin-bottom:12px;
}
#omatomeSatei header::before {
	content:'';
	display:block;
	position:absolute;
	left:0; top:0;
	width:100px;
	height:100%;
	background:url(../img/service_common/omatome_ttlimg.svg) no-repeat;
}
#omatomeSatei header h2 {
	font-size:2.2rem;
	border-top:#78c1a9 solid 2px;
	border-bottom:#78c1a9 solid 2px;
	padding:10px 0 10px 60px;
}
#omatomeSatei header h2 span {
	display:block;
	font-size:18px;
	font-weight:normal;
	padding-left:1em;
	margin-bottom:8px;
}
/* 内容 */
#omatomeSatei ul {
	background:url(../img/service_common/omatome_items.png) no-repeat;
	padding-top:152px;
	position: relative;
	z-index: 3;
}
#omatomeSatei ul li {
	display:inline-block;
	width:160px;
	text-align: center;
	font-weight: bold;
	font-size:1.2rem;
	padding:8px 0;
}
#omatomeSatei p {
	padding:10px 270px 10px 0;
}



/* サービスの流れ
-------------------------- */
#beginStep {
	margin-bottom:40px;
}
#beginStep > aside {
	border:#78c1a9 solid 1px;
}
/* タイトル */
#beginStep h2 {
	background:#78c1a9;
	color:#FFF;
	font-size:1.2rem;
	line-height:1em;
	padding:8px 1em 6px;
}
#beginStep h3 {
	background: #efecdf;
	background: -moz-linear-gradient(top,  #efecdf 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #efecdf 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #efecdf 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efecdf', endColorstr='#ffffff',GradientType=0 );
	padding:20px 30px 4px;
	border-bottom:#CCC dotted 1px;
	margin-bottom:16px;
	font-weight:normal;
	font-size: 16px;
}
#beginStep h3 b {
	display:inline-block;
	margin-right:1em;
	font-size:1.6rem;
	line-height:30px;
	background:url(../img/service_common/beginstep_ttl.svg) no-repeat;
	background-size:30px 30px;
	padding-left:36px;
}
/* ステップ */
#beginStep ol {
	padding:0 30px;
}
#beginStep ol li {
	margin-bottom:16px;
}
#beginStep ol li > figure {
	width:102px;
	float: left;
	padding-top:16px;
}
#beginStep ol li .des {
	width:360px;
	float: right;
	padding-left:236px;
	min-height:144px;
}
#beginStep ol li .des h4 {
	color:#b08a38;
	font-size:1.4rem;
	line-height:1.3em;
	font-weight:bold;
	padding:0.6em 0 0.3em;
	letter-spacing: 0.1em;
}
#beginStep ol li:nth-child(1) .des {
	background:url(../img/service_common/beginstep_pic01.png) no-repeat;
}
#beginStep ol li:nth-child(2) .des {
	background:url(../img/service_common/beginstep_pic02.png) no-repeat;
}
#beginStep ol li:nth-child(3) .des {
	background:url(../img/service_common/beginstep_pic03.png) no-repeat;
}



/* 買取に必要なもの
-------------------------- */
#personalid {
	margin-bottom:40px;
}
#personalid header {
	display:block;
	position:relative;
	padding-bottom:12px;
}
#personalid header::before {
	content:'';
	display:block;
	background:url(../img/service_common/personalid_human.png) no-repeat right bottom;
	position:absolute;
	right:0; bottom:0;
	z-index:5;
	width:427px;
	height:194px;
}
/* タイトル */
#personalid header h2 {
	position: relative;
	padding-left:1em;
	margin-bottom:16px;
}
#personalid header h2::before {
	content:'';
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:-1;
	width:100%;
	height:50%;
	border-bottom:#DDD solid 2px;
}
#personalid header h2 span {
	background:#FFF;
	padding:0 0.8em;
}
#personalid header ul {
	padding-left: 3em;
}
#personalid header ul li {
	list-style-type:disc;
	font-weight: bold;
}
#personalid .inner {
	border:#CCC solid 1px;
	background:url(../img/service_common/personalid_img.png) left 16px top 6px no-repeat #FFF;
	padding:0.6em 1em 0.6em 12em;
}



/* 宅配買取エリア 
-------------------------- */
#aboutDeli {
	margin-bottom:40px;
}
#aboutDeli article {
	background:url(../img/service_common/aboutdeli_bg.png) no-repeat right top #f5f0e4;
	position:relative;
	padding:20px 260px 20px 30px;
}
#aboutDeli article::after {
	content: '';
	display:block;
	position:absolute;
	right:0; bottom:0;
	z-index:10;
	width:340px;
	height:100%;
	background:url(../img/service_common/aboutdeli_pic.png) no-repeat right bottom;
	background-size:contain;
}
/* タイトル */
#aboutDeli article header {
	background:url(../img/service_common/aboutdeli_ttlimg.svg) no-repeat;
	background-size:90px 90px;
	height:90px;
	padding-left:60px;
}
#aboutDeli article header p {
	font-size:1.2rem;
	padding-left:40px;
}
#aboutDeli article header h2 {
	height:45px;
	line-height:56px;
	padding-left:40px;
	border-bottom:#4c925a solid 4px;
	color:#4c925a;
	margin-bottom:6px;
	font-size: 1.6rem;
}
/* 都道府県 */
#aboutDeli article .inner {
	background:rgba(255,255,255,0.5);
	padding:16px 24px 10px;
	border-radius:6px;
	margin-right:30px;
}
#aboutDeli article dl {
	width:49%;
	float: left;
	margin-bottom:10px;
	line-height:1.4em;
}
#aboutDeli article dl:nth-child(1) {
	color:#0d6fb8;
}
#aboutDeli article dl:nth-child(2) {
	color:#0da2df;
}
#aboutDeli article dl:nth-child(3) {
	color:#47a01b;
}
#aboutDeli article dl:nth-child(4) {
	color:#ea8400;
}
#aboutDeli article dl:nth-child(5) {
	color:#af7215;
}
#aboutDeli article dl:nth-child(6) {
	color:#ca1588;
}
#aboutDeli article dl:nth-child(7) {
	color:#7947b9;
}
#aboutDeli article dl:nth-child(odd) {
	margin-right:2%;
}
#aboutDeli article dl dt {
	font-weight:bold;
	font-size:13px;
}
#aboutDeli article dl dt:before {
	content:'▼ ';
	font-size:6px;
}
#aboutDeli article dl dd {
	display:inline-block;
	font-size:12px;
}
#aboutDeli article dl dd:not(:last-child) {
	margin-right:1em;
}



/* 文章コンテンツ
-------------------------- */
#pageSummary {
	max-height:8em;
	overflow-y: scroll;
	font-size:0.9rem;
	line-height:1.6em;
}
#pageSummary h3 {
	font-size:0.9rem;
}





/* ページタイトル
-------------------------- */
.pagetitleHeader {
	margin-bottom:20px;
}
.pagetitleHeader header {
	display:table;
	padding-right: 300px;
}
.pagetitleHeader header h2 {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	width:480px;
	height:230px;
	font-size:2.2rem;
	line-height: 1em;
	color: #FFF;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-shadow:0 0 8px rgba(50,50,50,0.6);
	letter-spacing: 0.2em;
}
.pagetitleHeader > p {
	padding:10px 0;
	text-align:center;
}
.pagetitleHeader > p strong,
.pagetitleHeader > p b {
	font-weight:normal;
}

/* 背景画像 */
#kimono .pagetitleHeader header {
	background:url(../kimono/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#kimono .pagetitleHeader header h2 {
	background:url(../kimono/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#brand .pagetitleHeader header {
	background:url(../brand/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#brand .pagetitleHeader header h2 {
	background:url(../brand/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#watch.pagetitleHeader header {
	background:url(../brand/img/watch/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#watch.pagetitleHeader header h2 {
	background:url(../brand/img/watch/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#brandwear .pagetitleHeader header {
	background:url(../brandwear/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#brandwear .pagetitleHeader header h2 {
	background:url(../brandwear/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#gold .pagetitleHeader header {
	background:url(../gold/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#gold .pagetitleHeader header h2 {
	background:url(../gold/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#jewelry .pagetitleHeader header {
	background:url(../jewelry/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#jewelry .pagetitleHeader header h2 {
	background:url(../jewelry/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#kegawa .pagetitleHeader header {
	background:url(../kegawa/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#kegawa .pagetitleHeader header h2 {
	background:url(../kegawa/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#kitte .pagetitleHeader header {
	background:url(../kitte/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#kitte .pagetitleHeader header h2 {
	background:url(../kitte/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#kosen .pagetitleHeader header {
	background:url(../kosen/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#kosen .pagetitleHeader header h2 {
	background:url(../kosen/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#kottou .pagetitleHeader header {
	background:url(../kottou/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#kottou .pagetitleHeader header h2 {
	background:url(../kottou/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#liquor .pagetitleHeader header {
	background:url(../liquor/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#liquor .pagetitleHeader header h2 {
	background:url(../liquor/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}

#tableware .pagetitleHeader header {
	background:url(../tableware/img/top/pagettl_bg02.png) no-repeat right center;
	background-size:contain;
}
#tableware .pagetitleHeader header h2 {
	background:url(../tableware/img/top/pagettl_bg01.png) no-repeat left center;
	background-size:cover;
}


/* =====================================
	西田デザイン共有
======================================= */

/* お問い合わせ
-------------------------- */
.homeContact {
	margin:46px auto 60px;
}
.homeContact table {
	width:740px;
	margin:0 auto;
}
.homeContact table th {
	padding-bottom:18px;
}
.homeContact table th,
.homeContact table td {
	vertical-align: top;
}
.homeContact table td {
	padding:0 20px;
}
.homeContact table td.wTime {
	background: url(../img/common/contact_time_bg.png) no-repeat left 24px top 10px;
	padding-right:0;
}
.homeContact table td.wTime .inner {
	/*background:url(../img/common/contact_time.png) no-repeat left 60px top 10px;*/
	padding-top:16px;
	padding-left:64px;
	line-height:1.3em;
	font-size:16px;
}
.homeContact table td.wTime .inner::before {
	content:'受付時間';
	display: block;
	font-size:13px;
	margin-bottom:4px;
}
.homeContact table td.telNum {
	width:480px;
	position:relative;
	padding-top:10px;
}
.homeContact table td.telNum::before {
	content:'';
	display:block;
	position:absolute;
	left:0; top:8px;
	height:90%;
	border-left:#CCC solid 2px;
}


/* 買取アイテム
-------------------------- */
.itemwrapper {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 22px 0;
}

.itemwrapper a {
	display: block;
	text-decoration: none;
	padding-bottom: 33px;
	width: 33.3333%;
	color: #333;
	float: left;
	position: relative;
}

.itemwrapper a:hover,
.itemwrapper a:active {
	/*opacity: 0.7;*/
}

.itemwrapper a .item {
	text-align: center;
	position: relative;
}

.itemwrapper a .item::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/home/main_item-over.png) no-repeat center top rgba(255, 255, 255, 0.6);
	opacity: 0;
	transition: opacity 200ms linear;
}

.itemwrapper a:hover .item::after,
.itemwrapper a:active .item::after {
	opacity: 1;
}

.itemwrapper a .item > img {
	display: inline-block;
}

.itemwrapper a .item h3 {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	padding-top: 18px;
	padding-bottom: 8px;
}

.itemwrapper a .item h3 span {
	background: url(../img/home/main_item-bullet.png) no-repeat right center;
	padding-right: 28px;
}

.itemwrapper a .item p {
	font-size: 12px;
}