@charset "UTF-8";
/* =================================================================== cassini main 08-20-2023 ------------------------------------------------------------------ */
/* =================================================================== base style overrides - (_document-setup) ------------------------------------------------------------------- */

/* !importantが付いているプロパティは、他のスタイル指定を上書きして強制的に適用される。 */

/* line 15, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
#main { 
    font-size: 16pt; /* フォントサイズを16ポイントに設定 */
    line-height: 1.875; /* 行間の高さを1.875に設定 */
    margin: 0; /* 要素の外側の余白を0に設定 */
    padding: 0; /* 要素の内側の余白を0に設定 */
    text-rendering: optimizeLegibility; /* テキストレンダリングを読みやすく最適化 */
    font-kerning: normal; /* カーニング（文字間の調整）を通常に設定 */
    font-variant-ligatures: common-ligatures contextual; /* 通常の合字や文脈による合字を有効化 */
    font-feature-settings: "kern", "liga", "clig", "calt"; /* カーニング、通常の合字、文脈合字、文脈代替を有効にする */
    background: #fff; /* 背景色を白に設定 */
}

/* line 26, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* body内のmain要素に対するスタイル設定 */
body #main main { 
    width: 100%; /* main要素の幅を100%に設定 */
    margin: 0 0 100px 0;
}

/* line 31, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 選択されたテキストに対するスタイル設定 */
#main ::selection { 
    background: #800300; /* 選択された部分の背景色を濃い赤に設定 */
    color: #fff; /* 選択されたテキストの色を白に設定 */
    opacity: 1 !important; /* 不透明度を100%に強制設定 */
}

/* line 37, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* Mozillaブラウザ用の選択スタイル設定 */
#main ::-moz-selection { 
    background: #000; /* 選択された部分の背景色を黒に設定 */
    color: #fff; /* 選択されたテキストの色を白に設定 */
    opacity: 1 !important; /* 不透明度を100%に強制設定 */
}

/* line 43, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 画像に対するスタイル設定 */
#main img { 
    margin: 0 !important; /* 画像の外側の余白を0に強制設定 */
    padding: 0 !important; /* 画像の内側の余白を0に強制設定 */
    line-height: 0; /* 行間の高さを0に設定 */
}

/* line 49, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* リンクに対するスタイル設定 */
#main a { 
    color: #000; /* リンクの色を黒に設定 */
}

/* line 54, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* Googleマップのiframeに対するスタイル設定 */
#main .googlemap iframe { 
    width: 100% !important; /* iframeの幅を100%に強制設定 */
    aspect-ratio: 16/9 !important; /* アスペクト比を16:9に強制設定 */
}

/*────────────────────────────
h1-h5 style
見出し (h1～h5) に対するスタイル設定
────────────────────────────*/

/* line 63, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h1～h5要素およびクラスが指定された要素に対するスタイル */
#main :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) { 
    text-rendering: optimizelegibility; /* テキストレンダリングを読みやすく最適化 */
    margin: 0; /* 要素の外側の余白を0に設定 */
    font-weight: 600; /* フォントの太さを600に設定（やや太い） */
    letter-spacing: .05em; /* 文字間隔を0.05emに設定 */
}

/* line 68, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h1～h5内のリンク（aタグ）に対するスタイル */
#main :where(h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a ){ 
    text-decoration: none; /* リンクの下線を削除 */
}

/* line 71, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h1および.h1クラスの要素に対するスタイル */
#main :where(h1, .h1) { 
    font-size: 1.1em; /* フォントサイズを1.1emに設定 */
    line-height: 1.333em; /* 行間の高さを1.333emに設定 */
}

/* line 74, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h1および.h1内の改行（brタグ）を非表示にする */
#main :where(h1 br, .h1 br) { 
    display: none; /* brタグを表示しない */
}

/* line 79, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h2および.h2クラスの要素に対するスタイル */
#main :where(h2, .h2) { 
    font-size: 1em; /* フォントサイズを1emに設定 */
    line-height: 1.7em; /* 行間の高さを1.7emに設定 */
    margin: 100px 0 20px; /* 上に100px、下に20pxの余白を設定 */
    padding: 0 0 10px; /* 下側に10pxの内側余白を設定 */
    border-bottom: 1px solid #EBEBEA; /* 下に1pxの薄いグレーのボーダーを設定 */
}

/* line 87, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h3および.h3クラスの要素に対するスタイル */
#main :where(h3, .h3) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    margin: 20px 0; /* 上下に20pxの余白を設定 */
}

/* line 92, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h4および.h4クラスの要素に対するスタイル */
#main :where(h4, .h4) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    font-weight: 700; /* フォントの太さを700に設定（太字） */
}

/* line 97, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* h5および.h5クラスの要素に対するスタイル */
#main :where(h5, .h5) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    line-height: 2.09em; /* 行間の高さを2.09emに設定 */
    letter-spacing: 2px; /* 文字間隔を2pxに設定 */
}

/*────────────────────────────
parts
パーツに対するスタイル設定
────────────────────────────*/

/* line 108, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のh2要素のリンクに対するスタイル */
#main h2 a { 
    color: #800000; /* リンクの色を濃い赤に設定 */
    border: none; /* 枠線を無しに設定 */
}

/* line 108, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のリンクに対するスタイル */
#main a { 
    text-decoration: underline; /* リンクに下線を付ける */
}

/* line 113, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のp要素に対するスタイル */
#main p { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    line-height: 1.7; /* 行間の高さを1.7に設定 */
    margin: 20px auto 20px; /* 上下20pxの余白を設定 */
    padding: 0; /* 内側余白を0に設定 */
    letter-spacing: .05em; /* 文字間隔を0.05emに設定 */
}

/* line 119, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の赤い文字のスタイル */
#main p span.red { 
    color: #D5111D; /* 文字色を赤に設定 */
    font-weight: bold; /* フォントを太字に設定 */
}

/* line 123, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のp要素のリンクに対するスタイル */
#main p a { 
    color: black; /* リンクの色を黒に設定 */
}

/* line 128, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .how-to-orderセクションのul li要素に対するスタイル */
.how-to-order ul li { 
    list-style: circle; /* リストアイテムのスタイルを円に設定 */
    margin: 50px 0 50px 1rem; /* 上下に50px、左に1remの余白を設定 */
}

/* line 131, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のul li要素に対するスタイル */
#main ul li { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    margin: 0 0 20px; /* 下に20pxの余白を設定 */
    padding: 0; /* 内側余白を0に設定 */
    font-weight: normal; /* フォントの太さを通常に設定 */
}

/* line 137, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の.faq_item内のfaqリストのli要素に対するスタイル */
#main .faq_item ul.faq li { 
    list-style: none; /* リストアイテムのスタイルをなしに設定 */
    margin: 50px 0 50px; /* 上下に50pxの余白を設定 */
}

/* line 140, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のfaqリストのli要素に対するスタイル */
#main ul.faq li { 
    font-size: 1em; /* フォントサイズを1emに設定 */
    margin-bottom: 50px; /* 下に50pxの余白を設定 */
}

/* line 144, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のfaqリストの最後のli要素に対するスタイル */
#main ul.faq li:last-child { 
    border-bottom: none; /* 境界線を無くす */
    padding-bottom: 10px !important; /* 下に10pxの余白を強制設定 */
}

/* line 148, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のfaqリストのh3要素に対するスタイル */
#main ul.faq li h3 { 
    display: flex; /* フレックスボックスを使う */
    align-items: center; /* 垂直方向に中央揃え */
    color: #7E0000; /* 文字色を濃い赤に設定 */
}

/* line 152, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のfaqリストのh3要素に対するスタイル（Qマークの前に表示される） */
#main ul.faq li h3::before { 
    margin: 0 15px 0 0; /* 右に15pxの余白を設定 */
    content: "Q"; /* Qの文字をコンテンツとして挿入 */
    display: inline-block; /* インラインブロックで表示 */
    width: 40px; /* 幅を40pxに設定 */
    height: 40px; /* 高さを40pxに設定 */
    border-radius: 50px; /* 円形に設定 */
    background: #7E0000; /* 背景色を濃い赤に設定 */
    color: #fff; /* 文字色を白に設定 */
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向に中央揃え */
    justify-content: center; /* 水平方向に中央揃え */
}

/* line 166, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のFAQリスト内のh4要素に対するスタイル */
#main ul.faq li h4 { 
    margin: 10px 0 10px 50px; /* 左に50px、下に25pxの余白を設定 */
    color: #7E0000; /* 文字色を濃い赤に設定 */
}

/* line 170, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のFAQリスト内のp要素に対するスタイル */
#main ul.faq li p { 
    margin: 0 0 60px 52px; /* 左に52px、下に60pxの余白を設定 */
}

/* line 176, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の番号付きリスト(ol要素)に対するスタイル */
#main ol { 
    list-style: decimal; /* 数字を使ったリストスタイル */
    margin: 50px 0 50px 1rem; /* 上下に50px、左に1remの余白を設定 */
}

/* line 179, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の番号付きリストのli要素に対するスタイル */
#main ol li { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    margin: 0 0 20px; /* 下に20pxの余白を設定 */
    padding: 0; /* 内側の余白を0に設定 */
    font-weight: normal; /* 通常のフォントウェイト */
}

/* line 184, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の番号付きリストのli要素内のspanに対するスタイル */
#main ol li span { 
    display: block; /* ブロック要素として表示 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
}

/* #main内の表(table)に対するスタイル（無効化） */
/* line 190, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内の表(table)に対するスタイル
#main table {
     font-size: .7em;
     text-align: left;
     width: 100%;
 }
 */

/* line 196, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 表の行(tr要素)に対するスタイル
#main table tbody tr { 
     display: flex; 
     align-items: flex-start; 
     border-bottom: 1px solid #E8E8E8 !important; 
 }
 */

/* line 200, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 表のヘッダーセル(th要素)に対するスタイル
#main table tbody tr th { 
    flex-basis: 35%;
    padding: 2em 0;
    letter-spacing: .05em;
    font-size: 1em; 
    font-weight: 600;
}
 */

/* line 207, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 表のデータセル(td要素)に対するスタイル
#main table tbody tr td { 
    flex-basis: 65%;
    padding: 2em 0;
    font-size: 1em;
}
 */

/* line 215, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .annotationクラスに対するスタイル */
#main .annotation { 
    background: #F7F7F7; /* 背景色を薄いグレーに設定 */
    padding: 40px; /* 内側余白を40pxに設定 */
    margin: 20px 0 0; /* 上に20pxの余白を設定 */
}

/* line 219, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .annotation内のh2およびh3要素に対するスタイル */
#main .annotation h2, #main .annotation h3 { 
    margin: 0 0 15px; /* 下に15pxの余白を設定 */
}

/* line 222, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .annotation内のspan要素に対するスタイル */
#main .annotation span { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
}

/* line 225, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .annotation内のリスト(ul, ol)に対するスタイル */
#main .annotation ul, #main .annotation ol { 
    margin: 30px 0 0 1rem; /* 上に30pxの余白、左に1remの余白を設定 */
}

/* line 229, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 大きなボタン(a.button_large)に対するスタイル */
#main a.button_large { 
    display: inline-block; /* インラインブロック要素として表示 */
    border: 1px solid black; /* 黒の1pxの境界線を追加 */
    color: black; /* テキストの色を黒に設定 */
    text-decoration: none; /* テキストの装飾（下線）を無しに設定 */
    padding: 20px 30px; /* 上下に20px、左右に30pxの内側余白を設定 */
    line-height: 1; /* 行間の高さを1に設定 */
    font-weight: 600; /* フォントをやや太めに設定 */
    border-radius: 3px; /* 角を3pxの丸みに設定 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
    transition: all 0.2s; /* すべてのプロパティに0.2秒のトランジション効果を追加 */
}

/* line 240, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* ボタンホバー時のスタイル */
#main a.button_large:hover { 
    background: #000; /* 背景色を黒に設定 */
    color: #fff; /* テキストの色を白に設定 */
}

/* line 245, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文セクション(.orderクラス)に対するスタイル */
#main .order { 
    padding: 5px 0; /* 上下に5pxの内側余白を設定 */
}

/* line 247, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文セクション内のul要素に対するスタイル */
#main .order ul { 
    margin: 0 auto; /* 左右を中央揃えにし、余白を0に設定 */
}

/* line 249, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文セクション内のリスト項目(li要素)に対するスタイル */
#main .order ul li { 
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向に中央揃え */
    position: relative; /* 相対位置を指定 */
    margin: 0 0 60px 0; /* 下に60pxの余白を設定 */
    background: #F5F5F5; /* 背景色を薄いグレーに設定 */
    padding: 15px 20px; /* 上下に15px、左右に20pxの内側余白を設定 */
    border-radius: 3px; /* 角を3pxの丸みに設定 */
}

/* line 257, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* リスト項目に対するカスタムコンテンツを追加（矢印のスタイル） */
#main .order ul li::after { 
    content: "↓"; /* 矢印の文字を挿入 */
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向に中央揃え */
    justify-content: center; /* 水平方向に中央揃え */
    position: absolute; /* 絶対位置を指定 */
    left: 20px; /* 左に20pxの位置 */
    bottom: -40px; /* 下に40pxの位置 */
    width: 25px; /* 幅を25pxに設定 */
    height: 25px; /* 高さを25pxに設定 */
    border-radius: 50px; /* 円形に設定 */
    background: #820403; /* 背景色を濃い赤に設定 */
    color: #fff; /* 文字色を白に設定 */
    font-weight: bold; /* フォントを太字に設定 */
    font-size: .8em; /* フォントサイズを0.8emに設定 */
}

/* line 274, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文セクションの最後のリスト項目の矢印を非表示にする */
#main .order ul li:last-child::after { 
    display: none; /* 矢印を非表示に設定 */
}

/* line 278, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文セクション内の画像に対するスタイル */
#main .order ul li img { 
    display: inline-block; /* インラインブロック要素として表示 */
    margin: 0 0 0 5px !important; /* 左に5pxの余白を強制的に設定 */
}

/* line 282, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 注文ボタンのスタイル */
#main .order ul li span.order_button { 
    border: 1px solid #000; /* 黒の1pxの境界線を追加 */
    padding: 4px 8px; /* 上下に4px、左右に8pxの内側余白を設定 */
    line-height: 1; /* 行間の高さを1に設定 */
    display: inline-block; /* インラインブロック要素として表示 */
    margin: 0 5px !important; /* 左右に5pxの余白を強制的に設定 */
    color: #ED7D32; /* 文字色をオレンジに設定 */
    font-weight: bold; /* フォントを太字に設定 */
    background: #fff; /* 背景色を白に設定 */
}

/* line 295, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクションに対するスタイル */
#main .shopinfo_first { 
    display: flex; /* フレックスボックスを使用 */
    justify-content: space-between; /* 左右に均等配置 */
    align-items: flex-end; /* 下に揃える */
    margin: 50px auto 50px; /* 上下に50pxの余白を設定し、左右を中央揃え */
}

/* line 300, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内のコンテンツに対するスタイル */
#main .shopinfo_first .shopinfo_first_content { 
/*    flex-basis: 75%; /* コンテンツの幅を75%に設定 */
    justify-content: space-between; /* 左右に均等配置 */
}

/* line 302, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内のh3要素に対するスタイル */
#main .shopinfo_first .shopinfo_first_content h3 { 
    margin: 0; /* 余白を無しに設定 */
}

/* line 305, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内のp要素に対するスタイル */
#main .shopinfo_first .shopinfo_first_content p { 
    margin: 20px 0 0; /* 上に20pxの余白を設定 */
}

/* line 309, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内の画像の配置 */
#main .shopinfo_first .shopinfo_first_image { 
    flex-basis: 100%; /* 画像の幅を100%に設定 */
    margin-bottom: -5px; /* 下に-5pxのマージンを設定 */
}

/* line 313, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内の画像に対するスタイル */
#main .shopinfo_first .shopinfo_first_image img { 
    width: 100%; /* 幅を100%に設定 */
    height: auto; /* 高さを自動調整 */
}

/* line 317, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_firstセクション内の画像キャプションに対するスタイル */
#main .shopinfo_first .shopinfo_first_image span { 
    font-size: .6em; /* フォントサイズを0.6emに設定 */
}

/* line 322, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_secondセクションに対するスタイル（未使用） */
#main .shopinfo_second { 
    margin: 0 auto 100px; /* 下に100pxの余白を設定し、左右を中央揃え */
}

/* line 324, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_secondセクション内のul要素に対するスタイル（未使用） */
#main .shopinfo_second ul { 
    list-style: none; /* リストスタイルを無しに設定 */
    display: flex; /* フレックスボックスを使用 */
    justify-content: space-between; /* 左右に均等配置 */
    margin: 0; /* 余白を無しに設定 */
}

/* line 329, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_secondセクション内のリスト項目(li要素)に対するスタイル（未使用） */
#main .shopinfo_second ul li { 
    flex-basis: 30%; /* 項目の幅を30%に設定 */
    margin: 0; /* 余白を無しに設定 */
}

/* line 332, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_secondセクション内のリスト項目(li)内の画像に対するスタイル（未使用） */
#main .shopinfo_second ul li img { 
    width: 100%; /* 画像の幅を100%に設定 */
    height: auto; /* 高さを自動調整 */
}

/* line 339, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_thirdセクションに対するスタイル */
#main .shopinfo_third { 
	margin: 0 auto 100px; /* 下に100pxの余白を設定し、左右を中央揃え */
}


/* line 341, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_thirdセクション内のundermapクラスに対するスタイル */
#main .shopinfo_third .undermap { 
    margin: 10px 0 0; /* 上に10pxの余白を設定 */
    justify-content: space-between; /* 左右に均等配置 */
}

/* line 345, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* undermap内のリンクに対するスタイル */
#main .shopinfo_third .undermap a { 
    color: #800000; /* リンクの文字色を濃い赤に設定 */
    font-weight: 800; /* フォントの太さを800に設定 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
}

/* line 351, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* undermap内のdiv要素内のspanに対するスタイル */
#main .shopinfo_third .undermap > div span { 
    display: block; /* ブロック要素として表示 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
}

/* line 358, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクションに対するスタイル */
#main .shopinfo_last { 
    margin: 0 auto 100px; /* 下に100pxの余白を設定し、左右を中央揃え */
    display: flex; /* フレックスボックスを使用 */
    justify-content: space-between; /* 左右に均等配置 */
}

/* line 362, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のdiv要素に対するスタイル */
#main .shopinfo_last > div { 
    flex-basis: 47%; /* 要素の幅を47%に設定 */
}

/* line 364, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク(aタグ)に対するスタイル */
#main .shopinfo_last > div a { 
    background: #F5F5F5; /* 背景色を薄いグレーに設定 */
    height: 200px; /* 高さを200pxに設定 */
    text-decoration: none; /* リンクの下線を無効にする */
    display: flex; /* フレックスボックスを使用 */
    flex-direction: column; /* 要素を縦に並べる */
    align-items: center; /* 水平方向に中央揃え */
    justify-content: center; /* 垂直方向に中央揃え */
    text-align: center; /* テキストを中央揃え */
    border-radius: 3px; /* 角を3pxの丸みに設定 */
}

/* line 374, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク内のh4要素に対するスタイル */
#main .shopinfo_last > div a h4 { 
    margin: 0 0 20px; /* 下に20pxの余白を設定 */
    display: block; /* ブロック要素として表示 */
}

/* line 377, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク内のh4内のspan要素に対するスタイル */
#main .shopinfo_last > div a h4 span { 
    font-size: .9em; /* フォントサイズを0.9emに設定 */
    padding: 0 10px; /* 左右に10pxの内側余白を設定 */
    background: #000; /* 背景色を黒に設定 */
    color: #fff; /* 文字色を白に設定 */
    display: inline-block; /* インラインブロック要素として表示 */
}

/* line 385, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク内のspan要素に対するスタイル */
#main .shopinfo_last > div a span { 
    display: block; /* ブロック要素として表示 */
    font-size: .55em; /* フォントサイズを0.55emに設定 */
}

/* line 388, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク内の番号(span.number)に対するスタイル */
#main .shopinfo_last > div a span.number { 
    line-height: 1.2; /* 行間の高さを1.2に設定 */
    display: inline-block; /* インラインブロック要素として表示 */
    font-weight: bold; /* フォントを太字に設定 */
    font-size: 1.2em; /* フォントサイズを1.2emに設定 */
    border-bottom: 1px solid #000; /* 下に1pxの黒い境界線を追加 */
}

/* line 399, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* .shopinfo_lastセクション内のリンク内のh4要素に追加のスタイル */
#main .shopinfo_last > div:last-child a h4 { 
    margin-top: -1.2em; /* 上に-1.2emのマージンを設定 */
}

/*────────────────────────────
pages
ページに関するスタイル設定
────────────────────────────*/

/* line 412, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のmain要素に対するスタイル */
#main { 
    margin: -20px auto 0; /* 上の余白を-20pxで調整、左右を中央揃え、下に80pxの余白を設定 */
    background: #fff; /* 背景色を白に設定 */
}

/* line 415, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderに対するスタイル */
#main header { 
    padding: 50px 0 0; /* 上に50pxの内側余白を設定 */
    margin: 0 auto 50px; /* 上下に80pxの余白を設定し、左右を中央揃え */
    background: #F5F5F5; /* 背景色を薄いグレーに設定 */
}

/* line 419, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderの中のdiv.header_innerに対するスタイル */
#main header div.header_inner { 
    display: flex; /* フレックスボックスを使用 */
    align-items: flex-end; /* 下に揃える */
    justify-content: space-between; /* 左右に均等に配置 */
    max-width: 1200px; /* 最大幅を1200pxに設定 */
    margin: 0 auto; /* 左右を中央揃え */
}

/* line 426, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderの中の英語テキスト(span.en)に対するスタイル */
#main header div.header_inner > div span.en { 
    display: block; /* ブロック要素として表示 */
    font-weight: bold; /* フォントを太字に設定 */
    font-size: 1.6em; /* フォントサイズを2.3emに設定 */
    line-height: 1.1; /* 行間の高さを1.3に設定 */
    letter-spacing: .03em; /* 文字間隔を0.03emに設定 */
}

/* line 432, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderの小さいフォントサイズの英語テキスト(span.en.en_small)に対するスタイル */
#main header div.header_inner > div span.en.en_small { 
    font-size: 1.5em; /* フォントサイズを1.7emに設定 */
}

/* line 436, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのh1要素に対するスタイル */
#main header div.header_inner > div h1 { 
    font-size: 1em; /* フォントサイズを1emに設定 */
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* line 439, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのパンくずリスト(ul.bread_clumb)に対するスタイル */
#main header div.header_inner > div ul.bread_clumb { 
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 縦方向に中央揃え */
    list-style: none; /* リストスタイルを無効にする */
    margin: 0; /* 余白を無しに設定 */
}

/* line 444, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのパンくずリストのli要素に対するスタイル */
#main header div.header_inner > div ul.bread_clumb li { 
    margin: 0; /* 余白を無しに設定 */
}

/* line 446, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのパンくずリスト内のリンクに対するスタイル */
#main header div.header_inner > div ul.bread_clumb li a { 
    color: black; /* リンクの色を黒に設定 */
    font-size: .8em; /* フォントサイズを0.8emに設定 */
}

/* line 450, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのパンくずリスト内のテキストに対するスタイル */
#main header div.header_inner > div ul.bread_clumb li > span { 
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 縦方向に中央揃え */
    padding: 0 0 0 1.5em; /* 左に1.5emの内側余白を設定 */
    font-size: .8em; /* フォントサイズを0.8emに設定 */
}

/* line 455, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* 内のheaderのパンくずリストのテキストの前に表示される装飾 */
#main header div.header_inner > div ul.bread_clumb li > span::before { 
    margin: 0 1.5em 0 0; /* 右に1.5emの余白を設定 */
    width: 50px; /* 幅を50pxに設定 */
    display: block; /* ブロック要素として表示 */
    height: 1px; /* 高さを1pxに設定 */
    background: #C9CAC9; /* 背景色を薄いグレーに設定 */
    content: ""; /* 空のコンテンツを挿入 */
}

/* line 469, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general.scss */
/* #main内のsection要素に対するスタイル */
#main section { 
    max-width: 980px; /* 最大幅を980pxに設定 */
    margin: 0 auto; /* 左右を中央揃え */
}

/* =================================================================== base style responsive  ------------------------------------------------------------------- */
/* 以下、レスポンシブデザイン（画面幅767px以下で適用されるスタイル） */

@media screen and (max-width: 768px) {
    /* 基本的なフォントサイズと行間を調整 */
    #main {
        font-size: 14pt;
        line-height: 1.5;
        margin-bottom: 100px;
    }

    #main :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5) {
        font-size: 1em;
        line-height: 1.2em;
    }

    {
        padding: 10px;
        font-size: 14px;
    }
    #main .header_inner {
        padding: 20px;
    }
    #main .googlemap iframe {
        width: 100%;
        height: 250px;
    }

    /* 不要な余白の調整 */
    #main p {
        margin: 10px auto;
        line-height: 1.5;
    }

    /* コンテンツブロックの幅を画面幅に合わせる */
    #main .shopinfo_first,
    #main .shopinfo_second,
    #main .shopinfo_last {
        margin: 20px auto;
        width: 90%;
        display: block;
    }

    /* 他の特定のセクションや要素の調整 */
    #main ul, #main ol {
        margin: 10px 0 20px;
        padding: 0;
    }

/*────────────────────────────
h1-h5 style
見出し(h1～h5)に対するレスポンシブスタイル設定
────────────────────────────*/

/* line 20, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h1要素および.h1クラスに対するスタイル */
#main :where(h1, .h1) { 
    font-size: 1em; /* フォントサイズを1emに設定 */
    line-height: 1.333em; /* 行間の高さを1.333emに設定 */
}

/* line 23, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h1要素および.h1クラス内のbrタグを表示 */
#main :where(h1 br, .h1 br) { 
    display: block; /* ブロック要素として表示 */
}

/* line 28, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h2要素および.h2クラスに対するスタイル */
#main :where(h2, .h2) { 
    font-size: .8em; /* フォントサイズを0.8emに設定 */
    margin: 70px 0 20px; /* 上に70px、下に20pxの余白を設定 */
    padding: 0 0 4px; /* 下に4pxの内側余白を設定 */
    line-height: 2.5; /* 行間の高さを2.5に設定 */
}

/* line 35, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h3要素および.h3クラスに対するスタイル */
#main :where(h3, .h3) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    margin: 20px 0; /* 上下に20pxの余白を設定 */
    line-height: 1.5; /* 行間の高さを1.5に設定 */
}

/* line 41, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h4要素および.h4クラスに対するスタイル */
#main :where(h4, .h4) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    line-height: 1.5; /* 行間の高さを1.5に設定 */
}

/* line 46, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* h5要素および.h5クラスに対するスタイル */
#main :where(h5, .h5) { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    line-height: 1.5; /* 行間の高さを1.5に設定 */
}

/*────────────────────────────
parts
パーツに対するスタイル設定
────────────────────────────*/

/* line 59, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 段落(p要素)に対するスタイル */
#main p { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    line-height: 1.5; /* 行間を1.5に設定 */
    margin: 20px auto 20px; /* 上に25px、下に50pxの余白を設定し、左右を中央揃え */
}

/* line 71, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* リスト(ul要素)に対するスタイル */
#main ul { 
    margin: 25px 0 50px 1rem; /* 上に25px、下に50px、左に1remの余白を設定 */
}

/* line 73, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* リストの項目(li要素)に対するスタイル */
#main ul li { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    margin: 0 0 10px; /* 下に10pxの余白を設定 */
    line-height: 1.5; /* 行間を1.5に設定 */
}

/* line 78, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリスト(ul.faq要素)に対するスタイル */
#main ul.faq { 
    margin: 25px 0; /* 上下に25pxの余白を設定 */
}

/* line 80, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリストの項目(li要素)に対するスタイル */
#main ul.faq li { 
    margin-bottom: 25px; /* 下に25pxの余白を設定 */
    line-height: 1.5; /* 行間を1.5に設定 */
}

/* line 83, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリストの最後の項目に追加のスタイル */
#main ul.faq li:last-child { 
    padding-bottom: 5px !important; /* 下に5pxのパディングを強制的に設定 */
}

/* line 87, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリスト内のh3要素の前に表示されるQマークのスタイル */
#main ul.faq li h3::before { 
    margin: 0 10px 0 0; /* 右に10pxの余白を設定 */
    padding: 10px 10px 10px 10px;
    content: "Q"; /* "Q"の文字を挿入 */
    display: inline-block; /* インラインブロック要素として表示 */
    width: 30px; /* 幅を30pxに設定 */
    height: 30px; /* 高さを30pxに設定 */
    border-radius: 50px; /* 円形に設定 */
    background: #7E0000; /* 背景色を濃い赤に設定 */
    color: #fff; /* 文字色を白に設定 */
    display: flex; /* フレックスボックスを使用 */
    align-items: center; /* 垂直方向に中央揃え */
    justify-content: center; /* 水平方向に中央揃え */
}

/* line 101, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリスト内のh4要素に対するスタイル */
#main ul.faq li h4 { 
    margin: 10px 0 10px 10px; /* 左に40px、上下に10pxの余白を設定 */
}

/* line 104, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* FAQリスト内のp要素に対するスタイル */
#main ul.faq li p { 
    margin: 0; /* 余白を無しに設定 */
}

/* line 110, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 番号付きリスト(ol要素)に対するスタイル */
#main ol { 
    margin: 25px 0 50px 1rem; /* 上に25px、下に50px、左に1remの余白を設定 */
}

/* line 112, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 番号付きリストの項目(li要素)に対するスタイル */
#main ol li { 
    margin: 0 0 25px; /* 下に25pxの余白を設定 */
    line-height: 1.5; /* 行間を1.5に設定 */
}

/* line 115, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 番号付きリスト内のspan要素に対するスタイル */
#main ol li span { 
    font-size: .9em; /* フォントサイズを0.9emに設定 */
}

/* #main内の表(table)に対するスタイル（無効化） */

/* line 120, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 表(table要素)に対するスタイル
#main table { 
    margin-top: -20px; /* 上に-20pxのマージンを設定 */
}
*/

/* line 124, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 表のヘッダーセル(th要素)に対するスタイル
#main table tbody tr th { 
    flex-basis: 40%; /* 幅を40%に設定 */
    padding: 1.2em 1.5rem 1.2rem 0; /* 上下に1.2em、右に1.5remの余白を設定 */
    letter-spacing: .05em; /* 文字間隔を0.05emに設定 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
    font-weight: 600; /* フォントをやや太めに設定 */
    line-height: 1.5; /* 行間を1.5に設定 */
}
 */

/* line 132, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 表のデータセル(td要素)に対するスタイル
#main table tbody tr td { 
    flex-basis: 60%; /* 幅を60%に設定 */
    padding: 1.2em 0; /* 上下に1.2emの余白を設定 */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
}
 */

/* line 140, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注釈に対するスタイル */
#main .annotation { 
    padding: 20px; /* 内側余白を20pxに設定 */
    margin: -25px 0 0; /* 上に-25pxのマージンを設定 */
}

/* line 143, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* アノテーション内のh2, h3要素に対するスタイル */
#main .annotation h2, #main .annotation h3 { 
    margin: 0 0 10px; /* 下に10pxの余白を設定 */
}

/* line 146, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* アノテーション内のspan要素に対するスタイル */
#main .annotation span { 
    font-size: .7em; /* フォントサイズを0.7emに設定 */
    display: inline-block; /* インラインブロック要素として表示 */
    line-height: 1.7; /* 行間を1.7に設定 */
}

/* line 151, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* アノテーション内のリスト(ul, ol要素)に対するスタイル */
#main .annotation ul, #main .annotation ol { 
    margin: 20px 0 0 1rem; /* 上に20px、左に1remの余白を設定 */
}

/* line 154, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* アノテーション内のp要素に対するスタイル */
#main .annotation p { 
    margin: 0; /* 余白を無しに設定 */
}

/* line 158, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 大きなボタン(a.button_large)に対するスタイル */
#main a.button_large { 
    display: block; /* ブロック要素として表示 */
    width: 70%; /* 幅を70%に設定 */
    padding: 15px 5px; /* 上下に15px、左右に5pxの内側余白を設定 */
    font-size: .8em; /* フォントサイズを0.8emに設定 */
    margin: -15px auto 40px !important; /* 上に-15px、下に40pxの余白を強制設定 */
    text-align: center; /* テキストを中央揃え */
}

/* line 166, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文セクション(.order)に対するスタイル */
#main .order { 
    padding: 0; /* 内側余白を無しに設定 */
}

/* line 168, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文セクション内のul要素に対するスタイル */
#main .order ul { 
    margin: 0 auto; /* 左右を中央揃えにし、余白を無しに設定 */
}

/* line 170, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文セクション内のリスト項目(li要素)に対するスタイル */
#main .order ul li { 
    display: block; /* ブロック要素として表示 */
    position: relative; /* 相対位置を指定 */
    margin: 0 0 60px 0; /* 下に60pxの余白を設定 */
    padding: 15px 20px; /* 上下に15px、左右に20pxの内側余白を設定 */
    line-height: 1.7; /* 行間を1.7に設定 */
}

/* line 176, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文セクション内のリスト項目の後に追加する装飾に対するスタイル */
#main .order ul li::after { 
    left: 50%; /* 左に50%の位置 */
    bottom: -40px; /* 下に40pxの位置 */
    transform: translate(-50%, 0); /* 中央揃え */
    width: 25px; /* 幅を25pxに設定 */
    height: 25px; /* 高さを25pxに設定 */
    font-size: 1em; /* フォントサイズを1emに設定 */
}

/* line 188, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文セクション内の画像に対するスタイル */
#main .order ul li img { 
    display: inline-block; /* インラインブロック要素として表示 */
    margin: 0 0 -4px 5px !important; /* 左に5px、下に-4pxの余白を強制設定 */
    width: 40px; /* 幅を40pxに設定 */
    height: auto; /* 高さを自動調整 */
    line-height: 0; /* 行間を無しに設定 */
}

/* line 195, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* 注文ボタンに対するスタイル */
#main .order ul li span.order_button { 
    border: 1px solid #000; /* 黒の1pxの境界線を追加 */
    padding: 3px 6px; /* 上下に3px、左右に6pxの内側余白を設定 */
    line-height: 1.2; /* 行間を1.2に設定 */
    margin: 0 6px !important; /* 左右に6pxの余白を強制設定 */
}

/* line 204, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_firstセクションに対するスタイル */
#main .shopinfo_first { 
    display: flex; /* フレックスボックスを使用 */
    flex-direction: column; /* 要素を縦に並べる */
    justify-content: space-between; /* 左右に均等配置 */
    align-items: center; /* 水平方向に中央揃え */
    margin: 25px auto; /* 上下に25pxの余白を設定し、左右を中央揃え */
}

/* line 211, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_firstセクション内のh3要素に対するスタイル */
#main .shopinfo_first .shopinfo_first_content h3 { 
    margin: 0; /* 余白を無しに設定 */
}

/* line 214, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_firstセクション内のp要素に対するスタイル */
#main .shopinfo_first .shopinfo_first_content p { 
    margin: 20px 0 20px; /* 上に20px、下に20pxの余白を設定 */
}

/* line 218, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_firstセクション内の画像に対するスタイル */
#main .shopinfo_first .shopinfo_first_image { 
    margin-bottom: -10px; /* 下に-10pxのマージンを設定 */
    width: 50%; /* 幅を50%に設定 */
}

/* line 227, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_secondセクションに対するスタイル（未使用） */
#main .shopinfo_second { 
    margin: 25px auto 50px; /* 上に25px、下に50pxの余白を設定し、左右を中央揃え */
}

/* line 229, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_secondセクション内のul要素に対するスタイル（未使用） */
#main .shopinfo_second ul { 
    display: flex; /* フレックスボックスを使用 */
    justify-content: space-between; /* 左右に均等配置 */
    flex-direction: column; /* 要素を縦に並べる */
}

/* line 233, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* .shopinfo_secondセクション内のリスト項目(li要素)に対するスタイル（未使用） */
#main .shopinfo_second ul li { 
    margin: 0 0 1rem; /* 下に1remの余白を設定 */
}

/* ここから追加した ------------------------------------------------------------------------------------------------------*/

/* line 240, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_third { margin: 0 auto 50px; /* 上側に0、下側に50pxの余白を設定し、左右中央寄せ */
}

/* line 242, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_third .undermap {
    margin: 10px 0 0; /* 上に10pxの余白を追加 */
    flex-direction: column; /* フレックスボックスの方向を縦方向に設定 */
    justify-content: space-between; /* 要素間のスペースを均等に配置 */
}

/* line 246, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_third .undermap a {
    order: -1; /* フレックスアイテムの順序を逆にする */
    font-size: .9em; /* フォントサイズを0.9emに設定 */
    margin: 0 0 10px; /* 下に10pxの余白を追加 */
}
 
/* line 252, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_third .undermap > div span {
    line-height: 1.5; /* 行の高さを1.5に設定 */
}
 
/* line 258, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_last {
/*     margin: 0 auto 100px;  */
/*     display: flex;  */
/*     flex-direction: column;  */
}

/*「>」は、指定した要素の直下にある要素にスタイルを適用します。子要素にのみスタイルを適用し、孫要素には適用されない。*/
 
/* line 263, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_last > div a {
    height: auto; /* 高さを自動設定 */
    padding: 20px 10px; /* 上下に20px、左右に10pxの内側余白 */
    margin: 0 auto 25px; /* 下に25pxの余白を追加し、左右を中央寄せ */
}
 
/* line 267, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_last > div a h4 {
/*    margin: 0 0 15px;  */
/*    display: block;  */
}
 
/* line 270, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main .shopinfo_last > div a h4 span {
    font-size: .9em; /* フォントサイズを0.9emに設定 */
    padding: 0 10px; /* 左右に10pxの内側余白 */
    background: #000; /* 背景色を黒に設定 */
    color: #fff; /* 文字色を白に設定 */
    display: inline-block; /* インラインブロック要素として表示 */
}
 
/* line 278, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main .shopinfo_last > div a span {
    display: block; /* ブロック要素として表示 */
    font-size: .55em; /* フォントサイズを0.55emに設定 */
}
 
/* line 281, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main .shopinfo_last > div a span.number {
    line-height: 1.2; /* 行の高さを1.2に設定 */
    display: inline-block; /* インラインブロック要素として表示 */
    font-weight: bold; /* 太字に設定 */
    font-size: 1.2em; /* フォントサイズを1.2emに設定 */
    border-bottom: 1px solid #000; /* 下に黒の1pxのボーダーを設定 */
}
 
/* line 291, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main .shopinfo_last > div:last-child a {
    margin: 0 auto; /* 左右を中央寄せ */
}
 
/* line 293, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main .shopinfo_last > div:last-child a h4 {
  margin-top: 0;
}

/*────────────────────────────
pages
────────────────────────────*/

/* line 310, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main header {
/*    padding: 0 1rem 65px;  */
/*    margin: -20px auto 30px;  */
}


/* line 313, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
 #main header div.header_inner {
/*    display: flex;  */
/*    flex-direction: column; */
/*    justify-content: flex-start; */
/*    align-items: flex-start; */
}


/* line 318, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div {
/*    width: 100%;  */
/*    text-align: center;  */
}

/* line 321, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
/* #main header div.header_inner > div span.en {
    font-size: 0.8em; /* フォントサイズを1.4emに設定 */
    margin: 0 0 5px; /* 下に5pxの余白 */
}

/* line 324, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div span.en.en_small {
   font-size: 0.6em; /* フォントサイズを1.1emに設定 */
}

/* line 328, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div h1 {
    font-size: .75em; /* フォントサイズを0.75emに設定 */
}

/* line 331, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div:last-of-type {
    order: -1; /* フレックスアイテムの順序を逆にする */
    margin: 0 0 40px; /* 下に40pxの余白 */
}

/* line 335, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div ul.bread_clumb {
    order: -1; /* 順序を逆に設定 */
    margin: 40px 0 10px; /* 上に40px、下に10pxの余白 */
}

/* line 339, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div ul.bread_clumb li a {
    font-size: .7em; /* フォントサイズを0.7emに設定 */
}

/* line 342, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div ul.bread_clumb li > span {
    padding: 0 0 0 1em; /* 左に1emの内側余白 */
    font-size: .7em; /* フォントサイズを0.7emに設定 */
}

/* line 345, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main header div.header_inner > div ul.bread_clumb li > span::before {
    margin: 0 1em 0 0; /* 右に1emの余白 */
    width: 25px; /* 幅を25pxに設定 */
}

/* line 355, /Volumes/Macintosh HD/Users/ame/Sites/豆魚雷/scss/modules/_general_resp.scss */
#main section {
    padding: 0 1rem; /* 左右に1remの内側余白 */
}

}