/*
Theme Name: eases5-child
Template: eases5
Description: おやじの店 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 1024px;
	--es-main-max-width: 1024px;
	--es-side-max-width: 0;
	--es-main-font-color: #555;
	--es-primary-color: #cc0d2c;
	--es-secondary-color: #006acd;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #cc0d2c;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #092a52;
	--es-footer-font-color: white;
	--es-header-hmg-color: #cc0d2c;
	--es-mobile-menu-color: #cc0d2c;
}

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

/* contents ------------------------------------------------------------------------------------- */

/* ■ h1 - h5
-------------------------------------------------------------- */
#main h2 {
	margin: 0 auto 20px;
	padding: 0px 20px!important;
	border-bottom: 3px solid var(--es-primary-color);
	color: #555;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

#footer h2 { font-size: 2.2rem; }

/* レイアウト
-------------------------------------------------------------- */
#pagebody { 
	max-width: var( --es-wrap-max-width );
	height: 100%;
	margin: 0 auto;
	padding: 0 20px 40px; }

#main,
#single-page,
#index-page {
	max-width: var(	--es-main-max-width ); }

#main p {
	padding: 0 10px; }

table { font-size: 1.6rem; }

/*ヘッダー*/
#header {
	margin-bottom: 50px;
	border-bottom: 5px solid #000;
	text-align: center; }

.top-page #header { border-bottom: none; }

#header .hgroup {
	margin-bottom: 10px;
	padding: 10px 20px; }

#header .hgroup .title { flex-direction: column; }

.hgroup ul.menu {
	display: flex;
	border-left: 1px solid #555; }

.hgroup .information a {
	width: 130px;
	border-right: 1px solid #555;
	border-radius: 0;
	background-color: transparent;
	color: #555; }

.hgroup .hgroup-inner { flex-direction: column; }
@media screen and (min-width: 768px) {
	.hgroup .hgroup-inner { flex-direction: row; } }

.navi-contents {
	height: calc(100% - 70px);
	background: #f9f9f9; }

.navi-contents ul { margin: 40px 20px; }

/* フッター */
#footer {
	padding: 40px 20px 20px;
	background-color: #000; }

#footer .inner {
	max-width: var(--es-main-max-width);
	margin: 0 auto; }

.widgets_footer { margin-bottom: 20px; }

/* コンテンツ
-------------------------------------------------------------- */

/* トップページ */
.top-page #main ul { margin: 0 0 40px 20px; }

.top-page #main li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #a9a9a9; }

#image-area {
	border-top: 5px solid var(--es-primary-color);
	border-bottom: 5px solid var(--es-primary-color);
	background-color: #000; }

#image-area .inner {
	max-width: 1024px;
	margin: 0 auto; }

#image-area .inner img {
	width: 100%;
	max-width: 1024px; }

/* お問い合わせ */
.wpcf7 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto; }

.contact input,
.contact textarea {
	width: 100%; }

input[type="submit"] {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 15px; }

input[type="submit"]:hover {
	background-color: var(--es-primary-color)!important;
}