/*
Theme Name:		Welcart Basic Child
Description:	Welcart Basic Child is child theme for Welcart Basic.
Author:			Collne Inc.
Author URI:		https://www.collne.com/
Template:		welcart_basic
Version:		1.0.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
*/

/* フッター削除 */
/* #colophon {
	 display: none;
} */

/*  トップページ*/

/* 追加した固定ページ（タイトル）をヘッダーから消す */
.page-item-105 {
/* 	会社案内 */
	display:none;
}

.page-item-107 {
/* 	個人情報の取り扱い */
	display:none;
}

.page-item-109 {
/* 	お問い合わせ */
	display:none;
}

/* フッター上にあるデフォルトのカレンダー等 */


/* ログイン欄 */
#welcart_login-3 {
}

/* 商品カテゴリー欄 */
#welcart_category-3 {
}

/*  お勧め商品欄*/
#welcart_featured-3 {
}

/*  カレンダー欄*/
#welcart_calendar-3 {
} 


/* 固定ページ　トップ　タイトル削除 */
 #content .page-title, #content .entry-title {
    display: none;
} 

/*ヘッダー  css*/
	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: pink;
		/* 	ヘッダー全体背景色	 横幅サイズ*/
/* 		width:fit-content; */
/* 		上記は子要素に幅を合わせる */
		width:100%;
		margin:0 auto;
	}

#site-navigation li a {
/* 	ヘッダー文字色	 */
	color: black;
		display: block;
		margin-bottom: 0;
	/* 	ヘッダーdiv高さ	 */
		padding: 1em 1.42857em;
		line-height: 100%;
	}

#site-navigation li {
	/* 	ヘッダー文字周りのpadding. */
		padding: 0;
	/* 	ヘッダー文字の横ライン色. */
		border-right: 1px solid white;
   border-bottom: 0px solid white;
	}

	#site-navigation ul li:last-child {
		/* 	ヘッダー文字の横ライン色 最後の項目　右ライン	 */
		border-right: 1px solid white;
	}

#site-navigation ul {
    border-left: 1px solid white;
}

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

/*ヘッダー　現在のページ　固定されている色*/
#site-navigation li.current-menu-item > a, #site-navigation li.current-menu-ancestor > a {
    background-color:  #ff69b4;
}

 	#site-navigation li.current_page_item li a,
	#site-navigation li.current-menu-parent li a {
		background: none;
	} 


	#site-navigation li a:hover {
		/* ホバー時　文字色 */
		color: white;
		/* ホバー時　背景色 */
		background-color: orange;
		text-decoration: none;
	}

/* トップページ左下にあるログインのアイコン */

.widget_welcart_login input#member_loginw, .widget_welcart_login input#member_login {
/* 	 トップページ左下にあるログインのアイコン 背景色 */
    background-color: #48d1cc;
    color: #fff;
    font-size: 14px;
}

.widget_welcart_login input#member_loginw:hover, .widget_welcart_login input#member_login:hover {
	/* 	 トップページ左下にあるログインのアイコン ホバ時 */
    background-color: #ffa500;
}

/* トップ商品一覧*/

/* 商品＆スペック　divサイズ*/
.item-list article{
	width:30%;
	height:auto;
}

.item-info-wrap {
}

/*商品画像サイズ  */
	.widget_basic_item_list .itemimg {
		width:70%;
		height:auto;
		
}

/*  商品スペック一式　位置サイズ*/
.widget_basic_item_list .item-info-wrap {
	width:70%;
	margin-left:0%;
}

/* 商品一覧　全体位置 */
.widget_basic_item_list .item-list {
    margin-left: 15%;
}

/*  メンバー、ログイン　ページ*/

#wc_login .loginbox #member_login, #wc_member .loginbox #member_login {
 /*  ログイン周り箱形*/
    border-radius: 3px;
	/*  ログイン周り背景色*/
    background-color: #deb887;
		/*  ログイン文字色*/
    color: white;
}

#wc_login .loginbox #member_login:hover, #wc_member .loginbox #member_login:hover {
		/*  ログイン　ホバー時*/
    background-color: #f0fff0;
}

#wc_login .loginbox .new-entry #nav a, #wc_member .loginbox .new-entry #nav a {
    display: inline-block;
    padding: 0.714286em 1.42857em;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	/*  新規ご入会はこちら　背景色*/
    background-color: #ffff00;
	 /*  新規ご入会はこちら　文字色 ※2回連続で指示しなければ反映されない*/  
    color: #fff;
	color:black;
}

#wc_login .loginbox .new-entry #nav a:hover, #wc_member .loginbox .new-entry #nav a:hover {
	/*  新規ご入会はこちら　ホバー時*/
    background-color: #9acd32;
}


#wc_login .loginbox .new-entry, #wc_member .loginbox .new-entry {
    	/*  会員登録されていないお客様　位置*/
    margin: 10px 0;
		/*  会員登録されていないお客様　背景サイズ*/
    padding: 30px;
	/*  会員登録されていないお客様　背景色*/
    background-color: #efefef; 
}

.new-entry h2{ 
	/*  会員登録されていないお客様　文字色*/
	color:black;
}

/*  カート　ページ*/

div.cart_navi li.current, div.cart_navi li.current::before, div.cart_navi li.current::after {
/*  選択中項目背景色*/
    background-color: black;
	/*  選択中項目文字色*/
    color: white;
}
 
div.cart_navi li {
    display: block;
    padding: 0 0.909095em 0 1.81818em;
    float: left;
	/*  未選択項目背景色*/
    background-color: p#dedede;
	/*  未選択項目文字色*/
    color: #262626;
    font-size: 11px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

div.cart_navi li::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 -20px -20px auto;
    float: right;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    border-right: 4px solid #fff;
	/*  未選択項目背景色　右上*/
    background: p#dedede;
}

div.cart_navi li::after {
    content: " ";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: -20px -20px 0 auto;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    border-right: 4px solid #fff;
	/*  未選択項目背景色　右下*/
    background: p#dedede;
}

div.cart_navi li::before {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 -20px -20px auto;
    float: right;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
	/*  未選択項目背景色　右上ライン*/
    border-right: 4px solid #fff;
    background: p#dedede;
}

div.cart_navi li::after {
    content: " ";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: -20px -20px 0 auto;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
	/*  未選択項目背景色　右下ライン*/
    border-right: 4px solid #fff;
    background: p#dedede;
}

#wc_cart #cart .upbutton input {
    margin-left: 5px;
    padding: 3px 15px;
	/*  数量更新　色*/
    border: 1px solid #ff8c00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
	/*  数量更新　色*/
    color: #ff8c00;
}

/*  新規会員登録ページ　　
 個人情報入力フォーム　*/

.customer_form th em {
	/*  会員登録　人情報入力フォーム　※の記号の色*/
    color: #f36;
    font-weight: bold;
}

.customer_form th {
    display: table-cell;
    width: 25%;
    padding: 0.357143em 1.071428em;
	/*  会員登録　個人情報入力フォーム 背景色ありのところボーダー*/
    border: 1px solid #ccc;
	/*  会員登録　個人情報入力フォーム 背景色*/
/*     background-color: #f6f6f6; */
 	background-color: #7b68ee;  
    vertical-align: middle;
	/*  会員登録　個人情報入力フォーム 文字色*/
	color:black;
}

.customer_form td {
    display: table-cell;
    padding: 0.357143em 1.071428em;
	/*  会員登録　個人情報入力フォーム 右欄　ライン色*/
    border: 1px solid #ccc;
		/*  会員登録　個人情報入力フォーム 右欄　文字色*/
    color: #6e6e6e;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] {
    padding: 0.5714285em;
		/*  会員登録　個人情報入力フォーム 右欄　ボックス線色*/
    border: 1px solid #bbb;
}

select {
			/*  会員登録　個人情報入力フォーム 右欄　選択　線色*/
    border: 1px solid #bbb;
	/*  会員登録　個人情報入力フォーム 右欄　選択　文字色*/
    color: black;
}

.member-page .send input {
		/*  会員登録　個人情報入力フォーム 送信する　背景色、文字色*/
    background-color: green;
    color: #fff;
}

.member-page .send input:hover {
	/*  会員登録　個人情報入力フォーム 送信する　ホバー時*/
    background-color: #00ced1;
}

/*  会員登録　個人情報入力フォーム 送信する　送信後のページ*/

#wc_newcompletion #memberpages p a, #wc_lostcompletion #memberpages p a, #wc_changepasscompletion #memberpages p a {
    display: inline-block;
    margin: 1.071428em 0 0;
    padding: 0.714286em 1.42857em;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	/*  会員登録　個人情報入力フォーム 送信する　送信後のページ　会員情報ページはこちら　背景色*/
    background-color: #f0f8ff;
	/*  会員登録　個人情報入力フォーム 送信する　送信後のページ　会員情報ページはこちら　文字色*/
	color:black;
}

#wc_newcompletion .send a, #wc_lostcompletion .send input, #wc_lostcompletion .send a, #wc_changepasscompletion .send a {
    display: inline-block;
    padding: 0.714286em 1.42857em;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	/*  会員登録　個人情報入力フォーム 送信する　送信後のページ　トップページへ戻る　背景色*/
    background-color: #4169e1;
	/*  会員登録　個人情報入力フォーム 送信する　送信後のページ　トップページへ戻る　文字色*/
	color:black;
}

/*カート内容確認ページ  */

#cart_table th {
    padding: 0.357143em;
    border: 1px solid #ccc;
/* 	no、商品名など　背景色 */
    background-color: #a0522d;
    text-align: center;
}

#point_table td.c-point, #point_table td.u-point {
/* 	現在のポイント　背景色 */
    background-color: #87cefa;
    font-weight: bold;
}

#confirm_table tr.ttl td {
/* お客様、配送先住所、その他　背景色	 */
    background-color: #ee82ee;
}

#confirm_table th {
    display: table-cell;
    width: 30%;
    padding: 0.357143em 1.071428em;
    border: 1px solid #ccc;
/* メールアドレス、市区郡町村など背景色	 */
    background-color: #66cdaa;
    vertical-align: middle;
}

/* 注文完了した際に表示されるページ */
	
	#wc_ordercompletion .send a {
    padding: 10px 20px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
		/* 	トップページへ戻る　背景色 */
    background-color: #2f4f4f;
}

#wc_ordercompletion .send a:hover {
	/* 	トップページへ戻る　選択時 */
    background-color: #ff6347;
}


/*  会員情報のページ*/



#memberinfo th {
    display: block;
    width: auto;
    border: none;
	/*  会員情報　会員番号などライン色*/
    border-bottom: 1px solid red;
	/*  会員情報　会員番号など背景色*/
    background-color: #daa520;
    font-weight: normal;
}

#memberinfo table {
		/*  会員情報　会員番号などライン色*/
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-left: 1px solid red;
}

#memberinfo td {
		/*  会員情報　会員番号などライン色*/
    border: 1px solid red;
}

.member_submenu a {
	/*  会員情報　会員情報編集へ、ログアウト　背景色*/
    background-color: #7fff00;
	/*  会員情報　会員情報編集へ、ログアウト　文字色*/
    color: black;
}

.member-page #memberinfo .send input.top, .member-page #memberinfo .send input.deletemember {
  	/*  会員情報　トップページへ戻る、退会する　背景色*/
    background-color: #d2691e;
		/*  会員情報　トップページへ戻る、退会する　文字色*/
    color: black;
}


.cart_page_title {
		/*  注文送信完了時の画面　完了と左上に表示されるh1を消す*/
display:none; 
}

/* 買い物中商品選択画面 */

.item-info .skubutton {
    padding: 0.714286em 2.142856em;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	/* カートへ入れる　背景色 */
    background-color: #ff8c00;
		/* カートへ入れる　文字色 */
    color: #fff;
    font-family: FontAwesome;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}

/*  ここから*/

/*  カート　ページ*/

input[type="button"], input[type="submit"], input[type="reset"] {
    padding: 0.714288em 1.42857em;
	/*  買い物を続ける、削除、戻る、住所検査、お届けお支払い方法入力に戻る　背景色*/
    background-color: red;
    border: none;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	/*  上記　文字色*/
	color:black;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	/*  買い物を続ける、削除、戻る、住所検査、お届けお支払い方法入力に戻る　　ホバー時*/
    background-color: #fff0f5;
    cursor: pointer;
}

.send input.to_customerinfo_button, .send input.to_memberlogin_button, .send input.to_deliveryinfo_button, .send input.to_confirm_button, .send input#purchase_button {
	/*次へ、上記内容で注文する　背景色#ff8c00*/
    background-color: #bdb76b;
/*次へ　文字色*/
    color: white;
}

.send input.to_customerinfo_button:hover, .send input.to_memberlogin_button:hover, .send input.to_deliveryinfo_button:hover, .send input.to_confirm_button:hover, .send input#purchase_button:hover {
    background-color: blue;
}
 

#wc_customer .send input.to_reganddeliveryinfo_button {
    margin-top: 0.714286em;
	/*会員登録しながら次へ　背景色 #ff8c00*/
    background-color: blue;
	/*会員登録しながら次へ　文字色*/
    color: #fff;
}

/*  パスワードを忘れたページ*/

#wc_lostmemberpassword #member_login {
/* 	 新しいパスワードを取得　背景色 */
    background-color: #87ceeb;
/* 	 新しいパスワードを取得　文字色 */
    color: #fff;
}

/* 		新しいパスワードを取得　ホバー時*/
#wc_lostmemberpassword #member_login:hover {
    background-color: #ffa500;
}
	
	#wc_lostmemberpassword #nav a {
/* 		新しいパスワードを取得ページにあるログイン　背景色 */
    background-color: #00ff7f;
/* 		新しいパスワードを取得ページにあるログイン　背景色 文字*/
    color: #262626;
}

/* 		新しいパスワードを取得ページにあるログイン　ホバー時*/
#wc_lostmemberpassword #nav a:hover {
    background-color: #ddd;
    text-decoration: none;
}

/* フッター */

.footerexplanation {
  width: 100%;
  font-size: 20px;
  color: red;
  background-color: #fffacd;
}

.footeroriginalall a {
  text-decoration: none;
  color:inherit;
}

.footeroriginalall {
  width: 100%;
	background-color:white;
	color:black;
}

.footeroriginalall2 {
  display:flex;
  width: fit-content;
  margin: 0 auto;
}

.footeroriginal2 {
  margin-left: 30px;
}

.footeroriginalall p{
  width: fit-content;
  margin: 0 auto;
  padding-top: 20px;
}




/*  テキストを変えるcss*/

/*  ログインページ*/

.new-entry h2 {
	font-size:0;
}

.new-entry h2:before{
font-size:15px;
content:'会員登録されていないお客様(テキスト変更可)';
}

/* 新規会員登録　ページ */

.member_page_title{
	font-size:0;
	line-height: normal;
}

.member_page_title2　{
}

.member_page_title2:before  {
	font-size:20px;
content:'新規入会フォーム(タイトル変更可　※変更する場合は元ファイルを調整する必要があります)';
}
 
.header_explanation li{
	font-size:0;
}

.header_explanation2:before {
	font-size:15px;
	content:'この新規入会フォームより送信いただく、個人情報の取り扱いにつきましては細心の注意を払っております。お預かりしたお客様の情報は本人様へのお問い合わせ内容についてのご返答や情報のご提供の目的であり、他の目的に使用することはございません。詳しくは「プライバシーポリシー」をご覧ください。*印の付いている項目は必須となっております。漏れなくご記入ください。英数字は半角での記入をお願いいたします。（テキスト変更可　※変更する場合は元ファイルを調整する必要があります）'; }

/* 新規会員登録のページはwc_new_member_page.phpです。
追記は上記ファイルに行う。

（ログインのページはwc_login_page.phpです）

タイトル（h1）のclassはmember_page_titleです。
テキストのclassはheader_explanationです。
どちらも末尾に2を追加した新しいclass名を作ります。*/


/* スマホ */

/* トップページ　カートの中　アイコン*/

@media screen and (min-width: 1000px) {

.incart-btn .total-quant {
	/* カートの中　数字文字サイズ位置*/
	font-weight: bold;
	top: 0;
	left: 0;
	width: auto;
	/* カートの中　幅サイズ*/
	min-width: 20px;
	max-width: 30px;
	height: 20px;
	/* カートの中　数字文字色*/
	color: #fff;
	/* カートの中　数字の周り色*/
	background-color: #fba60d;
}

.incart-btn a {
	/* カートの中　背景色*/
    background-color:   #ff8c00;
	/* カートの中　背景サイズ*/
	padding:6px  0.714286em;
}

.incart-btn span {
    display: inline-block;
	/* カートの中　文字色*/
    color: white;
	/* カートの中　文字サイズ*/
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    letter-spacing: 1px;
}

/* カートの中　ホバー時 */
.incart-btn a:hover {
    background-color: #7cfc00;
}
	
}

@media screen and (max-width: 1000px) {
	
	/* トップ商品一覧*/

/* 商品＆スペック　divサイズ*/
.item-list article{
	width:50%;
	height:auto;
}

/*商品画像サイズ  */
	.widget_basic_item_list .itemimg {
		width:70%;
		height:auto;
		
}

/*  商品スペック一式　位置サイズ*/
.widget_basic_item_list .item-info-wrap {
	width:70%;
	margin-left:0%;
}

/* 商品一覧　全体位置 */
.widget_basic_item_list .item-list {
    margin-left: 15%;
}
	
	.headere-xplanation {
		display:none;
	}
	
}


@media screen and (max-width: 500px) {
	
	/* トップ商品一覧*/

/* 商品＆スペック　divサイズ*/
.item-list article{
	width:100%;
	height:auto;
}

/*商品画像サイズ  */
	.widget_basic_item_list .itemimg {
		width:70%;
		height:auto;
		
}

/*  商品スペック一式　位置サイズ*/
.widget_basic_item_list .item-info-wrap {
	width:70%;
  margin-left:0%;
}

/* 商品一覧　全体位置 */
.widget_basic_item_list .item-list {
    margin-left: 15%;
}
	
}