/*▼▼▼▼▼　カラーミー「1．共通」　▼▼▼▼▼*/ @charset "utf-8"; /* CSS Document */ /*--- 初期化 ---*/ *{ margin:0px; padding:0px;} body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif; font-size: 16px; line-height: 1.5em; letter-spacing: 1px; color:#431d03; } table { border-collapse: collapse; } ul, li { list-style: none; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; } a { overflow: hidden; outline: none; color: #3d801c; text-decoration:underline;} a:hover { text-decoration: none; } a:hover { opacity: 0.5; filter: alpha(opacity=50); } img { border: none; vertical-align: bottom; } table td { border: none; vertical-align: top; } h1 { text-indent: -9999px; } h2 { text-indent: -9999px; } h3 { text-indent: -9999px; } h4 { text-indent: -9999px; } .text99 { text-indent: -9999px; } /*--- 共通設定（エリア） ---*/ body{ width:100%; text-align:center; background:url(https://xs839850.xsrv.jp/common/bgimg.jpg) top center ; background-size: contain; } #body-bg-top{ background:url(https://xs839850.xsrv.jp/common/bgimg-hd.jpg) top center repeat-x; width:100%;} #body-bg-bottom{ background:url(https://xs839850.xsrv.jp/common/bgimg-ft.jpg) bottom center repeat-x; width:100%; height:100%;} #container{ width:1024px; margin:0 auto; padding:0px;} #header{ width:1024px; height:156px; margin:0 auto; } #pankuzu{ width:1024px; font-size:12px; margin-bottom:10px; text-align:left;} #main{ width:720px; float:left; } #sub{ width:280px; float:right;} #ft-guide{ display:none;width:1024px; margin:0 auto; padding-top:30px; padding-bottom:30px;} #footer{ width:1024px;} /*--- 共通設定（テキスト） ---*/ .txt02-b{ color:#06571f; font-weight:bold;} table{ border:solid 1px #d2d285; } table th{ border:solid 1px #d2d285; background-color: rgba(255,255,255,0.6); font-weight:bold; color:#431d03; padding:4px 8px; text-align:center;} table td{ border:solid 1px #d2d285; padding:4px 8px; } /*---　ヘッダー　---*/ #header h1{ text-indent:0px; text-indent:0px;} #header #h1-01{ background:url(https://img07.shop-pro.jp/PA01357/192/etc_base64/dG9wbG9nb3BuZw.png?cmsp_timestamp=20250504221251) no-repeat; width:505px; height:70px; float:left; margin-top:16px;} #header a{ display:block; text-indent:-9999px;} #header #button-menu{ width:260px; height:70px; float:right; margin:10px 10px 0px 0px;} #header #button-menu a#btn-guide { width:128px; height:50px; background:url(https://xs839850.xsrv.jp/common/btn-guide.jpg) no-repeat; width:125px; height:33px; float:left; margin-right:10px;} #header #button-menu a#btn-login{ width:128px; height:50px; background:url(https://xs839850.xsrv.jp/common/btn-login.jpg) no-repeat; width:260px; height:33px;} #header #button-menu a#btn-cart{ width:152px; height:50px; background:url(https://xs839850.xsrv.jp/common/btn-cart.jpg) no-repeat; width:260px; height:33px; margin-top:4px;} #header #sns{ width:107px; height:29px; float:right; margin-right:16px; margin-top:50px;} #header #sns #sns-01{ width:29px; height:29px; float:left; background:url(https://xs839850.xsrv.jp/common/hd-sns.jpg) 0px 0px no-repeat; margin-right:10px;} #header #sns #sns-02{ width:29px; height:29px; float:left; background:url(https://xs839850.xsrv.jp/common/hd-sns.jpg) -40px 0px no-repeat; margin-right:10px; } #header #sns #sns-03{ width:29px; height:29px; float:left; background:url(https://xs839850.xsrv.jp/common/hd-sns.jpg) -78px 0px no-repeat; } #header #gnavi{ clear:both; width:1024px; height:57px; margin:13px 0px 10px 0px; } #header #gnavi li{ display:block; float:left;} #header #gnavi li a{ display:block; background:url(https://xs839850.xsrv.jp/common/gnavi.jpg) no-repeat; height:57px; float:left;} #header #gnavi li a:hover{ background:url(https://xs839850.xsrv.jp/common/gnavi-on.jpg) no-repeat; opacity:2; filter: alpha(opacity=100); } #header #gnavi li.menu01 a{ width:170px; background-position:0px 0px; } #header #gnavi li.menu02 a{ width:171px; background-position:-170px 0px; } #header #gnavi li.menu03 a{ width:170px; background-position:-341px 0px; } #header #gnavi li.menu04 a{ width:171px; background-position:-511px 0px; } #header #gnavi li.menu05 a{ width:170px; background-position:-682px 0px; } #header #gnavi li.menu06 a{ width:171px; background-position:-852px 0px; } /*--- パンくず ---*/ #pankuzu a{ font-size:12px;} #pankuzu ol li{ float:left; margin-right:16px;} /*--- メインカラム ---*/ #main{} /*--- サブカラム ---*/ #sub .box{ margin:0px 0px 20px 0px; clear:both;} /* 見出し */ #sub h2{ background-repeat:no-repeat; margin-bottom:10px;} /* 検索 */ #sub .search{ border:solid 1px #e8e8d4; padding:20px; text-align:left; background: rgba(248,248,247,0.5);} #sub .search input.txt-box{ width:170px; height:30px; float:left;} #sub .search input.btn{ width:39px; height:35px; background:url(https://xs839850.xsrv.jp/common/btn-search.png) no-repeat; margin-left:6px; border-style:none;} /* バナー */ #sub .bnr{ margin:10px 0px;} #sub .bnr a{ display:block; text-indent:-9999px; background-repeat:no-repeat; width:280px;} #sub #bnr-01{ background:url(https://xs839850.xsrv.jp/common/bnr-mailmag.png); height:116px;} #sub #bnr-02{ background:url(https://xs839850.xsrv.jp/common/bnr-about.png); height:190px;} #sub #bnr-03{ background:url(https://xs839850.xsrv.jp/common/bnr-satoyama.png); height:80px;} #sub #bnr-04{ background:url(https://xs839850.xsrv.jp/common/bnr-blog.png); height:80px;} #sub #bnr-05{ background:url(https://xs839850.xsrv.jp/common/bnr-somusho.png); height:80px;} #sub #bnr-06{ background:url(https://img21.shop-pro.jp/PA01357/192/etc/bnr-attention.png?cmsp_timestamp=20160926094944) 0 0 no-repeat; height:250px; text-indent:-9999px; width:280px;} #sub #bnr-07{ background:url(https://xs839850.xsrv.jp/common/bnr-voice.png) 0 0 no-repeat; height:81px; text-indent:-9999px; width:280px;} #sub #bnr-08{ background:url(https://xs839850.xsrv.jp/common/bnr-list.png) 0 0 no-repeat; height:80px; text-indent:-9999px; width:280px;} #sub #bnr-09{ background:url(https://xs839850.xsrv.jp/common/bnr-cash.png) 0 0 no-repeat; height:280px; text-indent:-9999px; width:280px;} #sub img{ max-width:100%; margin-bottom:10px;} /* 人気の商品 */ #sub #box-rank h2{ background:url(https://xs839850.xsrv.jp/common/h2-s-hot.png); width:280px; height:55px;} #sub #box-rank ul{ border-bottom:solid 1px #d2d2b5;} #sub #box-rank li{ display:block; width:280px; height:110px; clear:both; margin-bottom:10px; overflow:hidden;} #sub #box-rank a.item-ph{ display:block; width:102px; height:102px; margin-right:10px; float:left; box-sizing: border-box; border:solid 1px #e8e8d4;} #sub #box-rank a.item-name{ display:block; float:right; width:160px; text-align:left;} #sub #box-rank .item{ box-sizing: border-box; /*border:solid 5px #FFF;*/ width:100px; height:100px;} /* 商品カテゴリ */ #sub #box-category h2{ background:url(https://xs839850.xsrv.jp/common/h2-category.png) no-repeat; width:280px; height:45px; margin-bottom:0px;} #sub #box-category .inner{ background:rgba(248,248,247,0.5);/*background-color:#f8f8f7;*/ /* border-radius */border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; /* border */border:1px solid #e8e8d4; text-align:left;} #sub #box-category .cat-1st{ margin-left:20px; margin-right:20px;} #sub #box-category .cat-1st li{ background:url(https://xs839850.xsrv.jp/common/icon-foot.png) 0px 18px no-repeat; padding:16px 0px 16px 24px; border-bottom:dotted 1px #d2d2b5; letter-spacing:1px; } #sub #box-category .cat-2nd li{ background:url(https://xs839850.xsrv.jp/common/icon-02.png) 0px 14px no-repeat; padding:8px 0px 0px 16px; border-bottom:none; letter-spacing:0px; } /* 店長 */ #sub #box-manager{ background-color:#f8f8f7; /* border-radius */border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; /* border */border:1px solid #e8e8d4; text-align:left;} #sub #box-manager .inner{ padding:20px;} #sub #box-manager img{ margin-bottom:10px;} #sub #box-manager .name{ background:url(https://xs839850.xsrv.jp/common/icon-foot.png) 0px 4px no-repeat; font-size:14px; font-weight:bold; padding-left:16px;} #sub #box-manager .memo{ font-size:12px; letter-spacing:1px; line-height:110%; } #sub #box-manager .blog { text-align:right; font-size:14px; margin-top:4px;} /* ご利用ガイド */ #sub #box-guide h2{ background:url(https://xs839850.xsrv.jp/common/h2-guide.png) no-repeat; width:280px; height:45px; margin-bottom:0px;} #sub #box-guide .inner{ background-color:#f8f8f7; /* border-radius */border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; /* border */border:1px solid #e8e8d4; text-align:left;} #sub #box-guide ul{ margin-left:20px; margin-right:20px; padding:10px 0px;} #sub #box-guide ul li{ background:url(https://xs839850.xsrv.jp/common/icon-foot.png) 0px 10px no-repeat; padding:4px 0px 4px 20px; letter-spacing:0px; } #sub #box-guide ul li a{ color:#431d03;} /*---　フッターガイド（お買い物ガイド）　----*/ #ft-guide .inner{ padding:40px 18px; background-color:#f8f8f7; /* border-radius */border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px 6px 6px 6px; /* border */border:1px solid #e8e8d4;} #ft-guide h2{ background:url(https://xs839850.xsrv.jp/common/ft-guide-h2.png) no-repeat; width:1024px; height:24px; margin:0px 0px 20px 0px; } #ft-guide h3{ background-repeat:no-repeat; background-position:left top; margin:0px 0px 20px 0px; height:20px; clear:both;} #ft-guide .h3-01{ background-image:url(https://xs839850.xsrv.jp/common/ft-guide-h3-01.jpg); width:161px;} #ft-guide .h3-02{ background-image:url(https://xs839850.xsrv.jp/common/ft-guide-h3-02.jpg); width:161px;} #ft-guide .h3-03{ background-image:url(https://xs839850.xsrv.jp/common/ft-guide-h3-03.jpg); width:180px; margin-top:40px;} #ft-guide .h3-04{ background-image:url(https://xs839850.xsrv.jp/common/ft-guide-h3-04.jpg); width:124px;} #ft-guide .h3-05{ background-image:url(https://xs839850.xsrv.jp/common/ft-guide-h3-05.jpg); width:199px; margin-top:40px;} #ft-guide h4{ margin:30px 0px 5px 0px; color:#431d03; font-weight:bold; text-indent:0px; clear:both;} #ft-guide #box-01{ width:480px; float:left; text-align:left; margin-right:24px;} #ft-guide #box-02{ width:480px; float:left; text-align:left;} #ft-guide p{ margin-bottom:10px;} #ft-guide .txt-right{ text-align:right;} #ft-guide table{ margin-top:10px; } #ft-guide td{ text-align:center; } #ft-guide #card-logo{ background:url(https://img21.shop-pro.jp/PA01357/192/etc/ft-guide-logo-card.jpg?cmsp_timestamp=20160926101827) left top no-repeat; width:479px; height:83px; margin-bottom:20px;} /*#ft-guide #card-logo{ background:url(https://xs839850.xsrv.jp/common/ft-guide-logo-card.jpg) left top no-repeat; width:479px; height:83px; margin-bottom:20px;}*/ #ft-guide #card-logo p{ text-indent:-9999px;} #ft-guide #delivery-time{ background:url(https://xs839850.xsrv.jp/common/ft-guide-time.jpg) left top no-repeat; width:480px; height:106px; margin-bottom:20px;} #ft-guide #delivery-time p{ text-indent:-9999px;} #ft-guide #toiawase{ padding:20px; background-color:#FFF; /* border-radius */border-radius:0px 0px 6px 6px; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; text-align:center;} #ft-guide #toiawase p{ margin:0px;} #ft-guide #toiawase .tel{ background:url(https://xs839850.xsrv.jp/common/ft-guide-tel.png); width:365px; height:34px; margin:10px 0px 5px 45px; padding:0px; } #ft-guide #toiawase .tel p{ display:none;} #ft-guide #toiawase .button{ margin-left:78px; margin-top:20px;} #ft-guide #toiawase .button #btn-01{ display:block; width:284px; height:44px; background:url(https://xs839850.xsrv.jp/common/ft-guide-btn01.png); text-indent:-9999px;} /*---　フッター　----*/ #footer .inner{ height:348px; width:1024px; position:relative;} /*ページトップへ戻る*/ #footer .pagetop { width:1024px; height:44px; text-align:right;} #footer .pagetop a { display: block; width:162px; height:44px; background:url(https://xs839850.xsrv.jp/common/pagetop.jpg) no-repeat; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; float:right;} #footer .pagetop a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #footer .pagetop p{ display:none;} #footer #ft-title{ width:300px; margin-top:32px; float:left; text-align:left;} #footer #ft-logo{ width:260px; height:80px; float:left; margin-left:0px; margin-bottom:30px; margin-rignt:20px;} #footer #ft-logo a{ display:block; width:260px; height:80px; background:url(https://img07.shop-pro.jp/PA01357/192/etc_base64/Zm9vdGxvZ29wbmc.png?cmsp_timestamp=20250504222925) no-repeat; text-indent:-9999px;} #footer #ft-add{ clear:both;} #footer #ft-add .mail{ background:url(https://xs839850.xsrv.jp/common/icon-mail.jpg) 8px 4px no-repeat; padding-left:40px;font-size:14px;} #footer #ft-navi{ width:694px; height:130px; float:right; overflow:hidden; background:url(https://xs839850.xsrv.jp/common/ft-navi.jpg) top left no-repeat; padding-left:24px; padding-top:50px; margin-top:30px;} #footer #ft-navi ul { display:block; width:222px; float:left; text-align:left; } #footer #ft-navi ul li{ list-style-image:url(https://xs839850.xsrv.jp/common/icon-foot.png); margin-left:10px; margin-bottom:2px;} #footer #ft-navi ul li a{ font-size:15px; color:#431d03; text-decoration:underline; letter-spacing:0px; } /*#footer #ft-copyright{ width:976px; height:14px; background:url(https://xs839850.xsrv.jp/common/ft-copylight.jpg) top center no-repeat; position:absolute; top:324px; left:24px;}*/ #footer #ft-copyright{ width:976px; height:14px; position:absolute; top:324px; left:24px;} #footer #ft-copyright p{ display:block; font-size:10.5px;} #footer #ft-copyright a{ display:block; height:14px; width:57px; text-indent:-9999px; margin-left:919px;} /*------------------------------*/ /*--- フリーページ用CSS ---*/ /*------------------------------*/ /*--- FP01 里山スタイルについて ---*/ #fp01{ text-align:left; color:#431d03; } #fp01 #mp{ background:url(https://xs839850.xsrv.jp/fp01/mp.png) no-repeat; width:720px; height:225px; text-indent:-9999px; } #fp01 h2{ margin:40px 0px;} #fp01 #h2-01{ background:url(https://xs839850.xsrv.jp/fp01/h2-01.png) no-repeat;} #fp01 .box{ margin:0px 0px 20px 0px;} #fp01 #box-01{ background:rgba(248, 248, 247, 0.5); margin-top:20px; padding:20px 10px;} #fp01 #box-01 p{ margin-bottom:16px; letter-spacing:2px;} #fp01 #box-01 p.p01{ padding-left:370px;} #fp01 #box-01 p.p02{ text-align:right;} #fp01 #box-02{ background:url(https://xs839850.xsrv.jp/fp01/box-02.png) no-repeat; width:720px; height:422px; margin-top:40px;} #fp01 #box-02 p{ text-indent:-9999px;} #fp01 #box-03{ margin-top:50px; background:rgba(248, 248, 247, 0.5); padding:20px 10px;} #fp01 #box-03 .title{ font-size:18px; font-weight:bold;} #fp01 #box-03 p{ margin-bottom:16px; letter-spacing:2px;} #fp01 #box-04{ margin-top:50px; background:rgba(248, 248, 247, 0.5); padding:20px 10px;} #fp01 #box-04 .title{ font-size:18px; font-weight:bold; padding-left:300px;} #fp01 #box-04 .area-01{ min-height:300px; background:url(https://xs839850.xsrv.jp/fp01/box-04.png) top 0 left 0 no-repeat; } #fp01 #box-04 .area-02{ min-height:200px; background:url(https://xs839850.xsrv.jp/fp01/box-05.png) top 0 left 0 no-repeat; } #fp01 #box-04 p{ margin-bottom:16px; letter-spacing:2px;} #fp01 #box-04 p.p01{ padding-left:300px;} /*--- FP02 シカ肉と狩猟のこと ---*/ #fp02{ text-align:left; color:#431d03; } #fp02 #mp{ background:url(https://xs839850.xsrv.jp/fp02/mp.png) no-repeat; width:720px; height:180px; text-indent:-9999px; margin-bottom:40px; } #fp02 h2{ margin:40px 0px;} #fp02 #h2-01{ background:url(https://xs839850.xsrv.jp/fp02/h2-01.png) no-repeat;} #fp02 #h2-02{ background:url(https://xs839850.xsrv.jp/fp02/h2-02.png) no-repeat;} #fp02 #h2-03{ background:url(https://xs839850.xsrv.jp/fp02/h2-03.png) no-repeat;} #fp02 .box{ margin:0px 0px 20px 0px;} #fp02 .box p{ margin-bottom:16px; letter-spacing:2px;} #fp02 #box-01{ background:url(https://xs839850.xsrv.jp/fp02/box-01.png) right top no-repeat;} #fp02 #box-01 p.p-indent{ padding-right:300px;} #fp02 #box-02{ background:url(https://xs839850.xsrv.jp/fp02/box-02.png) left top no-repeat;} #fp02 #box-02 p.p-indent{ padding-left:370px;} #fp02 #box-03{ background:url(https://xs839850.xsrv.jp/fp02/box-03.png) left top no-repeat;} #fp02 #box-03 p.p-indent{ padding-left:400px;} /*--- FP03 お客様の声 ---*/ #fp03{ text-align:left; color:#431d03; } #fp03 #mp{ background:url(https://xs839850.xsrv.jp/fp03/mp.png) no-repeat; width:720px; height:180px; text-indent:-9999px; margin-bottom:40px; } #fp03 .box{ margin:0px 0px 20px 0px;} #fp03 .box-voice{ padding:30px; background:url(https://xs839850.xsrv.jp/fp03/box-voice-back.png) center bottom no-repeat; background-color:rgba(255,255,255,0.5); /* border-radius -> */ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8e8d4;} #fp03 .box-voice p{ margin-bottom:16px; letter-spacing:2px;} #fp03 .box-voice p.name{ text-align:right; margin-top:10px; margin-bottom:0px;} #fp03 .box-voice .inner-01 { width:640px; overflow:hidden;} #fp03 .box-voice .inner-01 .left { width:360px; float:left; line-height:1.8em; margin-left:20px; margin-top:20px;} #fp03 .box-voice .inner-01 .right { width:249px; float:right; margin-right:0;} #fp03 .box-voice .inner-02 { width:640px; overflow:hidden;} #fp03 .box-voice .inner-02 .left { width:227px; float:left;} #fp03 .box-voice .inner-02 .right { width:390px; float:right; line-height:1.8em; margin-left:20px; margin-top:20px;} /*--- FP04 ショップ一覧 ---*/ #fp04{ text-align:left; color:#431d03; } #fp04 #mp{ background:url(https://xs839850.xsrv.jp/fp04/mp.png) no-repeat; width:720px; height:180px; text-indent:-9999px; margin-bottom:40px; } #fp04 .imagemap{margin-bottom:40px; } #fp04 table{margin:0 auto 0px;} #fp04 table td{ padding:10px 5px; border:#999 solid 1px;} #fp04 table .td-02{text-align:center;} #fp04 table .td-01{ font-weight:bold; text-align:center;} #fp04 table a{ display:block; background-color:#804040; color:#FFF; text-align:center; padding:2px 0px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:12px;}