@charset "UTF-8";
/*
Theme Name: スマレジEC B2B
Theme URI:
Description: スマレジEC B2Bテーマ（コスメ/食品プリセット対応）
Author: nss
Version: 1.0.0
Text Domain: smaregi-ec-b2b
*/

/* ==========================================================================
   Modern Reset & Base Styles
   ========================================================================== */

/* ボックスモデルの修正：余白がサイズに含まれるようにする */
*, *::before, *::after {
    box-sizing: border-box;
}

/* デフォルトの余白をリセット */
* {
    margin: 0;
    padding: 0;
}

/* 画像をレスポンシブ対応に */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/* フォーム要素のフォント継承 */
input, button, textarea, select {
    font: inherit;
}

/* 基本のタイポグラフィ */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}

/* リンクのデザイン */
a {
    color: #0073aa; /* WordPress公式に近い青 */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.fv-slide-alt-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 320px;
    padding: 20px;
    background: #f3f3f3;
    color: #555;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-align: center;
}

/* ==========================================================================
   Layout Components
   ========================================================================== */

/* 共通コンテナ：画面中央に配置し、左右に余白を設ける */
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ヘッダーとフッターの簡易スタイル */
.site-header {
    background: #f8f9fa;
    padding: 2rem 0;
    border-bottom: 1px solid #ddd;
}

.site-footer {
    background: #333;
    color: #fff;
    padding: 2rem 0;
    margin-top: 4rem;
    text-align: center;
}