/*--
Theme Name: Arkhe child
Theme URI: https://arkhe-theme.com/
Version: 1.5.6
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Description:WordPressテーマ「Arkhe」の自作子テーマ
Template: arkhe
*/

body{
	font-size:.95em;
	letter-spacing:0.08em;
}
a{
	text-decoration:none;
}

.p-drawer{
	background: #e3bd27f0;
	color:#5b4800;
}
.c-drawerNav{
	border-top: solid 1px #fff;
}
.c-drawerNav .menu-item{
	border-bottom: solid 1px #fff;
}

/***********************************************************
* ヘッダー
***********************************************************/
.l-headerUnder{
	background:#e3bd27;
	color:#fff;
}
[data-btns=rr-rl] .l-header__body {
	grid-template-columns: 0 50% auto var(--ark-searchW) var(--ark-drawerW);
}
.l-header__logo{
	justify-content: left;
}
.head-right .open{
	font-size:12px;
	letter-spacing:0.08em;
}
.head-right .open span{
	font-size:.9em;
	background-color:#5b4800;
	color:#fff;
	padding:2px 6px;
	margin-right:5px;
}
/*---------- メニュー　----------*/
.l-headerUnder .c-gnav>.menu-item>a{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.2em;
    letter-spacing: 0.05em;
	padding: 20px 26px;
}
.c-gnav__li.-current,
.c-gnav__li.focus,
.c-gnav__li:hover{
	color:#fff;
	font-weight:bold;
}

/***********************************************************
* タイトル関係
***********************************************************/
.p-topArea{
	min-height:20vh;
}
h2.wp-block-heading{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    display: flex;
    align-items: flex-end;
    font-size: 1.5em;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.1em;
    background-image: linear-gradient(90deg, rgb(227 189 39), rgb(255 255 255));
    padding: 5px 15px;
    border-radius: 3px;
}
h2.wp-block-heading::before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 40px;
	background-image: url(https://otakaraya-ekimae-dori.japan-impex.com/wp/wp-content/uploads/2023/10/ttl-deco.png);
	background-size: contain;
	background-repeat:no-repeat;
	margin-right:10px;
}
h3.wp-block-heading{
	font-size:1.3em;
	padding:0 0 5px 3px;
	border-bottom:2px dotted #d3ad17;
}
.ark-block-heading .ark-block-heading__line{
	color: #e3bd27;
}
.ark-block-heading .ark-block-heading__line:before{
	height:1px;
}
.ark-block-heading .ark-block-heading__sub{
	color: #e3bd27;
}
.p-topArea.-noimg {
    background: url(https://otakaraya-ekimae-dori.japan-impex.com/wp/wp-content/uploads/2023/10/head-pattern.jpg);
}

@media screen and (max-width: 500px){
	h2.wp-block-heading{
		background-image: #e3bd27;
		font-size: 1.3em;
		letter-spacing:0.05em;
	}
}

/***********************************************************
* トップページ
***********************************************************/
#xo-slider-314{
	margin: 0 calc(50% - 50vw);
	width:100vw;
	height: 100%;
}
.home-map{
	margin: 50px calc(50% - 50vw) 0;
	width:100vw;
}

/*---------- 買取リスト　----------*/
.home-items-wrap{
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    background-color: #fbfaf4;
    padding: 50px 2%;
}

.home .items-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1200px;
	margin:30px auto;
}
.home .items-list a{
	width:24%;
	text-decoration:none;
	color:#111;
	padding:1%;
	margin-bottom:30px;
	border:1px solid #e3bd27;
	background-color:#fff;
}
.home .items-list:after {
    content: "";
    display: block;
	width:24%;
    height: 0;
}
.home .items-list a img{
	margin-bottom:5px;
}
.home .items-list a .title{
	font-weight:bold;
	padding: 0 5%;
	color:#5b4800;
}
.home .items-list a .desc{
	font-size:12px;
	line-height: 1.6em;
	padding: 0 5%;
}
@media screen and (max-width: 970px) {
	.home .items-list a{
		width:48%;
	}
}
/*---------- お知らせ　----------*/
.news_wrap{
    margin: 50px auto 80px;
	max-width:900px;
}
ul.news_list li{
	list-style:none;
	border-bottom:1px solid #efdf9f;
	margin:1em 0;
	padding-left:10px;
	padding-bottom:1em;
}
ul.news_list li::before{
	background: unset;
}
ul.news_list .add_New{
	color:red;margin-left:10px;
	font-size:.9em;
}
ul.news_list .news_date{
	margin-right:10px;
	font-size:.9em;
	letter-spacing:.07em;
	width: 130px;
	display: inline-block;
}

@media screen and (max-width: 500px){
	ul.news_list .news_title{
		display:inline-block;
	}
}

/***********************************************************
* 各種固定ページ
***********************************************************/
/*---------- 店舗案内　----------*/
.about table{
	border-right:none;
	border-top: 1px solid #e3bd27;
}
.about th{
	width:20%;
	border-left:none;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	color: #b18d05;
	border-bottom: 1px solid #e3bd27;
}
.about td{
	border-left:none;
	padding:1em!important;
	border-bottom: 1px solid #e3bd27;
}


.items-page.items-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:30px auto;
}
.items-page.items-list a{
	width:15%;
	text-decoration:none;
	color:#111;
	margin-bottom:20px;
}
.items-page.items-list:after {
    content: "";
    display: block;
	width:15%;
    height: 0;
}
.items-page.items-list a img{
	border:3px solid #e3bd27;
}
.items-page.items-list a .title{
	font-size:.95em;
	font-weight:bold;
	padding: 0 5%;
	color: #856c09;
}
@media screen and (max-width: 970px) {
	.items-page.items-list a{
		width:48%;
	}
}


.tips{
	background-color:#fdfaef;
	padding:3% 5%;
}
.tips dt{
	border-left:none;
	padding-left:0;
	color: #5b4800;
}
.tips dd{
	padding:0;
	font-size:.9em;
}
.tips dt .arkb-inline-icon{
	margin-right:5px;
}
/*---------- 買取方法　----------*/
.kaitori-step.is-style-card .ark-block-step__item{
	padding:2em 1em 1em 3em;
	border: 1px solid #d7cfb1;
	box-shadow:none;
}
.kaitori-step .ark-block-step__body{
	margin-top:5px;
}
.kaitori-step.is-style-card .ark-block-step__item:before{
	border-top: 12px solid #d7cfb1;
	filter: none;
	top: calc(100% + 15px);
	left: 5.2%;
}
.kaitori-step.is-style-card .ark-block-step__item:not(:first-child){
	margin-top:30px;
}
/*---------- よくある質問　----------*/
.ark-block-faq__item{
	background-color:#f9f9f5;
	padding:2%;
}
.ark-block-faq__item+.ark-block-faq__item{
	border-top:none;
}
.ark-block-faq__a:before,
.ark-block-faq__q:before{
	border-radius: 50%;
}
.ark-block-faq__q{
	font-size:1.25em;
}
.ark-block-faq__q:before{
	background-color:#e3bd27;
}
.ark-block-faq__a p{
	margin-left:.7em;
}
.ark-block-faq__a:before{
	font-size:1.25em;
}
/*---------- お問い合わせ　----------*/
.wpcf7-form ::placeholder {
	color: #a5a5a5;
	letter-spacing:0.05em;
}
.wpcf7-not-valid-tip{
	font-size:.85em;
	display:unset;
	margin-left:5px;
}
button, input, select, textarea{
	padding:0.35em 0.7em;
}
table.contact{
    border-right: unset;
}
table.contact th{
	width: 25%;
    padding: 0.7em 1em;
    background-color: unset;
    vertical-align: middle;
}
table.contact th,
table.contact td{
	border-left: unset;
	padding:15px 10px!important;
}
table.contact .any,
table.contact .req{
	font-size:.7em;
	margin-right:10px;
	padding:3px 8px;
	border-radius:3px;
	color:#fff;
}
table.contact .any{
	background-color:#bbbbbb;
}
table.contact .req{
	background-color:#eb2400;
}
table.contact input{
	width:70%;
	border: none;
	background-color: #f7f3e5;
}
table.contact textarea{
	width:100%;
	max-height:200px;
	border: none;
	background-color: #f7f3e5;
}
.contact-under{
	font-size:.9em;
	text-align:center;
	margin:0 auto;
}
.contact-under p{
	margin-top:30px;
}
.contact-under [type=submit]{
    font-size:1.1em;
    letter-spacing: 0.05em;
	color:#fff;
    padding: 10px 30px;
    margin-top: 10px;
    margin-right: -72px;
    border: 1px solid #e3bd27;
	background-color: #e3bd27;
}
.contact-under [type=submit]:hover{
	border: 1px solid #efcb3b;
    background-color: #efcb3b;
}
@media screen and (max-width: 700px) {
	table.contact th,
	table.contact td{
		display:inline-block;
		width:100%;
	}
	table.contact input[type="text"],
	table.contact input[type="tel"],
	table.contact input[type="email"]{
		width:100%;
	}
}

/***********************************************************
* フッター
***********************************************************/
.l-footer{
	background:unset;
}
.l-footer__widgets{
	background-color: #fffbd270;
}
.l-footer__inner{
    background: url(https://otakaraya-ekimae-dori.japan-impex.com/wp/wp-content/uploads/2023/10/head-pattern.jpg);
    color: #5b4800;
}
.footer-about{
	font-size:.85em;
    line-height: 2.2em;
	text-align:center;
}
.l-footer__nav{
	margin-bottom:0;
}
.l-footer__nav a{
	color:#fff;
}
.l-footer__foot{
	background-color: #53471bdb;
}
.c-copyright{
	font-size:.7em;
	letter-spacing:0.1em;
	background-color: #fff;
    color: #5b4800;
	padding:8px;
}


/***********************************************************
* ネット販売
***********************************************************/

.onlineshop.p-topArea{
	margin: -3rem calc(50% - 50vw) 3rem;
    width: 100vw;
	background: url(https://otakaraya-ekimae-dori.japan-impex.com/wp/wp-content/uploads/2023/10/head-pattern.jpg);
}

.itemlist-cmt{
	margin-bottom:40px;
}

ul.wc-item-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-left:0;
}
ul.wc-item-list li{
	width:31%;
	list-style:none;
	margin-bottom:40px;
}
ul.wc-item-list::after{
	content:"";
	display: block;
	width:31%;
}
ul.wc-item-list li img{
	border:1px solid #eee;
}
ul.wc-item-list .itemname{
	font-size:.9em;
}
ul.wc-item-list .itemprice{
	text-align:right;
	color:red;
	margin-top:10px;
}
ul.wc-item-list .itemprice .tax{
	font-size:.7em;
}
ul.wc-item-list a.btn{
	display: inline-block;
	width:100%;
	font-size:.9em;
    background-color: #e3bd27;
    color: #ffffff;
	padding:4px 5px 5px;
	text-align:center;
	border-radius:3px;
	margin-top:8px;
}
@media screen and (max-width: 800px) {
	.itemlist-cmt .note{
		font-size:.8em;
	}
	ul.wc-item-list li{
		width:44%;
	}
}