@charset "UTF-8";
/*   
Theme Name: XeoryBase
Theme URI: http://xeory.jp/
Description: Xeory　ベーステーマ 
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.1.7
*/

/* ==========================================================================
   追加CSS
========================================================================== */
/* 商品ページ税込み表記右寄せ */
.tax_inc_block {
    text-align: right;
}
/* カート内upbuttonアキ */
#cart .upbutton {
    margin-bottom: 20px;
}
#customer-info th {
  font-size: 15px;
}
#customer-info td {
  font-size: 16px;
}
#customer-info .error_message {
  font-size: 14px;
}

/* ==========================================================================
   商品一覧（archive.php）の float 回り込みバグ・重なりを完全解消するCSS
========================================================================== */
/* 商品一覧の枠（post-loop-wrap）の中身を綺麗にクリアする */
.post-loop-wrap::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}
/* ページネーション（.pagination）自体に強力な回り込み解除をかける */
.post-loop-wrap .pagination,
.pagination {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    padding-top: 30px !important;
}
/* 2. 【最重要】中の数字ボタンの左寄せを完全に解除する */
.pagination a, 
.pagination span,
.pagination .current,
.pagination .inactive {
    float: none !important;
    display: inline-block !important;
    margin: 0 6px !important;
    vertical-align: middle !important;
}
/* 念のためカテゴリー説明文エリアの高さが潰れるのを防止 */
.cat-content::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
}

/* ==========================================================================
   商品詳細ページ（.exp内）の表示順を「情報 ➔ 価格・ボタン」に入れ替えるCSS
========================================================================== */
/* 1. 商品説明エリアを、上から下に並び替えるための箱（Flexbox）に指定 */
#itempage .exp {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    float: none !important;
}
/* 2. 【最優先】商品説明（pタグ一式）を表示順「1番目」に引っ張り上げる */
#itempage .exp > p {
    order: 1 !important;
}
/* 3. 【２番目】価格エリア（.field）を表示順「2番目」に指定 */
#itempage .exp .field {
    order: 2 !important;
}
/* 4. 【３番目】カートボタンエリア（.skuform）を表示順「3番目」に指定 */
#itempage .exp .skuform {
    order: 3 !important;
    text-align: left !important; /* 右寄せ（align="right"）を解除して左側に揃える場合 */
}