/*--
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;
}

/***********************************************************
* ヘッダー
***********************************************************/
.head-bar{
	width:100%;
    background-color: #ffec71;
    color: #743721;
	padding:2px;
	font-size:.7em;
	text-align:center;
	margin-bottom:5px;
}
.l-header__right{
	flex-flow: column-reverse;
}
.head-right{
	width:100%;
	text-align:right;
	margin-top: 7px;
}
.head-right .contact{
	display:flex;
	justify-content: end;
	align-items: center
}
.head-right .contact .open{
	font-size:.8em;
	margin-right:10px;
}

.head-right .contact a.mail{
	background-color:#ffc20e;
	padding:4px 15px;
	border-radius:3px;
	color:#fff;
	margin-left:15px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size:.9em;
}

/*---------- メニュー　----------*/
.c-gnav__li>.c-gnav__a{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 1.05em;
	letter-spacing:0;
}
.c-gnav{
	height:90%;
}
.c-gnav__li>.c-gnav__a {
    padding: 10px 20px;
}
.c-gnav__li:after {
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    top: 25%;
    left: 0;
	border-right: 1px dotted rgba(84,58,34,0.7);
}
.c-gnav__li:last-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    position: absolute;
    top: 25%;
    right: 0;
	border-right: 1px dotted rgba(84,58,34,0.7);
}


/***********************************************************
* タイトル関係
***********************************************************/
.p-topArea{
	min-height: 25vh;
}
.p-topArea.-noimg {
	background-image: url(https://interface.xbiz.jp/otakaraya-goromaru/wp-content/uploads/2023/11/head-bg.jpg);
	background-size:cover;
}
.p-topArea__body{
	color:#743721;
	text-shadow:none;
}
h2.wp-block-heading{
    display: flex;
    align-items: flex-end;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
	border-bottom:2px solid #F8CF19;
}
h2.wp-block-heading::before{
	content: '';
	display: inline-block;
	width: 35px;
	height: 30px;
	background-image: url(https://interface.xbiz.jp/otakaraya-goromaru/wp-content/uploads/2023/11/ttl-deco.png);
	background-size: contain;
	background-repeat:no-repeat;
	margin-right:15px;
}

.c-pageTitle__main{
	font-size:1.6rem;
	letter-spacing:0.3em;
}
.ark-block-heading .ark-block-heading__main{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #743721;
}
.ark-block-heading .ark-block-heading__line{
	color: #f8cf19;
}
.ark-block-heading .ark-block-heading__sub{
	color: #ffc20e;
}
/***********************************************************
* トップページ
***********************************************************/
#xo-slider-109{
	margin: 0 calc(50% - 50vw);
	width:100vw;
	height: 100%;
}
.home-sns-wrap{
	margin: 50px calc(50% - 50vw) 0;
	width:100vw;
	background-color:#fffdf0;
	padding:30px 5%;
}
.home-sns-wrap .wp-block-columns{
	max-width:1000px;
	margin:0 auto;
}

.home-map{
	margin: 50px calc(50% - 50vw) 0;
	width:100vw;
}
/*---------- お知らせ　----------*/
.news_wrap{
    margin: 0 calc(50% - 50vw);
    padding: 4em;
	width:100vw;
	background-color:#fffdf0;
	background-image:;
	background-size:cover;
}
.news_wrap .news{
	display:flex;
	max-width:1000px;
	margin: 0 auto;
}
.news_wrap .news .midashi{
	text-align: center;
    line-height: 120px;
	width: 120px;
	height: 120px;
    color: #a7a7a7;
    background-color: #ffc20e;
    color: #fff;
	margin-right:40px;
}
ul.news_list{
	display:flex;
	align-items:center;
	font-size: .9em;
    width: 80%;
	padding:0;
}
ul.news_list li{
	width:100%;
	list-style:none;
}
ul.news_list li::before{
	background: unset;
}
ul.news_list li a{
	color:#111;
	font-weight:500;
}
ul.news_list .add_New{
	color:red;margin-left:10px;
	font-size:.9em;
}
ul.news_list .news_date{
	margin-right:10px;
	letter-spacing:.07em;
	width: 140px;
	display: inline-block;
}
@media screen and (max-width: 500px){
	.news_wrap {
		margin: 2em calc(50% - 50vw) 0;
		padding: 2em 1.5em;
	}
	.news_wrap .news .midashi{
		margin-right:20px;
	}
	ul.news_list .news_date{
		display:block;
	}
}


/*---------- 買取リスト　----------*/
.home .items-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1200px;
	margin:30px auto;
}
.home .items-list a{
	display:flex;
	flex-direction: column;
	width:24%;
	text-decoration:none;
	color:#111;
	padding:1%;
	margin-bottom:30px;
	border:1px solid #ededed;
}
.home .items-list a:hover img{
	opacity:.9;
}
.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%;
	margin-bottom:5px;
}
.home .items-list a .btn{
	font-size:.7em;
	font-weight:bold;
	background-color: #ffec71;
    color: #743721;
	padding:2px 10px;
	border-radius:3px;
	text-align:center;
	margin-top:auto;
}
.home .items-list a:hover .btn{
	opacity:.8;
}
/***********************************************************
* 各種固定ページ
***********************************************************/
/*---------- 店舗案内　----------*/
.about table{
	border-right:none;
	border-top: 1px solid #ffcb05;
}
.about th{
	width:20%;
	border-left:none;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	color: #743721;
	border-bottom: 1px solid #ffcb05;
}
.about td{
	border-left:none;
	padding:1em!important;
	border-bottom: 1px solid #ffcb05;
}

/*---------- 買取一覧　----------*/
.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 #ffe53a;
}
.items-page.items-list a .title{
	font-size:.95em;
	font-weight:bold;
	padding: 0 5%;
	color: #743721;
}
@media screen and (max-width: 970px) {
	.items-page.items-list a{
		width:48%;
	}
}

/*---------- よくある質問　----------*/
.ark-block-faq__item{
	background-color:#fefef2;
	padding:2% 3%;
	border-radius:10px;
}
.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:#FFCB05;
}
.ark-block-faq__a p{
	margin-left:.7em;
}
.ark-block-faq__a:before{
	font-size:1.25em;
}

/*---------- お問い合わせ　----------*/

.contact-msg{
	margin:50px auto 80px!important;
	position:relative;
	padding:40px 20px;
}
.contact-msg::before,
.contact-msg::after{
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
}
.contact-msg::before {
	border-left: solid 2px #ffe95b;
	border-top: solid 2px #ffe95b;
	top: 0;
	left: 0;
}
.contact-msg::after{
	border-right: solid 2px #ffe95b;
	border-bottom: solid 2px #ffe95b;
	bottom: 0;
	right: 0;
}


.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:#fffad1;
}
table.contact textarea{
	width:100%;
	max-height:200px;
	border: none;
	background-color: #fffad1;
}
.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 #FFCB05;
	background-color: #FFCB05;
}
.contact-under [type=submit]:hover{
	border: 1px solid #ffd122;
    background-color: #ffd122;
}
@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://interface.xbiz.jp/otakaraya-goromaru/wp-content/uploads/2023/11/head-bg.jpg);
    color: #312f2b;
}
.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: #f3d200;
}
.c-copyright{
	font-size:.7em;
	letter-spacing:0.1em;
	background-color: #fff;
    color: #312f2b;
	padding:8px;
}

/***********************************************************
* その他共通
***********************************************************/





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

.onlineshop.p-topArea{
	margin: -3rem calc(50% - 50vw) 3rem;
    width: 100vw;
	background: url(https://interface.xbiz.jp/otakaraya-goromaru/wp-content/uploads/2023/11/head-bg.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: #ffc20e;
    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%;
	}
}