/*
Theme Name: Welcart Basic Child
Description: Welcart Basic Child Theme
Author: Collne Inc
Template: welcart_basic
Version: 1.0.0
*/

/* ----------------
width reset
-------------------*/
@media screen and (min-width: 415px)  { /* pc */
	/* =Base
	-------------------------------------------------------------- */

	/* -- input,select,textarea -- */
	input[type="button"], input[type="submit"],input[type="reset"] {
		padding: 1.071428em 2.142856em;
	}
	a img{
		box-shadow:#fff 0 0 0;
	}	
	a img:hover {
		opacity: .6;
	}


	/* =header
	-------------------------------------------------------------- */
	
	header {
		border-bottom: none;
	}
	header .inner {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 1.071428em;
	}

	/* -- .site-description -- */
	.site-description {
		color: #262626;
		font-weight: normal;
		width: 75%;
		height: auto;
		min-height: auto;
		padding: 1.25em 0 0;
		background: none;
		float: left;
		line-height: 130%;
	}
		
	/* -- .site-title -- */
	h1.site-title,
	div.site-title {
		font-size: 2.857142em;
		width: 65%;
		margin: 0;
		padding: 1em 0 .5em;
		float: left;
		text-align: left;
	}
	h1.site-title a,
	div.site-title a {
		font-weight: bold;
	}

	/* -- .snav -- */
	.snav {
		clear: right;
		margin-right: 0;
		padding-top: 1.071428em;
		float: none;
	}

	/* -- .search-box -- */	
	.search-box {
		position: inherit;
		padding: 0 0 10px;
		float: right;
	}
	.snav .search-box i {
		display: none;
	}
	.search-box form {
		display: block;
	}
	.search-box div.s-box {
		width: auto;
	}
	.search-box input[type="text"] {
		width: auto;
		padding: .357143em;
		background-color: #fff;
	}
	.search-box .searchsubmit {
		position: inherit;	
		color: #161616;
		padding: .357143em;
	}
	.snav .membership {
		padding: .357143em 0;
		float: right;
		overflow: hidden;
	}
	.snav .membership i {
		display: none;
	}
	.snav .membership ul {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
	}
	.snav .membership li {
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		line-height: 100%;
	}
	.snav .membership li:first-child {
		color: #565656;
		font-weight: bold;
	}
	.snav .membership li:first-child,
	.snav .membership li a {
		font-size: 12px;
		border: none;
		margin: 0;
		padding: 0 .833334em;
		border-right: 1px solid #aaa;
	}
	.snav .membership li:last-child a {
		border-right: none;
	}
	
	/* -- .incart-btn -- */
	.incart-btn {
		min-width: 160px;
		margin-top: .8em;
		float: right;
	}
	.incart-btn a {
		background-color: #ff8c00;
		padding: 6px 1.2em;
		text-align: center;
		-webkit-transition: .3s ease all;
		-moz-transition: .3s ease all;
		-o-transition: .3s ease all;
		transition: .3s ease all;
	}
	.incart-btn a:hover {
		background-color: #ffa500;
	}
	.incart-btn i {
		padding: 0;
	}
	.incart-btn i:before {
		color: #fff;
		margin-right: 8px;
	}
	.incart-btn span {
		display: inline-block;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		vertical-align: middle;
		letter-spacing: 1px;
	}
	.incart-btn .total-quant {
		display: inline-block;
		position: relative;
		font-weight: bold;
		color: #fba60d;
		margin-left: 1.25em;
		background-color: #fff;
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		vertical-align: text-bottom;
	}
	
	/* -- #site-navigation -- */
	#site-navigation {
		clear: both;
		padding: 0;
	}
	#site-navigation label {
		display: none;
	}
	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 {
		display: block;
		overflow: inherit;
		height: auto;
		background-color: #131313;
	}
	#site-navigation ul {
		width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
	#site-navigation li {
		position: relative;
		float: left;
	}
	#site-navigation li a {
		color: #fff;
		display: block;
		margin-bottom: 0;
		padding: 1em 1.42857em;
		border-bottom: none;
		line-height: 100%;
	}
	#site-navigation li {
		padding: 0;
		border-right: 1px solid #666;
	}
	#site-navigation ul li:first-child {
		border-left: 1px solid #666;
	}
	#site-navigation li.current_page_item a,
	#site-navigation li.current-menu-parent a{
		background-color: #565656;
	}
	#site-navigation li.current_page_item li a,
	#site-navigation li.current-menu-parent li a {
		background: none;
	}
	#site-navigation li a:hover {
		color: #fff;
		background-color: #565656;
		text-decoration: none;
	}
	
		/* -- sub-menu -- */
		#site-navigation ul ul {
			display:none;
			position:absolute;
			top:42px;
			left:-2px;
			width: 120%;
			background-color: #fff;
			border: 3px double #e0e0e0;
			float:left;
			z-index: 99999;
		}
		#site-navigation ul li li {
			width: 100%;
			margin-left: 0;
			border: none;
		}
		#site-navigation ul li li:first-child {
			border: none;
		}
		#site-navigation li li a:hover {
			color: #262626;
		}
		#site-navigation li li.current-menu-item a {
			background-color: #f6f6f6;
		}
		#site-navigation ul ul ul {
			width: 100%;
			left:100%;
			top: -3px;
		}
		#site-navigation li li:first-child a {
			color: #262626;
			border: none;
		}
		#site-navigation ul ul li a {
			color: #262626;
			background-color: #fff;
			border: none;
			height:auto;
			padding: .8em .357143em;
			line-height:1em;
			width: 100%;
		}
		#site-navigation ul ul :hover > a {
			background: none;
			background-color: #f6f6f6;
		}
		#site-navigation ul li:hover > ul {
			display:block;
		}
		
	#site-navigation * {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	

	/* =secondary
	-------------------------------------------------------------- */

	#secondary .columnleft section:last-child,
	#secondary .columncenter section:last-child,
	#secondary .columnright section:last-child {
		margin-bottom: 0;
	}

	/* -- one-column -- */
	.one-column #secondary {
		margin: 0 auto;
		padding: 2.142856em 0;
		border-top: 2px solid #eaeaea;
		float: none;
		overflow: hidden;
	}
		.one-column #secondary .columnleft {
			width: 240px;
			margin-right: 50px;	
			float: left;
		}
		
			/*　calendar　*/
			.one-column .columnleft .widget_welcart_calendar table {
				width: 100%;
				float: none;
			}

		.one-column #secondary .columncenter {
			width: 240px;
			float: left;
		}

			/*　calendar　*/
			.one-column .columncenter .widget_welcart_calendar table {
				width: 100%;
				float: none;
			}

		.one-column #secondary .columnright {
			width: 420px;
			float: right;	
		}
	
	/* -- two-column -- */
	.two-column #secondary {
		width: 210px;
		padding: 0;
		border: none;
	}
		.two-column.right-set #secondary {
			float: right;
		}
		.two-column.left-set #secondary {
			float: left;
		}
	.two-column .widget_welcart_calendar table {
		width: 100%;
		margin: 0 0 .8em;
		float: none;
	}
	
	
	/*　.widget　*/
	.widget_welcart_bestseller  ul {
		overflow: hidden;	
	}
	.widget_welcart_bestseller  li {
		width: 100%;
		margin-bottom: .8em;
		float: none;
	}
	.widget_welcart_bestseller li:nth-of-type(odd) {
		clear: none;
	}
	.widget_welcart_featured ul {
		overflow: hidden;	
	}
	.widget_welcart_featured .featured_list {
		width: 100%;
		margin-bottom: .8em;
		float: none;
	}
	.widget_welcart_featured li:nth-of-type(odd) {
		clear: none;
	}
	.widget_welcart_category ul,
	.widget_welcart_search ul,
	.widget_search form,
	.widget_welcart_login ul {
		width: 100%;
	}
	.widget_categories select,
	.widget_archive	select {
			width: auto;
	}	
	.widget_welcart_search .searchtext {
		width: 60%;
		padding: .4286em;
	}
	.widget_welcart_search #searchsubmit {
		width: 40%;
	}

	/*---- item-list ----*/
	.widget_basic_item_list article {
		padding: .8em 0;
		width: 100%;
	}
	.widget_basic_item_list a {
		overflow: hidden;
	}
	.widget_basic_item_list .itemimg {
		float: left;
		margin-bottom: 0;
		width: 20%;
	}
	.widget_basic_item_list .item-info-wrap {
		margin-left: 25%;
		width: 75%;
	}
	
	/* =footer
	-------------------------------------------------------------- */
	
	footer {
		clear: both;
		color: #fff;
		background-color: none;
	}

	/* -- a -- */
	footer a {
		color: #fff;
	}

	/* -- nav -- */
	footer nav {
		width: 1000px;
		margin: 0 auto;
		padding: 2.142856em 0 2.857143em;
	}
	footer nav li {
		width: 20%;
		float: left;
		margin-bottom: 1.071428em;
		padding-right: 2.142856em;
	}
	footer nav li:nth-of-type(6n) {
		clear: both;
	}
		footer nav li li:nth-of-type(6n) {
			clear: none;
		}
		
	/* -- .copyright -- */
	.copyright {
		padding: 1.071428em 0;
		text-align: center;
	}

			
	/* =contetns
	-------------------------------------------------------------- */
	
	/* -- main -- */
	#main {
		width: 1000px;
		margin: 2.857143em auto;
		padding: 0;
	}
	.home #main {
		margin: 0 auto;
	}

	/* -- main-image -- */
	.main-image {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.main-image img {
		width: auto;
	}
	
	/* -- .one-column -- */
	#main.one-column #content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* -- .two-column -- */
	#main.two-column #content {
		width: 750px;
		margin: 0;
		padding: 0;
	}
		.two-column.right-set #content {
			float: left;
		}
		.two-column.left-set #content {
			float: right;
		}

	
	/* =front-page.php
	-------------------------------------------------------------- */
	
	.blog #content .pagination_wrapper {
		margin-bottom: 20px;
	}
	/* -- .sof -- */
	.home .sof {
		margin-bottom: 30px;
	}
	.home .sof .entry-content {
		margin-bottom: 0;
	}
	
	
	/* =page.php + single.php .entry-content
	-------------------------------------------------------------- */

	/* -- h1,h2,h3,h4,h5 -- */
	.entry-content h1{
		font-size: 1.285712em;
		margin-bottom: 2.222224em;
	}
	.entry-content h2 {
		font-size: 1.142857em;
	}
	
		
	/* =archive.php
	-------------------------------------------------------------- */
	
	/* -- .post-li -- */
	.post-li {
		padding-bottom: 1.071428em;
	}
	
	
	/* =comments.php
	-------------------------------------------------------------- */
	
	.comment-area .comment-list {
		overflow: hidden;
	}
	.comment-area .comment-list li {
		margin: .8em 0 0;
	}
	#respond .form-submit {
		margin-top: 1.42857em;
		padding-top: .8em;
		border-top: 1px solid #ccc;
	}


}