/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			WElcart Inc.
Author URI:		https://www.welcart.com/
Template:		welcart_basic
Version:		1.34.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, basic-child, two-columns, right-sidebar. left-sidebar
*/

/*
 * 親テーマ（Welcart Basic）の style.css は functions.php で先に読み込まれます。
 * このファイルには親テーマから変更したい部分だけを書いてください。
 */

/* =カラー
 * メイン色    #455765
 * サブ色      #6b7b6e
 * アクセント  #1f3134
-------------------------------------------------------------- */

/* =全体
-------------------------------------------------------------- */

body {
	font-size: 16px;
}

/* フロント固定ページのタイトルを非表示 */
.home.page .entry-title {
	display: none;
}

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

.site-description {
	background: #455765;
	clear: both;
}

.snav ul li i {
	color: #455765;
}

/* ハンバーガーメニューのアイコンが白背景に重なり見えなくなっていたため濃色に変更 */
#site-navigation label span::before {
	color: #455765;
}

/* カートをアイコンではなく太字テキストで表示し、ハンバーガーメニューの左に並べる（モバイル） */
.incart-btn {
	position: absolute;
	top: .7em;
	right: 4.4em;
	float: none;
}

.incart-btn a {
	padding: 0;
	color: #6c848d;
	font-size: .85em;
	font-weight: bold;
}

h1.site-title,
div.site-title {
	line-height: 0em;
}

/* ロゴを画像に差し替える（画像は 1272×516、縦横比に合わせて横126pxで縦51px） */
h1.site-title,
div.site-title {
	padding-top: 10px;
	padding-bottom: 10px;
}

h1.site-title a,
div.site-title a {
	display: block;
	width: 126px;
	height: 51px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

/* グローバルメニューのフォント */
#site-navigation a {
	font-family: 'Rozha One', serif;
	letter-spacing: .05em;
}

/* =トップページ
-------------------------------------------------------------- */

/* メニューとスライダーの間の余白を詰める */
.home #masthead {
	margin-bottom: 0;
}

.home .sof .entry-content > :first-child {
	margin-top: 0;
}

/* =サイドバー見出し
-------------------------------------------------------------- */

#secondary h3 {
	padding: 8px;
	border-bottom: none;
	border-left: solid 10px #1f3134;
	background-color: #6b7b6e;
	color: #fff;
	font-size: 1.2em;
}

/* =ウィジェット
-------------------------------------------------------------- */

.widget_welcart_calendar th,
.welcart_blog_calendar th,
.widget_calendar th {
	background-color: #455765;
}

.widget_search .searchsubmit {
	color: #455765;
}

/* =ページトップ・フッター
-------------------------------------------------------------- */

#toTop i:hover {
	color: #455765;
}

footer {
	background-color: #455765;
}

/* =ページ送り
-------------------------------------------------------------- */

.pagination_wrapper li .current,
.link-pages .post-page-numbers.current,
.link-pages a.post-page-numbers:hover {
	border: 1px solid #455765;
	background-color: #455765;
}

/* =本文・商品説明の見出し
-------------------------------------------------------------- */

.entry-content h2,
.item-description h2,
.comment-area h2,
.comment-area h2::before {
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-bottom: none;
	border-left: solid 10px #1f3134;
	border-radius: 2px;
	background-color: #455765;
	color: #fff;
	font-size: 1.5em;
}

.entry-content h3,
.item-description h3 {
	padding: 8px;
	border-bottom: none;
	border-left: solid 10px #1f3134;
	background-color: #6b7b6e;
	color: #fff;
	font-size: 1.2em;
}

/* =404
-------------------------------------------------------------- */

.error-404 input[type="submit"] {
	color: #455765;
}

/* =PC表示（1000px 以上）
-------------------------------------------------------------- */

@media screen and (min-width: 62.5em) {

	/* ロゴと説明文を横並びにする（説明文はロゴの下部に合わせる）、下の余白を半分に */
	header .inner {
		align-items: flex-end;
		padding-bottom: .535714em;
	}

	h1.site-title,
	div.site-title {
		width: auto;
		padding-top: 10px;
		padding-bottom: 2px;
		font-size: 1.857142em;
	}

	.site-description {
		width: auto;
		margin-left: .5em;
		margin-bottom: .5em;
		padding-top: 0;
		background: none;
	}

	/* -- 検索ボックス・会員メニュー --
	 * PC表示でもスマホと同じ開閉式の表示にする */
	.snav .membership {
		float: left;
	}

	.snav .membership a {
		display: block;
	}

	.snav .membership ul {
		display: none;
		position: absolute;
		z-index: 2;
		left: 0;
		width: 100%;
		padding: 1.4286em .714286em .714286em;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
	}

	.snav .membership.On ul {
		display: block;
	}

	.snav .membership li {
		margin: 0 0 1.07143em .714286em;
		padding-bottom: .357143em;
		float: none;
		border-bottom: 1px solid #e0e0e0;
		background: none;
	}

	.snav .membership li:first-child {
		margin-left: 0;
	}

	.snav .membership li:last-child {
		margin-bottom: 0;
		border: none;
	}

	.search-box {
		float: left;
	}

	.snav .search-box i {
		padding: .5em;
		font-size: 1.42857em;
	}

	.search-box form {
		display: none;
	}

	.search-box.On form {
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		padding: 1.4286em .714286em .714286em;
		background-color: #fff;
	}

	.search-box div.s-box {
		display: block;
		position: relative;
		width: 100%;
		float: right;
		border: 1px solid #ccc;
		text-align: center;
	}

	.search-box input[type="text"] {
		width: 100%;
		padding-right: 2em;
		border: none;
		outline: none;
	}

	.search-box .searchsubmit {
		position: absolute;
		top: 0;
		right: 0;
		padding: .3124995em;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: none;
		color: #aaa;
		font-family: FontAwesome;
		font-size: 1.14286em;
	}

	.search-box .searchsubmit:hover {
		background: none;
	}

	/* -- カートボタン --
	 * PC表示では使わず、メニュー内の Cart リンクに任せる。
	 * 検索ボックスはキャッチコピーと同じ段の右側に置く */
	header .inner {
		position: relative;
	}

	.snav {
		position: absolute;
		bottom: 1.071428em;
		right: 0;
		width: auto;
	}

	.incart-btn {
		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: #455765;
	}

	/* メニューバーの高さを約4割薄くする（元は上下 1em） */
	#site-navigation li a {
		padding: .6em 1.42857em;
	}

	/* -- カートリンクをメニューの右端に置く -- */
	#site-navigation li.menu-cart-item {
		float: right;
		border-right: none;
	}

	#site-navigation li.menu-cart-item a {
		background-color: #6c848d;
		color: #fff !important;
	}

	#site-navigation li.menu-cart-item a:hover {
		background-color: #80aba9;
	}

	#site-navigation li {
		border-right: 1px solid #fff;
	}

	#site-navigation ul li:first-child {
		border-left: 1px solid #fff;
	}

	#site-navigation li a,
	#site-navigation li.current_page_item li a,
	#site-navigation li.current-menu-parent li a {
		font-weight: bold;
	}

	footer {
		background-color: #455765;
	}

	.entry-content h2 {
		font-size: 1.5em;
	}
}