@charset "utf-8";
/* CSS Document */


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


/*新商品・お勧め商品に，new,reco,new&reco画像を表示*/
.new_img{
	background-image: url(imgs/new.gif);
	background-repeat: no-repeat;
	width: 54px;
  	height: 54px;
}

.reco_img{
	background-image: url(imgs/reco.gif);
	background-repeat: no-repeat;
	width: 54px;
  	height: 54px;
}

.new_reco_img{
	background-image: url(imgs/new_reco.gif);
	background-repeat: no-repeat;
	width: 109px;
  	height: 55px;
	}

/*商品一覧ページ new,reco表示　位置を指定*/
.list_new_reco{
	background-image: url(imgs/new_reco.gif);
	background-repeat: no-repeat;
	width: 109px;
  	height: 55px;
}

/*<商品一覧ページ>新着・お勧め表示*/
/*親要素を必ずposition: relative;に設定*/
.pos_iteming{
	position: relative;
}

/*<商品一覧ページ>新着・お勧めの位置設定*/
.itemimg p{
	position: absolute;/*絶対配置*/
	top: -10px;
  	left: -20px;
}


/*[商品詳細]ページ　<カートへ入れる＞ボタンに対して、<見積り依頼カートに入れるボタン>画像を設定する　text-indent: 500px;　テキストを飛ばす start*/
.item-info .skubutton{
  background-image: url(imgs/cart_btn.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 394px;
  height: 47px;
  border:none;
  cursor:pointer;
  overflow:hidden;
  display: block;
  text-indent: 500px;
  color: transparent;	/*safari もとのテキスト「カートに入れる」の文字色を透明にする*/
  max-width: 100%;
}

/*[商品詳細]ページ　<見積り依頼カートに入れるボタン>マウスオーバーしたら画像にホワイトをかける（透明度を設定）*/
.item-info .skubutton:hover {
 	cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}

/*[商品詳細]ページ　仕様上下の区切り線用 */
.detail-box hr {
	background-color: #bbb;
	margin: 10px 0;
	height: 2px;
}
/*[商品詳細]ページ　商品名や仕様の幅調整 */
.detail-box .item-name {
	width: 94%;
	margin: 0 auto;

	/* added by TOYO Pridea */
	display: block;
	padding: 0;
	text-align: left;
	font-size: 1.3em;
	letter-spacing: 1px;
	font-weight: bold;
}
#itempage .item-description {
	max-width: 94%;
    margin: 0 auto 1em auto;
}

/*<見積り依頼カートに入れるボタン>ボタンを右寄せ*/
/* floatを使う方法
.skubutton{
		float: right;
}

.skuform:first-child{
	padding-top: 0px;
}

.skuform{
	padding-top: 40px;
}
*/

/* positionを使う方法*/
.skuform{
	position: relative;
}

.skubutton{
/*	    position: absolute;
		right:0;
*/
	margin: 0 auto; /* 左右寄せをやめ、センター揃えに */
}

.skuform:first-child{
	padding-top: 0px;
}

.skuform{
	padding-top: 40px;
}

/*[商品詳細]ページ　<カートへ入れる＞ボタンに、<見積り依頼カートに入れるボタン>画像を設定する　end*/

/*サムネイルのサイズを指定*/
#cart_table .thumbnail {
	display: table-cell;
	white-space: nowrap;
    width: 70px;
    text-align: center;
	}

/*カートナビ　カレントの色をみどりにする*/
div.cart_navi li.current, div.cart_navi li.current:before, div.cart_navi li.current:after {
    background-color: #61b584;
    }
/*カートナビを<発送先>と<内容確認>にする*/
/*
div.cart_navi ol.ucart {
    list-style-image: none;
    list-style-type: none;
    display: block;
    height: 31px;
    width: 100%;
    //margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0px;
}　
*/
/*background color #B3B3B3を指定している部分に移す
div.cart_navi li.ucart {
    width: 50%;
    height: 31px;
    line-height: 31px;
}
*/
div.cart_navi li.usccart_delivery {
    background-image: url(imgs/cart_navi_bg1.jpg);
    background-repeat: repeat-x;
}

div.cart_navi li.ucart {
    background-color: #B3B3B3;
    float: left;
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    /*width: 25%;*/

    width: 50%;
    height: 31px;
    line-height: 31px;
}

/*[カートの中]ページ　<買い物を続ける>ボタンに<見積りを続ける>ボタンの画像を設定する　start*/
/* →functions.phpにフックを記述し、文言を変更したため不要になった。
#previouscart.continue_shopping_button{
	background-image: url(imgs/continue_mitsumori_btn.gif);
  	background-repeat: no-repeat;
  	width: 147px;
  	height: 47px;
  	border:none;
  	cursor:pointer;
  	overflow:hidden;
  	text-indent: 500px;
  	color: transparent;	safari もとのテキスト「買い物を続ける」の文字色を透明にする
}
*/

/*[内容確認]ページ <上記内容で注文する>ボタンに、<上記内容で見積り依頼する>ボタンの画像を設定する　start*/
/* →functions.phpにフックを記述し、文言を変更したため不要になった。
.send input#purchase_button.checkout_button{
	background-image: url(imgs/checkout_btn.gif);
  	background-repeat: no-repeat;
  	width: 191px;
  	height: 50px;
  	border:none;
  	cursor:pointer;
  	overflow:hidden;
  	text-indent: 500px;
  	color: transparent;	safari もとのテキスト「上記内容で注文する」の文字色を透明にする
}
*/

/*[内容確認]ページ <お届けお支払い方法に戻る>ボタンに、<発送先入力に戻る>ボタンの画像を設定する　start*/
#back_button.back_to_delivery_button{
	background-image: url(imgs/back_shipping_btn.gif);
  	background-repeat: no-repeat;
  	width: 240px;
  	height: 50px;
  	border:none;
  	cursor:pointer;
  	overflow:hidden;
  	text-indent: 500px;
  	color: transparent;	/*safari もとのテキスト「お届けお支払い方法に戻る」の文字色を透明にする*/
}


/*<見積りを続ける><発送先入力に戻る>ボタンのマウスオーバー 効かない
#previouscart.continue_shopping_button:hover,
#back_button.back_to_delivery_button {
	//少し濃いグレー
	cursor:pointer;
	//background-color: #DFDFDF;　
	background-color: #99cc00 試しにみどり;　
	}


.send input#back_button:hover {
	background-color: #99cc00 試しにみどり;　
	}
*/

/*----send（ カート内で「次へ」ボタンの色変更） ---*/
.send input.to_customerinfo_button,
/*.send input.to_memberlogin_button,*/
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button {
	/*color: #fff;　文字色白*/
	background-color: #61b584;
}

/*マウスオーバーの色を設定 */
/*カート内：みどりのボタン*/
.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: #61b584;　
	cursor:pointer;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;

}

/*----send（ カート内で「会員登録しながら次へ」ボタンの色変更）
#wc_customer .send input.to_reganddeliveryinfo_button {
	color: #fff;
	margin-top: .714286em;
	background-color: #080;
}
#wc_customer .send input.to_reganddeliveryinfo_button:hover {
	background-color: #61b584;
}
---「カートに入れる」ボタン設定 end*/

/*----カート内　配送・支払い方法選択画面　発送・支払い方法を非表示にする--*/
.display_none{
	display:none;
}

/*カート内　通貨を非表示にする*/
.currency_code{
	display: none;
}

/*<カート><内容確認>ページの単価　金額を非表示にする*/
.unitprice, .subtotal, .price{
		display: none;
}

/*<カート>ページの「在庫あり」を非表示にする*/
#cart_table .stock{
		display: none;
}

/*<検索結果表示>ページ　金額を非表示にする*/
.itemprice{
	display: none;
}

/*<検索開始ボタン>の色設定*/
.widget_welcart_search #searchsubmit{
	background-color: #f2eedb;
	border: 1px #ccc7ad solid;
	color: #666666;	/*文字色*/
}

/*<検索開始ボタン>マウスオーバーしたら色変更*/
.widget_welcart_search #searchsubmit:hover {
 	cursor:pointer;
    background-color: #eae5c6;
}

/* ヘッダ　カート設定 */
/* サブメニュー右に表示するカートアイコン */
/*
.sub_menu_cart_empty,
.sub_menu_cart {
	display: block;
	box-sizing: border-box;
	padding: 17px 0px;
}
.sub_menu_cart_empty a,
.sub_menu_cart a {
	//display: block;
	//width: 42px;
	//height: 42px;
	text-indent: -9999px;
}
.sub_menu_cart_empty a { background: url(imgs/icon_cart_empty.png) no-repeat right top; }
.sub_menu_cart a { background: url(imgs/icon_cart.png) no-repeat right top; }
*/
/*ヘッダ　サブメニュー「カート」アイコン設定*/
.navi_cart{
	display: block;
    box-sizing: border-box;
    width: 42px;
    height: 60px;
    padding: 17px 0px;
}

/*アイコン画像読み込み*/
.sub_menu_cart_empty {
    background: url(https://www.kunitomi-renga.co.jp/wp-content/themes/welcart_basic_child/imgs/icon_cart_empty_2023.png) no-repeat right center!important;
    background-size: 55px 55px!important;
    background-size: contain!important;
}
.sub_menu_cart{
	background: url(https://www.kunitomi-renga.co.jp/wp-content/themes/welcart_basic_child/imgs/icon_cart_2023.png) no-repeat right center!important;
  background-size: 55px 55px!important;
  background-size: contain!important;
}

/*商品詳細、商品一覧画面でdivで囲んだ要素を中央寄せにする*/
.center_style{
		margin: 0 auto;
    	width: 100%;
}
@media only screen and (min-width: 1000px) {
	.center_style{ width: 1000px; }
}
@media only screen and (min-width: 1170px) {
	.center_style{ width: 1150px; }
}

/*ナビメニューと重ならないようpadding-topを設定*/
.top_padding{
		padding-top: 60px;
}

/*[カート]〜ショッピング完了ページ　*/
/*padding設定*/
.set_padding {
    padding-left: 25px;
    padding-top: 25px;
}

/*[カート]〜ショッピング完了ページ スマホ画面の時*/
@media only screen and (max-width: 999px){
	.set_padding {
		padding-top: 60px;
		padding-left: 0px;
	}
}

/*商品詳細ページ「見積り依頼カートに入れる」ボタン調整*/
/*@media only screen and (max-width: 772px){
	.skubutton{
		margin-left: 150px;
	}
}*/
@media only screen and (max-width: 565px){
	.skubutton{
		margin-left: 0px;
	}
}