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

body {
	color: #333;
	letter-spacing: 0.15em;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

h1.site-title img,
div.site-title img {
	width: 270px;
	height: auto;
}

#content {
	padding: 0 1em 2.142856em;	
}

.entry-content table, .item-description table {
  width: 100%;
  margin-bottom: .714286em;
  border: 1px solid #ccc;
  border-collapse: separate;
}

.entry-content h2, .item-description h2 {
    font-size: 1.142857em;
    border-bottom: 3px solid #eee;
    margin: 1em 0 1em;
    padding: 1em 0 0.312502em;
    line-height: 1.25em;
}

#post-2 h2.entry-title {
	font-size: 1.8em;
	padding: 1.4em 0.312502em 0.312502em;
	font-family: 'YuMincho','Yu Mincho',serif;
	margin-bottom: 0;
	border: 0;
	text-align: center;
}

.topguide {
	margin: 0 auto;
	color: #333;
	font-family: 'YuMincho','Yu Mincho',serif;
	text-align: center;
}
.topguide h2 {
	font-size: 1.8em;
	padding: 1.4em 0.312502em 0.312502em;
	margin: 0;
	border: 0;
}
.topguide ul {
	margin: 0 auto;
	letter-spacing: -.4em;
}
.topguide li {
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 0px;
	padding: 21px;
}
.topguide li img {
	width: 290px;
	height: auto;
}
.topguide li p {
	text-align: center;
	margin-bottom: 0;
	padding: 6px;
	font-size: 1.285712em;
}

/*　スマホ版メニュー　*/
#site-navigation label span:before {
	content: "\f03a";
	display: block;
	color: #000000;
	font-family: FontAwesome;
	font-size: 1.5714em;
	vertical-align: text-bottom;
}
#site-navigation label span {
    display: block;
    padding: 0.714286em;
    margin-top: 1.2em;
}
.snav {
    width: auto;
    float: right;
    padding-top: 1.07143em;
    margin-right: 3em;
}

/* -- ログインしていない時のカートボタン -- */
.guest-btn  {
	display: block;
	color: #ffffff;
	background-color: #d6b081;
	padding: 6px .714286em;
	text-align: center;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}
.guest-cf {
	margin-top: 10px;
	text-align: center;
	font-family: 'YuMincho','Yu Mincho',serif;
}
.guest-cf li {
	display: inline-block;
	padding-left: 12px;
}
.guest-cf li:first-child {
	border-right: 1px solid #808080;
	padding-right: 12px;
}


.cat-il.type-grid .itemname {
    height: 60px;
    overflow: hidden;
    text-align: center;
	 font-size: 1.2em;
}
.cat-il.type-grid .itemprice {
    font-weight: normal; 
    height: 22px;
    text-align: right;
}

.copyright {
    padding: 0; 
    text-align: center;
}

.catchild li {
	display: inline-block;
	border-right: 1px solid #808080 ;
	padding: 0 10px;
}
.catchild li:first-child {
	border-left: 1px solid #808080 ;
}

/* -- 営業日カレンダー -- */
.widget_welcart_calendar img {
	display: none;
}
.ucart_calendar_body li {
	list-style: none !important;
}
.this-month, .next-month{
	display: block;
	float: left;
	margin-right: 2em;
}


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

hr {
    background-color: #cabaaa;
    margin: 24px 0;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	.detail-box {
		width: 45%;
		float: right;
	}
	.storycontent {
		display: flex;
		justify-content: space-between;
	}
	
	#content .page-title, #content .entry-title {
		font-size: 1.585712em;
		margin-bottom: 1.222224em;
		line-height: 1.285712em;
	}
	#itempage #img-box {
    width: 50%;
    float: left;
    margin-bottom: 0;
	}

	
	footer {
		clear: both;
		color: #fff;
		background-color: #ff8c00;
	}	
	
	footer nav li {
    width: auto;
    float: left;
    margin-bottom: 1.071428em;
    padding-right: 2.142856em;
	}

}


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

	/* -- header -- */	
	header {
		padding-bottom: 0.8em;
		border-bottom: dotted 3px #f0e0cf;
		font-family: 'YuMincho','Yu Mincho',serif;
	}
	
	header .inner {
		padding-bottom: 0em;
	}
	
	h1.site-title, div.site-title {
		padding: 0.7em 0 0.5em;
	}
	
	/* -- .snav -- */
	.snav {
		clear: right;
		margin-right: 0;
		padding-top: 0;
		float: none;
		width: 45%;
	}
	
	/* -- navigation -- */	
	#site-navigation li a {
		color: #333;
		padding: 0.5em 1.42857em;
	}
	#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 {
		background-color: #fff;
	}
	
	#site-navigation ul li:first-child {
		border-left: 1px solid #cabaaa;
	}
	#site-navigation li {
		padding: 0;
		border-right: 1px solid #cabaaa;
	}
	
	#site-navigation li.current_page_item a, 
	#site-navigation li.current-menu-parent a {
		background-color: #fff;
	}
	
	#site-navigation li a:hover {
		color: #ff8c00;
		background-color: #fff;
		text-decoration: none;
	}	
	
	
	/* -- sub-menu -- */
	#site-navigation ul ul {
		display: none;
		position: absolute;
		top: 28px;
		left: -1px;
		width: 150%;
		background-color: #fff;
		border: 1px solid #cabaaa;
		padding-left: 10px; 
		float: left;
		z-index: 99999;
	}	
	
	#site-navigation ul li ul:hover {
		display:block;
	}
		
	.detail-box {
		width: 33%;
		float: right;
	}

	/* -- .two-column -- */
	#main.two-column #content {
		width: 1000px;
		margin: 0;
		padding: 0;
	}
	
	.one-column #secondary .columnleft {
    width: 280px;
    margin-right: 30px;
    float: left;
	}
	
}