/*------------------------------------------------------------ 基本設定 ------------------------------------------------------------*/ body { /* フォントの種類 */ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; /* フォントのサイズ */ font-size: 16px; /* フォントの色 */ color: #333; /* 文字間隔の調整の設定 */ letter-spacing: 1.5px; /* 行間の設定 */ line-height: 1.75; } .maintable{ width: 100%; } span.btm {position:relative; bottom:10px;} .purchase{ padding: 6px 9px; font-size: 1.0em; box-shadow:2px 2px 2px #555; } li {margin-top:0.1em; margin-bottom:0.1em;} /***********************************************/ /* HTML tag styles */ /***********************************************/ h1 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; font-size: 28px !important; font-weight: bold !important; } h2 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; font-size: 24px !important; font-weight: bold !important; } h3 { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-size: 26px; font-weight: bold; text-decoration: none; } p { font-size: 13px; text-decoration: none; } td { font-size: 13px; text-decoration: none; } a { text-decoration : none; } table { word-break:break-all; } ul.blog li { margin-bottom: 4px; } #topt { font-weight: bold; } #topp2 { vertical-align:middle; height: 14px !important; font-size: 12px !important; font-weight: bold !important; color: #FFFFFF !important; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); } #topm { font-weight: bold; text-decoration: none !important; } a { text-decoration: none; } /***********************************************/ /* テキストスタイル サイドバー */ /***********************************************/ .b { font-size: 12px; font-weight: bold; } .redb { font-size: 12px; color: #FF0000; font-weight: bold; } #topp { vertical-align:middle; font-size: 13px !important; font-weight: bold !important; color: #FFFFFF !important; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); } /***********************************************/ /* テキストスタイル */ /***********************************************/ .style2 { color: #FFFFFF; font-size: medium; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); } .style5 { color: #FFFFFF; font-size: 20px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); } .style6 { color: #FFFFFF } .style7 { color: #933A51; } .styleredb { color: #FF0000; font-size: 26px; font-weight: bold !important; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); } span.styleredb a:link { color: #FF0000; } span.styleredb a:visited { color: #FF0000; } span.styleredb a:hover { color: #ff0000; } span.styleredb a:active { color: #ff8000; } #itemjp { padding-left:60px; font-size: 14px; } td.pankuz { color: #FFFFFF; font-size: 13px; padding: 5px 10px; } td.pankuz a:link { color: #FFFFFF ; } /* 通常時 */ td.pankuz a:visited { color: #FFFFFF ; } /* 訪問済 */ .syouhinjpg { margin-top: 0px; /* 画像の上の余白*/ display: inline-block; box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */ margin: 7px; } .syouhinjpg2 { margin-top: 0px; /* 画像の上の余白*/ display: inline-block; box-shadow: 1px 5px 15px 1px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */ margin: 7px; } .winelist_aily4 { box-shadow: 3px 3px 7px #333333; -webkit-box-shadow: 3px 3px 7px #333333; -moz-box-shadow: 3px 3px 7px #333333; margin: 5px; } a:hover img{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }.kadomaru { box-shadow: 3px 3px 7px #333333; border-radius:6px; /* 角丸 */ margin: -1px; } .kadomaru2 { box-shadow: 5px 5px 5px rgba(0,0,0,0.4); } .kadomaru2 tr:first-child :first-child{ border-top-left-radius: 8px; } .kadomaru2 tr:first-child :last-child{ border-top-right-radius: 8px; } .notkadomaru tr:first-child :first-child{ border-top-left-radius: 2px; } .notkadomaru tr:first-child :last-child{ border-top-right-radius: 2px; } /*---------------------- 　　　　非表示タグ ------------------------*/ .noned {display:none;} /***********************************************/ /* パンくずリスト */ /***********************************************/ td.pankuz a:link { color: #FFFFFF ; } /* 通常時 */ td.pankuz a:visited { color: #FFFFFF ; } /* 訪問済 */ /* リスト */ ol.topic-path { margin: 0; /* マージン（上下左右） */ padding: 7px 5px; /* パディング（上下、左右） */ list-style-type: none; /* リストマーク非表示 */ color: #ffffff; font-size: 13px; /* 文字サイズ */ } /* リスト項目 */ ol.topic-path li { padding-left: 5px; /* 左パディング */ display: inline; /* 項目を横並び */ } /* リスト項目（最初の項目） */ ol.topic-path li.first { padding-left: 10px; /* 左パディング */ z-index: 1; } /* リンクエリア */ ol.topic-path li a { padding-right: 32px; /* 右パディング */ z-index: 2; background: url(https://www.delivery-wine.com/img/pankuzu.gif) no-repeat right; /* 矢印記号（※） */ } /* リンク色 */ ol.topic-path li a { color: #ffffff; } /* リンク色（マウスオーバー） */ ol.topic-path li a:hover { color: #ffffff; } /***********************************************/ /* ユーチューブ動画サイズ */ /***********************************************/ .vide { position: relative; width: 100%; padding-top: 56.25%; } .vide iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /***********************************************/ /* フォント指定 装飾なし */ /***********************************************/ /*黒字*/ .f12 {font-size: 12px; } .f13 {font-size: 13px; } .f14 {font-size: 14px; } .f14b {font-size: 14px; font-weight: bold; } .f15b {font-size: 15px; font-weight: bold; } .f16b {font-size: 16px; font-weight: bold; } .f17b {font-size: 17px; font-weight: bold; } .f18b {font-size: 18px; font-weight: bold; } .f19b {font-size: 19px; font-weight: bold; } .f20b {font-size: 20px; font-weight: bold; } .f21b {font-size: 21px; font-weight: bold; } .f22b {font-size: 22px; font-weight: bold; } .f23b {font-size: 23px; font-weight: bold; } .f24b {font-size: 24px; font-weight: bold; } .f25b {font-size: 25px; font-weight: bold; } .f26b {font-size: 26px; font-weight: bold; } .f27b {font-size: 27px; font-weight: bold; } .f28b {font-size: 28px; font-weight: bold; } .f29b {font-size: 29px; font-weight: bold; } .f30b {font-size: 30px; font-weight: bold; } .f31b {font-size: 31px; font-weight: bold; } .f32b {font-size: 32px; font-weight: bold; } .f33b {font-size: 33px; font-weight: bold; } .f34b {font-size: 34px; font-weight: bold; } .f35b {font-size: 35px; font-weight: bold; } .f36b {font-size: 36px; font-weight: bold; } .f40b {font-size: 40px; font-weight: bold; } .f42b {font-size: 42px; font-weight: bold; } .f46b {font-size: 46px; font-weight: bold; } /*赤字*/ .f12r {font-size: 12px; color: #ff0002; } .f13r {font-size: 13px; color: #ff0002; } .f14r {font-size: 14px; color: #ff0002; } .f14br {font-size: 14px; font-weight: bold; color: #ff0002; } .f15br {font-size: 15px; font-weight: bold; color: #ff0002; } .f16br {font-size: 16px; font-weight: bold; color: #ff0002; } .f17br {font-size: 17px; font-weight: bold; color: #ff0002; } .f18br {font-size: 18px; font-weight: bold; color: #ff0002; } .f19br {font-size: 19px; font-weight: bold; color: #ff0002; } .f20br {font-size: 20px; font-weight: bold; color: #ff0002; } .f21br {font-size: 21px; font-weight: bold; color: #ff0002; } .f22br {font-size: 22px; font-weight: bold; color: #ff0002; } .f23br {font-size: 23px; font-weight: bold; color: #ff0002; } .f24br {font-size: 24px; font-weight: bold; color: #ff0002; } .f25br {font-size: 25px; font-weight: bold; color: #ff0002; } .f26br {font-size: 26px; font-weight: bold; color: #ff0002; } .f27br {font-size: 27px; font-weight: bold; color: #ff0002; } .f28br {font-size: 28px; font-weight: bold; color: #ff0002; } .f29br {font-size: 29px; font-weight: bold; color: #ff0002; } .f30br {font-size: 30px; font-weight: bold; color: #ff0002; } .f31br {font-size: 31px; font-weight: bold; color: #ff0002; } .f32br {font-size: 32px; font-weight: bold; color: #ff0002; } .f33br {font-size: 33px; font-weight: bold; color: #ff0002; } .f34br {font-size: 34px; font-weight: bold; color: #ff0002; } .f35br {font-size: 35px; font-weight: bold; color: #ff0002; } .f36br {font-size: 36px; font-weight: bold; color: #ff0002; } .f40br {font-size: 40px; font-weight: bold; color: #ff0002; } .f42br {font-size: 42px; font-weight: bold; color: #ff0002; } .f46br {font-size: 46px; font-weight: bold; color: #ff0002; } /*赤字影*/ .f12brs {font-size: 12px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f13brs {font-size: 13px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f14brs {font-size: 14px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f14brs {font-size: 14px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f15brs {font-size: 15px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f16brs {font-size: 16px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f17brs {font-size: 17px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f18brs {font-size: 18px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f19brs {font-size: 19px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f20brs {font-size: 20px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f21brs {font-size: 21px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f22brs {font-size: 22px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f23brs {font-size: 23px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f24brs {font-size: 24px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f25brs {font-size: 25px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f26brs {font-size: 26px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f27brs {font-size: 27px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f28brs {font-size: 28px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f29brs {font-size: 29px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f30brs {font-size: 30px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f31brs {font-size: 31px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f32brs {font-size: 32px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f33brs {font-size: 33px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f34brs {font-size: 34px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f35brs {font-size: 35px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f36brs {font-size: 36px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f40brs {font-size: 40px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f42brs {font-size: 42px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f46brs {font-size: 46px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } /*赤字影プライスポップ*/ .f18brps {font-size: 18px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f20brps {font-size: 20px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f24brps {font-size: 24px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f28brps {font-size: 28px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f30brps {font-size: 30px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f36brps {font-size: 36px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f40brps {font-size: 40px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f42brps {font-size: 42px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f46brps {font-size: 46px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} /*白字*/ .f12wn {font-size: 12px; color: #ffffff; } .f13wn {font-size: 13px; color: #ffffff; } .f14wn {font-size: 14px; color: #ffffff; } .f12w {font-size: 12px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f13w {font-size: 13px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f14w {font-size: 14px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f14bw {font-size: 14px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f15bw {font-size: 15px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f16bw {font-size: 16px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f17bw {font-size: 17px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f18bw {font-size: 18px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f19bw {font-size: 19px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f20bw {font-size: 20px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f21bw {font-size: 21px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f22bw {font-size: 22px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f23bw {font-size: 23px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f24bw {font-size: 24px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f25bw {font-size: 25px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f26bw {font-size: 26px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f27bw {font-size: 27px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f28bw {font-size: 28px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f29bw {font-size: 29px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f30bw {font-size: 30px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f31bw {font-size: 31px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f32bw {font-size: 32px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f33bw {font-size: 33px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f34bw {font-size: 34px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f35bw {font-size: 35px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f36bw {font-size: 36px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f40bw {font-size: 40px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f42bw {font-size: 42px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f46bw {font-size: 46px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; }