/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: M.Hirata
Template: welcart_basic
Version: 1.3.4
*/

/* =Base
-------------------------------------------------------------- */


/* =header
-------------------------------------------------------------- */

.site-description {
	background-color: #336600;
}

/* =footer
-------------------------------------------------------------- */

footer {
	color: #fff;
	padding: .714286em 1.07143em;
	background-color: #336600;
}

/* =content
-------------------------------------------------------------- */

/* -- .front-il -- */
.front-il {
	letter-spacing: 0em;
}
.front-il h3 {
	border-bottom: 3px solid #eeeeee;
	padding-bottom: 0.2em;
}

.widget_welcart_calendar table {
	width: 90%;
	float: none;
}

/* -- List Category Posts -- */
.lcp_catlist p a {
	display: block;
	font-size: 1.285712em;
	margin-bottom: 1.5em;
	line-height: 1.285712em;
	font-weight: bold;
}
.lcp_catlist .lcp_excerpt {
	max-height: 10em;
	overflow: hidden;
	margin-bottom: 3em;
	line-height: 2em;
}
.lcp_paginator {
	margin: 2em auto;
}
.lcp_paginator li {
	padding: 0.5em 1em;
}
.lcp_paginator li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* -- a -- */
footer a {
	color: #fff;
}
footer a:hover {
	color: #99cc33;
	text-decoration: none;
}
footer nav h3 {
	margin-bottom: 0.5em;
	border-bottom: 1px solid #fff;
}
footer nav p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
footer nav .footerLeft {
	margin-bottom: 2em;
}
footer nav .footerCenter {
	margin-bottom: 2em;
}
footer nav .footerRight {
	margin-bottom: 2em;
}



/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

}


/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	.widget_welcart_calendar table {
		width: 46%;
		float: left;
	}
}


/**
 * 16.3 Tablet Large 880px
 */
@media screen and (min-width: 55em) {

	.one-column #secondary .columnleft {
		width: 45%;
		float: left;
	}
	.one-column #secondary .columncenter {
		width: 45%;
		float: right;
	}
	.one-column #secondary .columnright {
		clear: both;
	}

}


/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

body {
	background-image: url("/wp-content/uploads/2021/09/body_bg.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.site-description {
	background-color: transparent;
}

	header .inner {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 1.071428em;
		background-image: url("/wp-content/uploads/2021/09/header_bg.jpg");
		background-position: left top;
		background-repeat: no-repeat;
	}
	header #site-navigation input#panel.on-off + div.nav-menu-open,
	header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
	header #site-navigation input#panel.on-off + div.header-nav-container {
		background-color: #336600;
	}
	#site-navigation li.current_page_item a,
	#site-navigation li.current-menu-parent a {
		background-color: #559900;
	}
	#site-navigation li a:hover {
		color: #fff;
		background-color: #559900;
		text-decoration: none;
	}
	/* -- sub-menu -- */
		#site-navigation ul ul {
			display:none;
			position:absolute;
			top:42px;
			left:-2px;
			width: 120%;
			width: auto;
			background-color: #559900;
			border: 1px solid #e0e0e0;
			float:left;
			z-index: 99999;
		}
		#site-navigation ul li li {
			width: 100%;
			margin-left: 0;
			white-space: nowrap;
			border: none;
		}
		#site-navigation ul ul li a {
			color: #262626;
			background-color: #99cc33;
			border: none;
			height:auto;
			padding: .714286em .357143em;
			line-height:1em;
			width: 100%;
		}
		#site-navigation ul ul :hover > a {
			background: none;
			background-color: #ccff99;
		}

	.one-column #secondary .columnleft {
		width: 240px;
		margin-right: 50px;
		float: left;
	}
	.one-column #secondary .columncenter {
		width: 240px;
		float: left;
	}
	.one-column #secondary .columnright {
		clear: none;
	}
	.widget_welcart_calendar table {
		float: left;
	}


	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		background-color: #336600;
	}
	footer nav li {
		float: none;
		width: auto;
	}
	footer nav .footerLeft {
		width: 240px;
		margin-right: 50px;
		float: left;
	}
	footer nav .footerCenter {
		width: 240px;
		float: left;
	}
	footer nav .footerRight {
		width: 420px;
		float: right;
	}
	.copyright {
		clear: both;
	}

}