/*
Theme Name: eases5-child
Template: eases5
Description: マルイチ質店　小川店 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1040px;
	--es-wrap-min-width: 320px;
	--es-main-max-width: 1024px;
	--es-main-font-color: #555;
	--es-side-max-width: 220px;
	--es-primary-color: #2d6eb4;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #335b22;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #fff;
	--es-footer-font-color: #555;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #335b22; }

body {
	font-size: 1.6rem;
	line-height: 1.5; }

ul, ol {
	padding: 0;
	list-style: none; }

#main p { padding: 0 20px 20px; }


/* レイアウト --------------------------------------------------------------------------------- */
#wrap { width: 100%; }

#pagebody > .inner {
	max-width: var( --es-wrap-max-width );
	margin: 0 auto;
	padding: 0 10px 40px; }
	@media screen and (min-width: 768px) {
		#wrap:not(.top-page) #pagebody > .inner {
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between;
			padding: 0 0 40px; } }

#wrap:not(.top-page) #main {
	max-width: 720px;
	margin: 0 auto 20px; }
	@media screen and (min-width: 768px) {
		#wrap:not(.top-page) #main {
			margin: 0 0 20px; } }

#sidebar {
	width: 100%;
	margin-top: 20px; }
	@media screen and (min-width: 768px) {
		#sidebar {
			width: 300px;
			margin-top: 0; } }

#footer {
	border-top: 4px solid #765e43;
	padding: 0 0 60px; }
	@media screen and (min-width: 768px) {
		#footer { padding: 0 0 20px; } }


/* header ------------------------------------------------------------------------------------- */
#header {
	width: 100%;
	text-align: left;
	z-index: 99; }

.hgroup {
	max-width: var( --es-wrap-max-width );
	margin-bottom: 20px;
	padding: 0; }
	@media screen and (min-width: 768px) {
		.hgroup { margin: 10px auto 15px; } }

#header .logo-h1 h1 { display: none; }

.hgroup .information { flex-direction: row; }

.hgroup .information p {
	margin: 10px 150px 10px 0;
	color: #555;
	font-size: 1.6rem;
	line-height: 1.2; }

#globalnavi {
	width: 100%;
	background-color: #f8ce24;
	margin-bottom: 20px; }

@media screen and (min-width: 768px) {
	#globalnavi ul {
		width: var( --es-wrap-max-width );
		margin: 0 auto; }
	#globalnavi ul #menu-item-482 {
		display: none; }
	#globalnavi ul #menu-item-22 {
		border-right: #fff solid 0.5px; } }

#globalnavi li {
	width: 20%;
	font-size: 15px;
	border-left: #fff solid 0.5px; }

#globalnavi li:last-child { border-right: #fff solid 0.5px; }

#globalnavi li a {
	color: #000;
	display:block;
	padding-top: 10px;
	padding-bottom: 10px; }

#header .current_page_item { background: url(../../../images/gnavi_bg.gif) center bottom no-repeat; }

h1, h2, h3 {
	font-size: 1.7rem; }

h2 {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	border-top: 2px solid #ea1111;
	border-bottom: 2px solid #ea1111;
	font-weight: bold; }

h3 {
	margin: 5px 10px 10px;
	color: #ea1111;
	font-size: 16px; }

h4 {
    clear: both;
    margin: 0 0 10px 20px;
    padding: 0px 0px 0px 12px;
    color: #5e5959;
    border-left: 6px solid #E82E2E; }

.wp-block-group {
	padding: 0;
	margin: 0; }

.wp-block-group p {
	margin-bottom: 20px;
	padding: 0 20px; }

@media screen and (max-width: 767px) {
	#header .hgroup-inner { flex-direction: column; }
	.hgroup-inner .information { display: block; }
	.hgroup-inner .logo-h1 { margin: 20px 0; }
	.hgroup .hgroup-inner .information p {
		font-size: 14px;
		text-align: center;
		margin: 0 0 20px 0; }
	.hgroup .hgroup-inner .information .info { text-align: center; }
	#globalnavi { display: block; }
	#globalnavi ul {
		flex-wrap: wrap;
		justify-content: normal; }
	#globalnavi ul li { width: 33.3%; }
	#globalnavi ul #menu-item-23 { border-right: #fff solid 0.5px; }
	#menu-item-20, #menu-item-24, #menu-item-23 { border-bottom: 0.5px solid #fff; } }

/* top ------------------------------------------------------------------------------------- */
body .is-layout-flex { align-items: normal; }

.post-2 .wp-container-1 {
	justify-content: center;
	margin: 0; }

.post-2 .wp-container-3 { justify-content: space-between; }

.top-page #sidebar { display: none; }

.post-2 ul { margin: 0 10px; }

.post-2 h3 {
	background: none;
	padding: 0;
	border: none;
	font-size: 1.6rem;
	color: #333;
	font-weight: bold; }

.post-2 .is-layout-constrained:nth-child(4) figure,
.post-2 .is-layout-constrained:nth-child(5) figure,
.post-2 .is-layout-constrained:nth-child(6) figure {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0; }

#main .post-2 .wp-block-group:nth-child(4) ul li {
	padding-left: 12px;
	background: url(../../../images/mark1.gif) left 8px no-repeat; }

@media screen and (max-width: 767px) {
	#main .post-2 { display: block; }

	.post-2 .news_posts div dt { min-width: 140px; } }

@media screen and (max-width: 480px) {
	#main .post-2 > div:nth-child(2) > div > div { display: none; } }

.post-2 .is-layout-constrained:nth-child(3) dd { padding: 0; }

.post-2 .news_posts div {
	display: flex;
	flex-direction: column; }
	@media screen and (min-width: 480px) {
		.post-2 .news_posts div { flex-direction: row; } }

.post-2 .news_posts div dd a { color: #2d6bb1; }

.news_posts div dd a:hover::before,
.news_posts div dd a:hover::after { display: none; }

/* footer ------------------------------------------------------------------------------------- */
#footer a { color: #2d6bb1; }

#footer .menu-footer_menu-container {
	padding: 20px 0;
	border-bottom: 1px solid #765e43; }

#footer #menu-footer_menu {
	display: flex;
	justify-content: center; }

#footer .inner {
	max-width: 100%;
	padding: 0; }

#footer .inner > section section { margin-bottom: 20px; }

#footer .menu-item:before { display: none; }

#footer .menu-item {
	padding: 0 10px;
	font-size: 14px;
	border-right:  1px solid #c1d5eb; }

#footer .wp-block-image { margin: 0; }

#footer .wp-block-group { margin: 0; }

@media screen and (min-width: 768px) {
	#sub2 { width: 500px; }
	#menu-item-483 { display: none;}
	#footer li:nth-of-type(5) { border-right: none; } }



#block-83 > aside.wp-block-group {
	display: flex;
	flex-direction: column;
	justify-content: space-between; }
	@media screen and (min-width: 768px) {
		#block-83 > aside.wp-block-group { flex-direction: row; } }

@media screen and (min-width: 480px) {
	#sub2 section{
		width: 240px;
		margin: 20px 0;
		line-height: 1.4; }
	#sub2 {
		display: grid;
		grid-template-columns: 1fr 1fr; }
	#sub2 #som3, #sub2 #som4 {
		border-top: 1px solid #5e5e5e;
		padding-top: 20px; }
	#sub2 #som1, #sub2 #som3 {
		justify-self: end; }
	#sub2 #som2, #sub2 #som4 {
		padding-left: 5px; } }

#som1 {
	display: flex; }

#footer #com1.wp-block-group {margin-left: 10px!important; }

#com1 p:nth-of-type(1),
#com1 p:nth-of-type(2) {
	font-size: 11px; }

#som2 p, #som3 p, #som4 p { font-size: 14px; }

#som3 p { margin: 0 10px; }

#sub2 p {
	margin-bottom: 0;
	padding: 0; }


#block-83 {
	max-width: 970px;
	margin: 0 auto; }

@media screen and (max-width: 767px) {
	#footer #menu-footer_menu {
		flex-wrap: wrap;
		width: 480px;
		margin: 0 auto;
		justify-content: normal; }
	#footer #menu-footer_menu li { width: 32.5%; }
	#footer li { text-align: center; }
	#footer li:nth-of-type(3),
	#footer li:nth-of-type(6) { border-right: none; }
	#block-35 .menu-footer_menu-container { display: none; }
	#block-83 #sub1 { display: none; }
	#block-83 > .wp-block-group > .wp-block-group__inner-container { flex-direction: column; } }

@media screen and (max-width: 480px) {
	#footer { height: 600px; }
	#footer #menu-footer_menu { width: 295px; }
	#footer #menu-footer_menu li {
		font-size: 12px;
		padding: 0 10px;
		width: auto; } 
	#block-35 .menu-footer_menu-container { width: 100%; }
	#som1 > div { justify-content: center; }
	#som2, #som3, #som4 { text-align: center; } }

#footer .wp-block-image { margin: 0 10px 20px!important; }

.navi-contents { background-color: #eee; }
	@media screen and (max-width: 1000px) {
		.navi-contents { height: calc( 100dvh - 70px ); }
		.sp-menu #drawer-close { height: calc( 100dvh - 70px ); } }

/* sidebar -------------------------------------------------------------- */

@media screen and (min-width: 768px) {
	#block-92, #block-69 {
		padding: 1px 0 10px;
		margin:0 5px 20px 5px;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); } }



#sidebar h2 {
	margin: 2px 2px 10px 2px;
    padding: 10px;
    background-color: #4a5154;
    box-shadow: none;
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-weight: normal; }

#block-92 ul { margin: 10px; }

#block-69 h3 {
	padding: 0;
    color: #ff0000;
    background: none;
	font-weight: bold;
	margin: 10px!important; }

@media screen and (max-width: 767px) {
	#sidebar section {
		width: auto;
		margin: 0 5px 30px 5px; } }

#sidebar #block-92 .wp-block-group p {
	margin: 0;
	padding: 0; }

#sidebar #block-92 .news_posts { margin: 10px!important; }

#sidebar #block-92 .news_posts div { flex-direction: column; }

#sidebar #block-92 .news_posts dd a { color: #2d6bb1; }


/* 質お預かり -------------------------------------------------------------- */
.post-10 h2, .post-12 h2, .post-16 h2, .post-18 h2 { font-size: 18px; }

.post-10 > .wp-block-image {
	width: 90%;
    margin: 0px auto 20px; }

.post-10 > .wp-block-group {
	border: 2px solid #4a5154;
	padding: 20px; }

#main .post-10 > .wp-block-group p {
	padding: 0;
	margin: 0; }

#main .post-10 > .wp-block-group p:first-child { color: #ea1111; }

#main .post-10 > ul {
	margin: 10px 0 10px 30px;
    padding: 0 20px;
    list-style: disc; }

#main .post-10 > ul li { padding: 0; }

#main .post-10 > h4:not(:first-of-type) {
	margin: 0 0 0 30px;
    padding-left: 24px;
    background: url(../../../images/arrow.png) no-repeat 2px 4px;
    border: none; }

@media screen and (min-width: 768px) {
	#main .post-10 > p:not(:first-of-type) { margin: 0 0 20px 31px; }
	#main .post-10 > p:nth-of-type(2) { margin-left: 0; } }

#main .post-10 > div:last-child {
    padding: 20px;
    border: 2px solid #ea1111; }

#main .post-10 > div:last-child .is-nowrap { align-items: center; }

#main .post-10 > div:last-child p:first-child { color: #555 !important; }

#main .post-10 > div:last-child p:last-child { color: #2d6bb1; }

@media screen and (max-width: 767px) {
	#main .post-10 p { margin: 0 10px 20px 30px; }
	#main .post-10 p:nth-of-type(3),
	#main .post-10 p:nth-of-type(4),
	#main .post-10 p:nth-of-type(5),
	#main .post-10 p:nth-of-type(6),
	#main .post-10 p:nth-of-type(7) { padding-left: 20px; } }

@media screen and (max-width: 480px) {
	#main .post-10 > p:first-of-type,
	#main .post-10 > p:nth-of-type(2) { margin: 0 10px 20px; } }

/* 買取 -------------------------------------------------------------- */
#main .post-12 > h4 {
	margin: 0 0 0 30px ;
    padding-left: 24px;
    background: url(../../../images/arrow.png) no-repeat 2px 4px;
    border: none; }

#main .post-12 > p {
	margin: 0 10px 20px 52px;
	padding: 0; }

#main .post-12 > p:first-of-type,
#main .post-12 > p:nth-of-type(7),
#main .post-12 > p:nth-of-type(12),
#main .post-12 > .wp-block-image {
	margin: 0 10px 10px 30px; }

#main .post-12 > ul {
	margin: 10px 0 10px 30px;
	padding: 0 20px;
	list-style: disc; }

#main .post-12 > ul li { padding-left: 0; }

#main .post-12 > div:last-child {
	align-items: center;
	margin: 0 10px 40px 10px;
    padding: 20px;
    border: 2px solid #ea1111; }

#main .post-12 > div:last-child p {
	margin: 0;
	padding: 0;
	color: #2d6bb1; }

@media screen and (max-width: 480px) {
	#main .post-12 > p:first-of-type,
	#main .post-12 > p:nth-of-type(7),
	#main .post-12 > p:nth-of-type(12) { margin: 0 10px 10px; }

	#main .post-12 > .wp-block-image {
		width: auto;
		margin: 0 10px 10px; } }

/* 取り扱い -------------------------------------------------------------- */
#main .post-16 ul {
	margin: 10px 0 10px 30px;
    padding: 0 0 0 20px;
    list-style: disc;
	display: flex;
	flex-flow: row wrap; }

#main .post-16 ul li {
	width: 300px;
    margin-bottom: 10px;
	padding: 0;
    line-height: 1.2; }

#main .post-16 ul li span {
	display: block;
    color: #7f7f7f;
    font-size: 10px; }

#main .post-16 > .wp-block-group {
	margin: 0 10px 40px 10px;
    padding: 20px;
    border: 2px solid #ea1111; }

#main .post-16 > .wp-block-group p {
	margin: 0;
	padding: 0; }

#main .post-16 > .wp-block-group .is-nowrap { align-items: center; }

@media screen and (max-width: 767px) {
	#main .post-16 > p { margin: 0 10px 10px 30px; } }

@media screen and (max-width: 480px) {
	#main .post-16 > p { margin: 0 10px 10px; } }

/* ご案内 -------------------------------------------------------------- */
table, tbody, tr, td { border: none !important;}

.post-18 > .wp-block-group {
	margin-bottom: 10px;
	justify-content: space-between; }

.post-18 > iframe {
	margin-bottom: 40px; }

.post-18 td { padding: 0; }

.post-18 tr td:first-child {
	width: 80px;
	vertical-align: baseline; }

.post-18 tr td:not(:first-child) { width: 250px; }

@media screen and (max-width: 767px) {
	.post-18 > .wp-block-group { flex-flow: column-reverse; }
	.post-18 > .wp-block-group .wp-block-image {
		width: 400px;
		margin: 0 auto 20px; }
	.post-18 > .wp-block-group .wp-block-image img { width: 100%; }
	.post-18 table tr:last-child > td:last-child > br:last-child { display: none; }
	.post-18 iframe { width: 100%; } }

@media screen and (max-width: 480px) {
	.post-18 > .wp-block-group .wp-block-image { width: auto; }
	.post-18 table tr:last-child > td:last-child > br:last-child { display: block; } }

/* モバイルメニュー -------------------------------------------------------------- */
#block-84 li a { font-size: 16px; }

#block-91 {
	position: absolute;
	bottom: 0;
	width: 100%; }

#block-91 h3 {
	padding: 0;
	font-size: 18px;
	color: #fff;
	background: none;
	text-indent: 0;
	text-align: center;
	margin: 0 auto 15px; }

#block-91 p { 
	margin: 0;
	color: #fff; }

#block-91 p:nth-of-type(2),
#block-91 p:nth-of-type(3) { margin-bottom: 10px; }

/* 投稿 -------------------------------------------------------------- */
.news-0 #main > article {
	max-width: 665px;
	margin: 0 auto }

#main .enry-post .post-header {
	display: flex;
	flex-wrap: wrap; }

#main .enry-post .post-header h2 { width: 100%; }

#main .enry-post h2 span,
#main .entry-title span {
	padding: 5px 15px;
	font-size: 16px; }

#main .enry-post .post-categories ul {
	margin: 0;
	padding: 0;
	display: inline-block; }

#main .enry-post .post-categories ul li {
	margin: 0;
	padding: 0; }

#main .enry-post .post-categories ul li a,
#main .enry-post .post-categories ul li span {
	color: #555;
	margin: 0; }

#main .enry-post .post-categories ul li a:hover {
	background-color: #ccc;
	color: #000; }

#main .enry-post .post-date {
	margin-bottom: 20px;
	margin-left: auto; }

#main .enry-post .post-content { margin-bottom: 40px; }

#main .post-footer { display: none; }

@media screen and (max-width: 767px) {
	#main .enry-post { width: auto; }
	#main .enry-post .post-categories { margin-left: 10px; }
	#main .enry-post .post-date { margin-right: 10px; }
	#main .enry-post .post-content {
		margin-left: 10px;
		margin-right: 10px; } }

@media screen and (max-width: 500px) {
	#main .enry-post { flex-direction: row; }
	.pagination li { position: initial; } }