/*
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.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
*/

/* 2026.1.29 カートボタンの表示が崩れる（VK Block Proとの干渉） */
/* 親要素のリンクを強制的に横並びの土台にする */
.incart-btn a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important; /* 絶対に折り返さない */
}
/* アイコンタグが「縦並びのコンテナ」にならないようにする */
.incart-btn a i.fa {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
}
/* アイコン内のテキストを強制的に横に配置 */
.incart-btn a i.fa span {
    display: inline !important; /* ブロック化を解除 */
    margin-left: 4px !important;
    white-space: nowrap !important;
}
/* カートの個数バッジ */
.incart-btn a span.total-quant {
    display: inline-block !important;
    position: static !important; /* 位置が飛んでいる場合の対策 */
    margin-left: 5px !important;
}/* 2026.1.29ここまで */

/* サイドバー のカテゴリー */
#secondary h3.widget_title {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 3px solid #eee;
}
.widget_welcart_category li {
    padding: 4px 0px 1px 2px;
    line-height: 110%;
	border-bottom:1px dotted #ccc;
}

/* 商品一覧の価格を消す */
div.cat-il article div.itemprice,
div.cat-il article p.tax_inc_block {
	display:none;
}
div.cat-il article div.itemname {
	text-align:center;
}


/* 商品ページ　画像・商品説明 */
div#itempage div#img-box {
	display:none;
}

.detail-box {
    width: 100%;
    float: none;
}
.detail-box .item-description {
	width:560px;
	height:420px;
	margin:0 auto;
}

@media screen and (max-width: 480px) {
.detail-box {
}
.detail-box .item-description {
	width:100%;
	height:auto;
}
.detail-box .item-description iframe {
	width:100%;
	height:calc( ( 100vw - 20px) / 4 * 3 );
}
	
} /* max-width: 480px */

/* ▼2024.4.2 **********************************************************/
/* ロゴ */
h1.site-title img, div.site-title img {
    width: 280px;
    height: auto;
}
/* header */
@media screen and (min-width: 62.5em) {
h1.site-title, div.site-title {
    padding: 10px 0 25px;
	}
header .inner {
    display: flex;
    flex-wrap: wrap;
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 0;
	}
}/* min-width: 62.5em */
.search-box {
	display:none;
}
/* ▲2024.4.2 **********************************************************/



