@charset "euc-jp";
/* *****************************************************************
  リセット 共通設定
 **************************************************************** */
div,nav,section,footer, aside,
h1,h2,h3,h4,p,ol,ul,li,dl,dd,dt,
table,caption,td,th,form, input, select, textarea, button,
nav,section,header,footer,aside {
  margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; 
  -ms-word-wrap: break-word; word-wrap: break-word;  
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
ol, ul, li {list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
caption, td {font-weight: normal; text-align: left; }
th {font-weight: normal; }
img {vertical-align: bottom; border: 0; }
input, select, option, input[text] {
  line-height: 1.1; padding: 1px 5px 0; border: solid 1px #bbb; }
i {font-size: 18px; color: #000; padding-right: 2px; }
hr {border: none; border-top: solid 1px #999; }
hr.dashed {border: none; border-top: dashed 1px #666; }

body {background-color: #fff;   
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  color: #334; font-size: 14px; line-height: 1.5; text-align: center; }

a:link {color: #000; text-decoration: none; }
a:visited {color: #000; }
a:hover {color: #b00; }
a:active {color: #b00; }

/* ボタン共通 */
button {
    cursor: pointer; 
    background: -moz-linear-gradient(#fb0, #ff9614); background: linear-gradient(#fb0, #ff9614); 
    color: #fff; font-weight: bold; line-height: 1; vertical-align: middle; 
    padding: 0; border-radius: 3px; border: solid 1px #d45454;}
button:hover {
    background: -moz-linear-gradient(#f06414, #fc0); background: linear-gradient(#f06414, #fc0); }
button a {color: #fff; }
button i {color: #fff; font-size: 14px; }

.header_right select, .header_right input, .header_right button, 
 #side select, #side input, #side button {
    height: 22px; vertical-align: top; }

/* *****************************************************************
  レイアウト
 **************************************************************** */
#wrapper {width: 950px; text-align: left; margin: 0px auto; }
  #header {position: relative; width: 100%; background: #fff; z-index: 9000; }
  #container {position: relative; width: 100%; overflow: hidden; margin: 30px auto; z-index: 1; }
    #contents {float: right; width: 750px; }
      #main {}
        #rside {float: right; width: 180px; }
        #leftcontents {width: 750px; margin-bottom: 20px; }
      #bottom {width: 750px; }
    #side {width: 180px; margin-right: 770px; }
  #footer {width: 100%; }

/* topのみ cssに入れる
#main {overflow: hidden; }
#leftcontents {float: left; width: 550px; } */

/* *****************************************************************
  header
 **************************************************************** */
/* 休業日案内 */
.top_info {background-color: #b00;  padding: 22px 20px 20px; margin: 0 0 3px; }
.top_info i, .top_info a {display: block; color: #fff; line-height: 1; }
.top_info i {float: right; font-size: 50px; margin-top: -10px; }
.top_info a {font-size: 28px; }

/* 上バー */
.member {background: #333; color: #fffcf9; font-size: 11px; line-height: 1; 
    padding: 3px 5px 3px; margin: 0; overflow: hidden; }
.member h1 {float: left; font-weight: normal; font-size: 11px; padding: 3px 3px 0; }
.member ul {float: right; margin-left: 15px; text-align: right; }
.member li {display: inline; line-height: 1.2; padding-right: 3px; }
.member li i {font-size: 14px; color: #fffcf9; }
.member li a {color: #fffcf9; }
.member li a:hover, .member li a:hover i {color: #f87; }
.member p {text-align: right; padding-top: 3px; }

/* ロゴ・背景 */
.header2 {position: relative; overflow: hidden; 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/header_rogo.png') 0 0 no-repeat; }
/*.header2 {position: relative; overflow: hidden; 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/header_rogob.jpg') 0 0 no-repeat, 
    url('https://file001.shop-pro.jp/PA01007/181/img/header_rogob.png') 0 0 no-repeat; }*/
.header2 h2 {position: absolute; top: 40px; left: 6px; }

/* ヘッダ右 */
.header_right {float: right; width: 300px; text-align: right; margin: 8px 0 3px; }
.hcomment {
    background: rgba(255,255,255,0.85); 
    padding: 5px 0 0; border-top: solid 3px #f60; border-bottom: solid 3px #f60; }
.hcomment dt {color: #f60; font-size: 12px; line-height: 1.2; text-align: center; }
.hcomment dd {color: #777; font-size: 11px; line-height: 1.3; text-align: left; margin: 3px 0 0 10px; }
.hcomment dd.tcenter {color: #334; text-align: center; margin: 0; }
.hcomment dd span {font-weight: bold; font-size: 18px; padding-right: 5px; }
.hcomment dd i {font-size: 17px; padding-right: 0; }

.header_right form {font-size: 12px; margin: 7px auto 3px; }
.header_right select {width: 135px; }
.header_right input {width: 130px;}
.header_right form button {float: right; width: 30px; font-size: 14px; }

/* グローバルナビ bg-ie8,9が上手く出ないのでそれ用にtdに掛け  */
.gnavi {position: relative; clear: both; text-align: center; z-index: 9900; 
    background: #c00 -moz-linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.2)); 
    background: #c00 linear-gradient(rgba(255,255,255,0), rgba(0,0,0,0.2)); 
    *background-color: #b00; }

.gnavi table {width: 100%; }
.gnavi td, .cnavi td {line-height: 1; text-align: center; vertical-align: middle; }
.gnavi td {width: 14.286%; height: 32px; border: solid 1px #ccc; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#aa0000', GradientType=0)";}

.gnavi td:hover {
    background: #ddd -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    background: #ddd linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0)); 
    *background-color: #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd', GradientType=0)";
    }
.gnavi td a {display: block; color: #fff; text-decoration: none; }
.gnavi td a:hover {color: #000; }

.gnavi td.gn_in {position: relative; color: #fff; }
.gn_in td.gn_in:hover {color: #000; }
.gn_in ul {display: none; position: absolute; top: 100%; left: 0; 
    width: 180px; background: #fff; font-size: 12px; text-align: left; padding-top: 2px; z-index: 9900; }
.gn_in ul.gnavi_r {left: auto; right: 0; }
.gn_in li {display: block; width: 100%; background: #f3f3f3; padding: 8px 3px 8px 7px; }
.gn_in li:hover {background-color: #ddd; }
.gn_in li a {color: #000; padding: 0; }

/* カテゴリーナビ 16個 */
.cnavi {position: relative; padding: 0 0 5px; border-bottom: solid 1px #b00; z-index: 1; }
.cnavi table {width: 100%; margin-top: 3px; z-index: 1; }
.cnavi td {width: 12.5%; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
.cnavi td img {max-width: 115px; }
.cnavi td:hover {background-color: #eee; }
.cnavi td:hover img {opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8;}

/* ヘッダ季節バナー */
.head_banner {text-align: center; margin: 5px 1px; overflow: hidden; }
.head_banner a {display: inline; }
.head_banner a.header_l {display: block; float: left; }
.head_banner a.header_r {display: block; float: right; }

/* *****************************************************************
  左カラム
 **************************************************************** */
#side select, #side input, #side button {margin: 0 0 5px; }
#side a {display: block; }
#side h3 a {color: #fff; }
.s_category, .s_search, .s_group, .s_shop, .s_cart {
  width: 100%; text-align: left; margin-bottom: 10px; }

.s_banner a, .s_catch li, .s_maga {
  width: 100%; text-align: center; margin-bottom: 10px; }

/* ********************* ギフト */
.s_gift, .s_gift:hover {border-radius: 6px; }
.s_gift {
    background: -moz-linear-gradient(#f00, #900); background: linear-gradient(#f00, #900); 
    *background: #c00;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#990000', GradientType=0)";}
.s_gift:hover {
    background: -moz-linear-gradient(#600, #c00); background: linear-gradient(#600, #c00); 
    *background: #b00;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#660000', endColorstr='#cc0000', GradientType=0)"; }

/* ********************* カテゴリー */
.s_category li {margin-top: 3px; border: solid 1px #ccc; }
.s_category li img {max-width: 178px; }
.s_category li:hover {background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9}

/* ********************* 折りたたみ共通 */
.s_ch {position: relative; z-index: 9999; }

.s_ch h3 {display: table-cell; width: 180px; height: 50px; cursor: pointer; 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/side_ya.png') 155px 50% no-repeat, -moz-linear-gradient(#fb0, #d80); 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/side_ya.png') 155px 50% no-repeat, linear-gradient(#fb0, #d80);
    *background: #fb0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb000', endColorstr='#dd8800', GradientType=0)";
    color: #fff; font-size: 15px; line-height: 1.2; text-align: left; vertical-align: middle;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
    padding: 2px 0 0 10px; border-bottom: solid 1px #fff; }
.s_ch:hover h3 {
    background: -moz-linear-gradient(#fb0, #fdd045); background: linear-gradient(#fb0, #fdd045); 
    *background: #fb0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb00', endColorstr='#fdd045', GradientType=0)"; }
.s_ch h3 i {float: left; display: inline-block; font-size: 24px; color: #fff; 
    padding-right: 3px; margin-top: -4px; }
.s_ch ul, .shform, .magain {position: absolute; top: 0; left: 100%; width: 230px; 
    background-color: #fff; padding: 0 0 0 8px; border-top: solid 5px #fb0; }
.s_ch li, .formin {line-height: 1.1; padding: 6px 7px 5px; 
    border: solid 1px #fb0; border-top: transparent; }
.s_ch .formin {background: #fdd045; padding-top: 10px; }
.s_ch li:hover {
    background: #ffdb6b url('https://file001.shop-pro.jp/PA01007/181/img/mark_r.png') 3px 5px no-repeat; 
    padding-left: 19px; }
.s_ch li a {color: #000; }

.s_ch2 h3 {height: 40px; 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/side_ya.png') 155px 50% no-repeat, -moz-linear-gradient(#2d2fac, #171896); 
    background: url('https://file001.shop-pro.jp/PA01007/181/img/side_ya.png') 155px 50% no-repeat, linear-gradient(#2d2fac, #171896); 
    *background: #2d2fac;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2fac', endColorstr='#171896', GradientType=0)";}
.s_ch2:hover h3 {
    background: -moz-linear-gradient(#008, #2d2fac); background: linear-gradient(#008, #2d2fac); 
    *background: #000088;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000088', endColorstr='#2d2fac', GradientType=0)";}

.s_ch2 ul, .s_ch2, .s_ch2 li, .s_ch2 .magain {border-color: #008; }
.s_ch2 li:hover, .s_ch2 .magain form ,.magain p {background-color: #d1deff; }

.s_kakaku ul, .s_gift ul, .s_free1 ul, .s_free2 ul, .shform, .magain {display: none; }

/* 検索・メルマガ */
.s_search select, .mailmaga_text input[text] {width: 205px; }
.mailmaga_text input[text] {display: block; width: 210px; margin-left: 10px; }
.s_search h3 i {font-size: 20px; margin-top: -2px; }
.s_search input {width: 150px;}
.s_search p {position: absolute; top: 0; right: 0;}
.s_ch button, .magain input[button] {width: 50px; font-size: 14px; letter-spacing: 0.2em; }

.s_ch2 .magain form {background-color: #d1deff; }
.magain p {font-size: 12px; padding-top: 5px; }

/* ********************* サイド タブ付項目 */
.s_shop, .s_cart, .s_master {
    background: #fdd045 0 0 no-repeat; 
    text-align: center; padding-bottom: 7px; border-radius: 6px; }
.s_shop h3, .s_cart h3 {
    color: #fff; font-weight: normal; font-size: 14px; line-height: 1.2; text-align: left; 
    padding: 10px 0 4px 10px; border-radius: 7px 7px 0 0; }

/* ***** カートの中身 */
.s_cart {background-image: url('https://file001.shop-pro.jp/PA01007/181/img/side_cart.png'); }
.s_cart h3 a {color: #fff; }
.s_cart h3 i {color: #fff; font-size: 15px; }
.s_cart p {font-size: 12px; margin: 15px 10px 0; }
.s_cart p.total {font-size: 14px; text-align: right; margin: 5px 10px 0; }

.cartin {background-color: #fffef0; margin: 15px 7px 0; }
.cartin ul {font-size: 12px; text-align: left; 
    padding: 5px 0 0; margin: 0 7px; margin-bottom: 0; border-top: dashed 1px #fdd045; }
.cartin ul:first-child {border-top: none; }
#side .cartin li a {display: inline; }
#side .cartin li a:hover {text-decoration: underline;}
.cartin .sprice {text-align: right; padding-right: 10px; }

/* ***** 他のショップ */
.s_shop {background-image: url('https://file001.shop-pro.jp/PA01007/181/img/side_shop.png'); }
.s_shop ul {text-align: left; padding: 0; margin: 10px 5px 0 10px; }

/* ***** 店長 */
.s_master {padding: 10px; }
.s_master img {max-width: 150px; font-size: 15px; padding-bottom: 5px; border-bottom: solid 2px #f90; }
.s_master li.sm_name {font-size: 15px; }
.s_master li.sm_txt {text-align: left; margin: 0 0 7px; padding: 5px 0; 
    border-bottom: solid 2px #f90; border-top: solid 2px #f90; }
 #side .s_master button {height: 30px; padding: 5px 20px; }
.s_master a {color: #fff; }

/* *****************************************************************
  右カラム・ボトム・トップお勧め共通
 **************************************************************** */
.seller, .pickup, .checkitem {overflow: hidden; border: solid 1px #fb0; border-radius: 8px; }
.push, .top_pickup, .together {overflow: hidden; border: solid 1px #b00; border-radius: 8px; }
.seller {background: #fffef0; }

.seller h2, .pickup h2, .checkitem h2, .push h2, .top_pickup h2, .together h2 {
    color: #fff; font-weight: normal; font-size: 15px; 
    padding: 3px 0 3px 10px; margin-bottom: 5px; border-radius: 7px 7px 0 0; }
.push h2, #rside .seller h2 {text-align: center; padding-left: 0; }
#rside .seller h2 {font-size: 18px; line-height: 1.2; text-shadow: 2px 2px 1px rgba(0,0,0,0.3); }
#bottom .seller h2 {font-size: 18px; line-height: 1.2; }

.seller h2, .pickup h2, .checkitem h2 {
    background: -moz-linear-gradient(#fb0, #d80); background: linear-gradient(#fb9, #fb0, #fa0, #e90); 
    *background: #ffbb00;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb00', endColorstr='#ee9900', GradientType=0)";}

.push h2, .top_pickup h2 {
    background: -moz-linear-gradient(#e00, #d00, #c00, #a00); background: linear-gradient(#e00, #d00, #c00, #a00); 
    *background: #cc0000;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#aa0000', GradientType=0)";}

.together h2 {background: #c00; border-bottom: solid 1px #b00; }

/* *****************************************************************
  スライドショー bx用は下
 **************************************************************** */
/* ******************** ヘッダ お勧め商品 */
.slider {position: relative; width: 950px; height: 175px; z-index: 9500; 
    padding-bottom: 0 !important; margin: 5px 0 0 !important; border-bottom: solid 4px #b00; }
#slider {border-top: solid 1px #aaa; }
#slider div {width: auto !important; max-height: 150px;}
#slider img {width: auto; max-height: 150px;}

/* ******************** ボトム -- チェック・ピックアップ */
.show2 {position: relative; width: 750px; padding-bottom: 0; margin: 0; z-index: 3000; }
.show2 li {width: 116px !important; padding: 0 8px 10px; }
.show2 img {display: inline; width: 100px; height: auto;}
.show2 img.new_mark_img1 {width: 32px !important; height: 11px !important; vertical-align: top !important; }
#show2, #show3 {width: 750px; margin: 0 auto !important; }

/* *****************************************************************
  商品関係  
 **************************************************************** */
dl.item  {font-size: 12px; margin: 0 auto 10px; }
.item dt {text-align: center; margin: 0 auto 3px; }
.item dd {text-align: center;line-height: 1.3; margin: 0 0 3px; }
.item dd.p {color: #222; font-weight: bold; }
.item dd.s_expl {color: #e00; }
.item dd.sale {color: #c00; font-weight: bold; }
.item dd.soldout {background-color: #999; color: #fff; font-weight: bold; padding-top: 2px; }
.item img {max-width: 100%; height: auto; border: solid 1px #ccc; }
.item a:hover img {opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

.push .item {width: 150px; margin-top: 8px; }
.seller .item {width: 150px; border-bottom: solid 1px #b00; }
.seller .item:last-child {border-bottom: none; }

#bottom .seller .item, .top_pickup dl.item, .together .item {float: left; padding: 4px; margin: 0 4px 10px; }
#bottom .seller .item, .together .item {width: calc((100% - 45px) / 5); border-bottom: none; }
#bottom .seller .item, .together .item {width: 139px; border-bottom: none; *width: 133px; }
.top_pickup dl.item {width: calc((100% - 36px) / 4); }
.top_pickup dl.item {width: 128px; *width: 120px; }
.show2 .item {width: 100px; }
.p_list .item {width: 160px; margin: 0 auto; }

img.new_mark_img1 {vertical-align: top !important; }

/* *****************************************************************
  右カラム
 **************************************************************** */
#rside div {margin-bottom: 15px; }
.push h2 i {color: #fff; }
.seller dt {padding-top: 22px; }
.seller1 dt {background: url('https://file001.shop-pro.jp/PA01007/181/img/seller1.png') 50% 0 no-repeat;}
.seller2 dt {background: url('https://file001.shop-pro.jp/PA01007/181/img/seller2.png') 50% 0 no-repeat;}
.seller3 dt {background: url('https://file001.shop-pro.jp/PA01007/181/img/seller3.png') 50% 0 no-repeat;}
.seller4 dt {background: url('https://file001.shop-pro.jp/PA01007/181/img/seller4.png') 50% 0 no-repeat;}
.seller5 dt {background: url('https://file001.shop-pro.jp/PA01007/181/img/seller5.png') 50% 0 no-repeat;}

.rside_banner a {display: block; margin: 0 auto 10px; }
.rside_banner a:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}


/* *****************************************************************
  ボトム
 **************************************************************** */
#bottom div {margin-bottom: 15px; }
#bottom i {padding: 0 5px; }
.pickupin {padding: 0 0 0 5px; }

/* *****************************************************************
  フッター  
 **************************************************************** */
/* ******************** グループ */
.s_group {width: 100%; text-align: left; }
.s_group li {display: inline-block; margin: 0 2px 3px; *display: inline; *margin: 2px 3px; }
.s_group li:hover {opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
.s_group img {max-width: 180px; }

/* ******************** お買い物ガイド */
.guide iframe {height: 600px; }
#pup_guide .guide iframe {height: 650px; }
/* お買い物ガイドスクリプト用 */
#lean_overlay{
  display: none; position: fixed; top: 0px; left: 0px; z-index: 9998;
  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9);}
#pup_guide{
  display: none; position: fixed; z-index: 9999; 
  top: 15px; left: -webkit-calc((100% - 965px) / 2); left: calc((100% - 965px) / 2);
  *left: 30px;
  width: 980px; height: 98%;  
  overflow-y: scroll; background: #ddd; font-size: 13px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); padding: 0;}
.modal_close, .close{width: 95%; text-align: right; cursor: pointer; }
.modal_close i, .close i {font-size: 26px; }

/* ******************** キーワード */
.p_keyword {background: #f0f0f0; padding: 10px; }
.p_keyword h2 {font-size: 12px; margin-bottom: 5px; }
.p_keyword h2 i {font-size: 12px; }
.p_keyword li {display: inline; color: #bbb; font-size: 11px; line-height: 1.1; 
    padding: 0 5px 0 0; border-right: solid 1px #bbb; }
.p_keyword li:first-child {border-left: solid 1px #bbb; }

/* ******************** フッターロゴ */
.fnavi {position: relative; padding-top: 1px; z-index: 9000; }
.fnavi h2 {position: absolute; top: 0; left: 5px; }
.fnaviin {width: 100%; height: 65px;  
    background: -moz-linear-gradient(#007, #006); background: linear-gradient(#007, #006); 
    margin-top: 15px; border-radius: 7px; 
    *background: #000077;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000077', endColorstr='#000066', GradientType=0)";}
.fnaviin ul {float: right; display: table; *display: block; display: block\9; }
.fnaviin li {display: table-cell; line-height: 1; 
  *display: inline; display: inline-block\9; }

.fnaviin a {color: #fff; }

.foorer1 {height: 32px;
    background: -moz-linear-gradient(#2d2fa0, #171896); background: linear-gradient(#2d2fa0, #171896); 
    border: solid 1px #ccc; border-radius: 0px 7px 0 7px; 
    *background: #2d2fa0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2fa0', endColorstr='#171896', GradientType=0)";}

.foorer1 li {vertical-align: middle; }
.foorer1 li a {display: block; text-decoration: none; padding: 0 20px; border-left: solid 1px #aaa; }
.foorer1 li:first-child a {border-left: none; }
.foorer1 li:hover {
    background: #2d2fa0 -moz-linear-gradient(rgba(45,47,160,1), rgba(255,255,255,0.4)); 
    background: #2d2fa0 linear-gradient(rgba(45,47,160,1), rgba(255,255,255,0.4)); 
    *background: #2d2fa0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2fa0', endColorstr='#3534ab', GradientType=0)";}

.foorer2 {position: absolute; bottom: 7px; right: 10px; border-right: solid 1px #aaa; }
.foorer2 li {font-size: 12px; padding: 0 7px; border-left: solid 1px #aaa; }

.copy {text-align: center; font-size: 12px; margin-top: 20px; }

/* *****************************************************************
  移動BOX
 **************************************************************** */
.fixed_box {position: fixed; bottom: 35px; right: 10px; z-index: 8000; }

.fixed_box p, .fixed_box ul {
    width: 110px; background-color: rgba(255,255,255,0.7); 
    padding: 3px 5px 0; border: solid 1px #f60; border-radius: 7px;}
.fixed_box p {font-size: 14px; line-height: 1.2; font-weight: bold; text-align: center; 
    padding-bottom: 5px; margin-bottom: 5px; }
.fixed_box ul {font-size: 12px; line-height: 2; }
.fixed_box p:hover, .fixed_box ul:hover {color: #fff; box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.3);}
.fixed_box p:hover {background-color: #b00; }
.fixed_box ul:hover {background-color: #222; }

.fixed_box li {border-top: dashed 1px #fff; }
.fixed_box li:first-child {border-top: none; }

.fixed_box i {color: #d00; padding-top: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
.fixed_box p i {display: block; font-size: 40px; margin-top: -5px; }
.fixed_box ul i {font-size: 20px; padding-top: 2px; }

.fixed_box a {color: #000; text-decoration: none; }
.fixed_box p:hover a, .fixed_box ul:hover a, .fixed_box a:hover, .fixed_box a:hover i {color: #fff; }
.fixed_box ul:hover i {color: #faa; }

/* *****************************************************************
  メインコンテンツ / 中央カラム (#inn-box2 は自由利用用)
 **************************************************************** */
#inn-box, #inn-box2 {font-size: 16px; text-align: left; }
#inn-box a, #inn-box2 a {text-decoration: underline; }
#inn-box h2, #inn-box2 h2, .list h2, #inn-box h3, #inn-box2 h3, .list h3 {font-weight: normal; font-size: 16px; }
#inn-box h4, #inn-box2 h4 {font-weight: normal; font-size: 14px; }
#inn-box2 h4 {margin-bottom: 10px; }
#inn-box h2, #inn-box2 h2, .list h2 {
    background: -moz-linear-gradient(#aaa, #888); background: linear-gradient(#aaa, #888); 
    color: #fff; padding: 2px 0 2px 10px; margin: 10px 0 20px; border: double 3px #ddd; 
    *background: #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#888888', GradientType=0)";}
#inn-box h3, #inn-box2 h3, .list h3 {
    padding-left: 5px; margin: 0 0 20px; border-bottom: solid 2px #666; border-left: solid 10px #666; }

/* ******************** パンくず */
.pass {text-align: left; }
.pass li {display: inline; }

/* ******************** トップページ */
.new {
    position: relative; overflow: hidden; font-size: 12px; text-align: left; padding-top: 22px; margin-bottom: 30px; }
.new div {width: 270px; height: 250px; overflow-y: scroll; padding: 0 7px; border: solid 1px #ccc; }
.new h3 {
    position: absolute; top: 0; width: 270px; height: 22px; 
    background: -moz-linear-gradient(#e00, #c00, #c00, #a00); background: linear-gradient(#e00, #d00, #c00, #a00); 
    color: #fff; font-weight: normal; padding: 2px 10px; 
    *background: #b00;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee0000', endColorstr='#aa0000', GradientType=0)";}

.new dl {overflow: hidden; padding: 5px 0 0; border-bottom: dashed 1px #aaa; }
.new dt {float: left; width: 78px; 
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; }
.new dd {margin-left: 80px; margin-bottom: 3px; }
.n_info {float: left;}
.n_info h3 {left: 0; }
.n_item {float: right;}
.n_item h3 {left: 280px; }
.n_item dl.item, .n_item dl.item dt {margin: 0; }
.n_item dd {text-align: left; padding-left: 5px; }
.n_item dd.p {text-align: right; }

.freespace {margin: 0 auto 20px; }
.top_pickup div {overflow: hidden; }

/* ******************** 一覧・検索結果 */
.sub_category {margin-bottom: 15px; }
.sub_category ul {display: table; margin: 0 14px 10px; }
.sub_category li {display: table-cell; width: 245px; text-align: left; padding: 0 5px; }

.list h3.h3_mn {margin-bottom: 7px; }

.list_ken, .list_pager {
    font-size: 12px; line-height: 1.1; overflow: hidden; padding: 4px 10px 3px; margin-bottom: 10px; }
.list_ken {float: left; }

.list_sort {text-align: right; margin: 0 0 20px; }
.list_ken .list_sort {text-align: left; }
.list_sort li {display: inline; padding: 1px 3px 0; }

.list_count {text-align: center; }
.list_count li {
    display: inline-block; width: 26px; height: 26px; 
    color: #888; line-height: 2; border: solid 1px #ddd; *display: inline; }
.list_count li a {
    display: block; width: 24px; height: 24px; background-color: #aaa; color: #fff; padding: 0; 
    *display: inline; *padding: 0 2px; }

.p_list {display: table; margin: 0 2px 10px; *display: block; }
.p_list li {display: table-cell; width: 182px; text-align: center; *float: left; }
p.list_none {margin: 30px 15px 150px; }

/* *****************************************************************
  f1 お買い物ガイド
 **************************************************************** */
.fguide {width: 950px; background: #fff; font-size: 12px; line-height: 1.4; 
    margin: 0 auto; border: solid 3px #fb0; overflow: hidden; }
.fguide h3 {background-color: #f60; color: #fff; font-weight: normal; font-size: 16px; 
    padding: 2px 5px 0; margin: 12px 0 10px; border: solid 1px #fb0; border-radius: 5px; 
    -moz-box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2); 
    box-shadow: 1px 1px 1px 1px rgba(80,80,80,0.2), 3px 3px 3px 3px rgba(80,80,80,0.1); }
.fguide h3:before {content: "●"; font-size: 14px;}
.fguide ul + h3 {margin-top: 20px; }
.fguide th, .fguide td {border: solid 1px #ccc; }
.fguide .tcenter th {background: #eee; text-align: center; }

.fguidein {
    text-align: left; vertical-align: top; padding: 0 10px 10px; border-left: solid 1px #fb0; }
.fguidein:first-child {border-left: none; }
.g1, .g3 {width: 26%; } .g2 {width: 48%; }

.fguidein li {margin-bottom: 8px; }
.fguidein li li:first-child {margin-top: 0; }
.fguidein .img {background: none; text-align: center; padding-left: 0; }
.inline li {display: inline-block; background: #fdd045; color: #000; 
    padding: 2px 8px 1px 8px; margin-left: 3px; border-radius: 6px; }

.fguidein .g21 {float: left; width: 165px; padding-bottom: 10px; }
.fguidein .g21 table {width: 100%; }
.fguidein .g21 th, .fguidein .g21 td {padding: 1px 3px; }
.fguidein .g21 td {text-align: right; }

.fguidein .g22 {margin-left: 175px; overflow: hidden; }
.fguidein .fright {float: right; width: auto; margin-top: -10px; }

.fguidein .g23 p {width: 300px; background: #f52; padding: 7px 0; margin: 10px auto; border-radius: 7px; }

.g3 .fright {text-align: center; margin-top: -5px; }
.g3 .fright i {color: #fb0; font-size: 40px; }
.g3 .fright i:hover {color: #b00; }
.g3 table.tbl_calendar, .f9_calendar table.tbl_calendar {width: 96%; margin: 0 auto 10px !important; }
.g3 table.tbl_calendar th, table.tbl_calendar td {
    text-align: center !important; padding: 2px !important; }

/* *****************************************************************
  f6 ご利用ガイド
 **************************************************************** */
.f6 {margin: 0 0 200px; padding-top: 5px; }
#inn-box .f6_in h3, #inn-box .f6_in ul.f6_p li {
    background: #888 url('https://file001.shop-pro.jp/PA01007/181/img/toggle.png') 97% 12px no-repeat;
    color: #fff; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 3px #666; cursor: pointer; 
    margin: 7px 0 0; padding: 7px 15px; border: 0; }
#inn-box .f6_in span {font-weight: normal; font-size: 17px; text-shadow: none; padding-left: 5px; }
#inn-box .f6_in h3.up {
    background: #007 url('https://file001.shop-pro.jp/PA01007/181/img/toggle.png') 97% -22px no-repeat; 
    -moz-box-shadow: 0 4px 4px #999; -webkit-box-shadow: 0 4px 4px #999; 
    box-shadow: 0 4px 4px #999; }
#inn-box .f6_in i {color: #fff; font-size: 26px; vertical-align: middle; }
.toggle_cl {text-align: right; margin: 7px 15px; cursor: pointer; }
.toggle_cl i {color: #666; font-size: 26px; vertical-align: middle; }

#inn-box .h3_red h3 {background-color: #d00; margin-top: 15px; }
#inn-box .f6_in ul.f6_p {margin-top: 20px; }
#inn-box .f6_in ul.f6_p li {background-image: none; padding: 0; }
#inn-box .f6_in .f6_p a {
    display: block; background: url('https://file001.shop-pro.jp/PA01007/181/img/toggle2.png') 90% 10px no-repeat; 
    color: #fff; text-decoration: none; padding: 7px 15px; }
#inn-box .f6_in .f6_p a.padd5 {padding-left: 20px; }
#inn-box .f6_in .f6_p a:hover {background-color: #333; }
.waku2 {display: none; }/*toggle用*/
.waku2 dt.f18 {font-size: 18px; font-weight: bold; }
.waku2 .waku_in {margin: 0 0 20px; padding: 10px 15px 3px; }
.waku2 .waku_in i {color: #fff; font-size: 22px; vertical-align: top; }
#inn-box .waku2 h4 {
    font-size: 16px; font-weight: bold; padding: 3px 20px; margin: 10px 10px 5px; border-top: dotted 2px #d00; }

.waku {padding: 15px 0 5px; border: solid 1px #007; overflow: hidden; }
#inn-box .waku h3, .waku dl, .waku ul {margin: 0 15px 15px; }
.waku p {margin: 0 25px 15px; }
.waku dt {padding: 3px 15px 2px; margin: 0 0 6px; border-radius: 15px; }
.waku dd, .waku li {margin: 0 10px 7px 20px; }
.waku strong {font-size: 16px; }

/* ご注文の流れ */
.nagare dl {overflow: hidden; background: url('https://file001.shop-pro.jp/PA01007/181/img/f6_na.png') 115px 100% no-repeat; 
    margin-bottom: 5px; }
.nagare dl:last-child {background: none; }
.nagare dt {float: left; width: 250px; 
    color: #fff; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #777; 
    padding: 0 !important; }
.nagare dt span {display: block; background-color: #fb0; font-size: 16px; 
    padding: 6px 10px 5px; border-radius: 10px; }
.nagare dd {line-height: 1.3; margin: 2px 0 7px 260px; }
.nagare dl dd:last-child {margin-bottom: 15px; }

/* テーブル */
.f_table {width: 100%; font-size: 12px; margin-left: -5px; }
.f_table caption  {font-size: 14px; margin-top: 10px; }
.f_table th {padding-top: 5px; padding-left: 5px; border: solid 1px #ccc; }
.f_table td {border: solid 1px #ccc; vertical-align: middle; }
.f_table table {width: 100%; margin: 0; }
.f_table td tr {border-top: solid 1px #ccc; }
.f_table td tr:first-child {border-top: none; }
.f_table td th {width: 60px; padding-top: 0; border: none; }
.f_table td td {border: 0; }
.waku table.sy th {text-align: center; background-color: #eee; padding: 3px 0;  width: 73px; }
.waku table.sy td {text-align: center; padding: 3px 0; vertical-align: top; }
.waku table .lasttr td {background: #ffe4c8; font-weight: bold; font-size: 14px; }
.table_w110 {width: 100px; text-align: center;}

/* *****************************************************************
  フリーページ 固有指定
 **************************************************************** */
.f9_calendar {float: right; width: 180px; font-size: 14px; }
.f9_calendar th, .f9_calendar td {border: solid 1px #ccc; }
.f9_calendar th {background-color: #d6d6d6; }
.f9_calendar table.tbl_calendar th, table.tbl_calendar td {
    text-align: center !important; padding: 1px 2px !important; }

#inn-box2 h4.f10_h4, #inn-box2 h4.f10_b {
    cursor: pointer; font-weight: normal; font-size: 16px; }
#inn-box2 h4.f10_h4 {
    background: url('https://file001.shop-pro.jp/PA01007/181/img/mark_r.png') 0 3px no-repeat; 
    padding-left: 17px; margin-left: 15px; }
#inn-box2 h4.f10_b {
    background: #888 url('https://file001.shop-pro.jp/PA01007/181/img/mark_o.png') 15px 5px no-repeat; 
    color: #fff; padding: 2px 15px 0 32px; margin: 0 0 5px; }
#inn-box2 ul.f10_in {
    display: none; position: relative; cursor: pointer; 
    font-size: 14px; padding: 10px 0; margin-left: 20px; border: solid 1px #ccc; }
#inn-box2 li.f10_cl {position: absolute; bottom: 5px; right: 5px; margin: 0; }
.f10_cl i {font-size: 24px; color: #b00; }

/* *****************************************************************
  スライドショー bxSlider用設定 bxslider  http://bxcreative.com
 **************************************************************** */
/* ******************** ヘッダ */
.slider .bx-wrapper {
    bottom: 0 !important; width: 950px; height: 125px; text-align: center; z-index: 9100; 
    padding: 0; margin-bottom: 0 !important; }
.slider .bx-wrapper img {height: 125px;}
.slider .bx-wrapper .bx-viewport {
    left: 0 !important; border:none !important; 
    -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/* PAGER */
.slider .bx-wrapper .bx-pager {
    width: 950px !important; height: 20px; z-index: 9600; 
    padding-top: 5px !important; margin: 0 !important; border-top: solid 1px #aaa; }
.slider .bx-wrapper .bx-pager .bx-pager-item:first-child {margin-left: 400px; }
.slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 9px !important; height: 9px !important; font-size: 1px; line-height: 1; 
    background: #999 !important; text-indent: -9999px; border-radius: 50% !important; }
.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000 !important; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.slider .bx-wrapper .bx-prev, 
.slider .bx-wrapper .bx-next, 
.slider .bx-wrapper .bx-controls-direction {display: none; }

/* AUTO CONTROLS (START / STOP)*/
.slider .bx-wrapper .bx-controls-auto {
    position: absolute; top: 40px; left: 460px; width: 60px; z-index: 9700; 
    text-align: center; }
.slider .bx-wrapper .bx-controls-auto .bx-start, 
.slider .bx-wrapper .bx-controls-auto .bx-stop {background: none !important; }

.slider .bx-wrapper .bx-controls-auto .bx-start {
    display: block; width: 0 !important; height: 0 !important; 
    border: 35px solid transparent; border-left: 40px solid rgba(190,0,0,0.7); }
.slider .bx-wrapper .bx-start:hover, .slider .bx-wrapper .bx-start.active {border-left-color: #f03;}
.slider .bx-wrapper .bx-stop {display: none;} 

/* IMAGE CAPTIONS */
.slider .bx-wrapper .bx-caption {
    position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.8) !important; }
.slider .bx-wrapper .bx-caption span {
    display: block; width: 150px !important; 
    color: #000 !important; font-size: 14px !important; line-height: 1; padding: 5px;}

/* ******************** ボトム -- チェック・ピックアップ */
.show2 .bx-wrapper {
    bottom: 0 !important; width: 696px; text-align: center; z-index: 1000; 
    padding: 0; margin-bottom: 0 !important; }
.show2 .bx-wrapper img {height: 100px;}
.show2 .bx-wrapper .bx-viewport {
    left: 0 !important; border:none !important; 
    -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }

/* PAGER ・ AUTO CONTROLS (START / STOP) */
.show2 .bx-pager, .show2 .bx-controls-auto., show2 .bx-start, .show2 .bx-stop {display: none; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.show2 .bx-wrapper .bx-prev {
  left: -15px; background: url('https://file001.shop-pro.jp/PA01007/181/img/controls.png') no-repeat 0 0; }
.show2 .bx-wrapper .bx-next {
  right: -15px; background: url('https://file001.shop-pro.jp/PA01007/181/img/controls.png') no-repeat 100% 0; }

.show2 .bx-wrapper .bx-prev:hover {background-position: 0 0;}
.show2 .bx-wrapper .bx-next:hover {background-position: 100% 0;}
.show2 .bx-wrapper .bx-prev:hover, .show2 .bx-wrapper .bx-next:hover {
  filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

.show2 .bx-wrapper .bx-controls-direction a {
  position: absolute; top: 80px; width: 20px; height: 32px; z-index: 9999;  }
.show2 .bx-wrapper .bx-controls-direction a.disabled {
  opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}

/* *****************************************************************
  中央カラム共通  スタイル
 **************************************************************** */
.m_banner, .top_banner {font-size: 12px; line-height: 1.3; text-align: left; margin-bottom: 15px; }
.m_banner img, .top_banner img {display: block; width: 100%; margin-bottom: 5px; }

#inn-box2 h3, #inn-box2 dl, #inn-box2 ul, #inn-box2 p {margin: 0 0 20px; }
#inn-box2 dt {padding: 3px 15px 2px; margin: 0 0 10px; border-radius: 15px; }
#inn-box2 dd, #inn-box2 li {margin: 0 10px 10px 20px; }
#inn-box2 strong {font-size: 16px; }
#inn-box2 li.mg_none, #inn-box2 .mg_none li {margin: 0 0 5px; }
#inn-box2 dd.mg_none, #inn-box2 .mg_none dd {margin: 0 0 5px; }
#inn-box2 h3.mg_none, #inn-box2 dl.mg_none, #inn-box2 ul.mg_none, #inn-box2 p.mg_none, 
#inn-box2 .mg_none h3, #inn-box2 .mg_none dl, #inn-box2 .mg_none ul, #inn-box2 .mg_none p {margin-bottom: 0; }

.bg_border, .bg_waku {
    padding: 20px 15px 0; margin-bottom: 20px; overflow: hidden; }
.bg_note {background: url('https://file001.shop-pro.jp/PA01007/181/img/bg_note.png') 0 0 repeat-y; 
    padding: 15px 15px 1px 50px; margin-bottom: 20px; overflow: hidden;
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -ms-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3); }
.bg_note2 {background: url('https://file001.shop-pro.jp/PA01007/181/img/note2.jpg') 0 0 repeat-y; 
    padding: 15px 15px 1px 50px; margin-bottom: 20px; overflow: hidden;
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -ms-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3); }
.bg_border {border: solid 1px #007; }
.bg_ra {padding-top: 20px; border-radius: 25px 0; }

.bg_border h3, .bg_waku h3, .bg_note h3, .bg_note2 h3 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.1); }

#inn-box2 .bg_red h3, #inn-box2 .bg_pink h3, #inn-box2 .bg_gray h3, 
#inn-box2 .bg_green h3, #inn-box2 .bg_navy h3 {border-color: #eee; }
#inn-box2 .bg_red .bg_wh h3, #inn-box2 .bg_pink .bg_wh h3, #inn-box2 .bg_gray .bg_wh h3, 
#inn-box2 .bg_green .bg_wh h3, #inn-box2 .bg_navy .bg_wh h3, 
#inn-box2 .bg_red .bg_cream h3, #inn-box2 .bg_pink .bg_cream h3, #inn-box2 .bg_gray .bg_cream h3, 
#inn-box2 .bg_green .bg_cream h3, #inn-box2 .bg_navy .bg_cream h3 {border-color: #666; }

/* table */
.free_table {width: 100%; background-color: #fff; color: #334; margin: 0 auto 20px; }
.free_table caption {margin: 0 2px 3px; }
.free_table th, .free_table td {border: solid 1px #bbb; padding: 7px 7px 5px; }
.free_table th {min-width: 90px; background-color: #eee; }

.table_img3 {width: 720px; margin: 0 auto 10px; }
.table_img3 td {width: 240px; padding: 20px; }
.table_img3 td img {max-width: 200px; }
.table_img4 {width: 744px; margin: 0 0 20px -12px; }
.table_img4 td {width: 186px; padding: 3px; }
.table_img4 td img, .table_img4b td img {max-width: 180px; }
.table_img4b {width: 720px; margin: 0 0 20px; }
.table_img4b td {width: 180px; padding: 0; }
 
/* float */
#inn-box2 .fleft {float: left; margin: 0 10px 10px 0; }
#inn-box2 .fright {float: right; margin: 0 0 10px 10px; }
#inn-box2 img.fleft {float: left; width: auto; margin: 0 15px 15px 0; 
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -ms-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3); }
#inn-box2 img.fright {float: right; width: auto; margin: 0 15px 15px 0; 
    -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    -o-box-shadow: 3px 3px 4px rgba(0,0,0,0.3); -ms-box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 4px rgba(0,0,0,0.3); }
.clear {clear: both; }

/* img */
img.img100, .img100 img {width: 100%; }
img.img100px, #inn-box2 img.img100px {width: 100px; }
img.img150px, #inn-box2 img.img150px {width: 150px; }
img.img200px, #inn-box2 img.img200px {width: 200px; }
img.img250px, #inn-box2 img.img250px {width: 250px; }
img.img300px, #inn-box2 img.img300px {width: 300px; }
img.img350px, #inn-box2 img.img350px {width: 350px; }
img.img400px, #inn-box2 img.img400px {width: 400px; }
img.img450px, #inn-box2 img.img450px {width: 450px; }

div.img100 {margin-bottom: 20px; }
img.img_center, .img_center img {display: block; margin: 0 auto 10px; }

/* *****************************************************************
  その他共通
 **************************************************************** */

p.ya, dd.ya, .ya dd, li.ya, .ya li, .waku dd.ya, .fguidein li.ya, .fguidein .ya li {
    background: url('https://file001.shop-pro.jp/PA01007/181/img/mark_r.png') 0 1px no-repeat; }
p.san, dd.san, .san dd, li.san, .san li, .fguidein li.san, .fguidein .san li  {
    background: url('https://file001.shop-pro.jp/PA01007/181/img/mark_o.png') 0 1px no-repeat; }
p.maru, dd.maru, .maru dd, li.maru, .maru li, .fguidein li.maru, .fguidein .maru li  {
    background: url('https://file001.shop-pro.jp/PA01007/181/img/mark_y.png') 0 1px no-repeat; }
p.ya, dd.ya, .ya dd, li.ya, .ya li, 
p.san, dd.san, .san dd, li.san, .san li, 
p.maru, dd.maru, .maru dd, li.maru, .maru li {padding-left: 16px; }

#inn-box2 p.ya, #inn-box2 dd.ya, #inn-box2 .ya dd, #inn-box2 li.ya, #inn-box2 .ya li, 
#inn-box2 p.san, #inn-box2 dd.san, #inn-box2 .san dd, #inn-box2 li.san, #inn-box2 .san li, 
#inn-box2 p.maru, #inn-box2 dd.maru, #inn-box2 .maru dd, #inn-box2 li.maru, #inn-box2 .maru li {
  background-position: 0 4px; padding-left: 17px; }

.bg_line, .waku dt.bg_line {
    border-bottom: solid 2px #999; border-left: solid 10px #999; 
    padding-left: 5px; margin: 0 10px 6px; border-radius: 0; }

.l_bd {padding-left: 7px; border-left: solid 12px #00c; }

/* 文字・テキスト */
.tleft, #inn-box2 .tleft, .m_banner .tleft, th.tleft, .tleft th {text-align: left; }
.tcenter, #inn-box2 .tcenter, .m_banner .ttcenter, td.tcenter, .tcenter td {text-align: center; }
.tright, #inn-box2 .tright, .m_banner .tright, th.tright, td.tright, .tright th, .tright td {text-align: right; }

.fa-asterisk {color: #f60; font-size: 14px; }
.tindent {padding-left: 1.5em; text-indent: -1.5em; }
.tshadow {text-shadow: 1px 1px 3px #999; }
.bold, #inn-box2 h4 {font-weight: bold; }

.fred, .free_table .fred, .order_com .fred {color: #e00; }
.fblack, .free_table .fblack, .order_com .fblack {color: #000; }
.fblue, .free_table .fblue, .order_com .fblue {color: #03c; }
.fgray, .free_table .fgray, .order_com .fgray {color: #888; }
.fgreen, .free_table .fgreen, .order_com .fgreen {color: #177; }
.fwh, .free_table .fwh, .order_com .fwh {color: #fff; }

.f12, #inn-box2 .f12, .m_banner .f12, #inn-box2 strong.f12, 
#inn-box2 .order_com p.f12, .order_com p.f12 {font-size: 12px; }
.f14, #inn-box2 .f14, .m_banner .f14, #inn-box2 strong.f14, 
#inn-box2 .order_com p.f14, .order_com p.f14 {font-size: 14px; }
.f16, #inn-box2 .f16, .m_banner .f16, #inn-box2 strong.f16, 
#inn-box2 .order_com p.f16, .order_com p.f16 {font-size: 16px; }
.f18, #inn-box2 .f18, .m_banner .f18, #inn-box2 strong.f18, 
#inn-box2 .order_com p.f18, .order_com p.f18 {font-size: 18px; }
.f20, #inn-box2 .f20, .m_banner .f20, #inn-box2 strong.f20, 
#inn-box2 .order_com p.f20, .order_com p.f20 {font-size: 20px; }
.f24, #inn-box2 .f24, .m_banner .f24, #inn-box2 strong.f24, 
#inn-box2 .order_com p.f24, .order_com p.f24 {font-size: 24px; }
.f28, #inn-box2 .f28, .m_banner .f28, #inn-box2 strong.f28, 
#inn-box2 .order_com p.f28, .order_com p.f28 {font-size: 28px; }
.f32, #inn-box2 .f32, .m_banner .f32, #inn-box2 strong.f32, 
#inn-box2 .order_com p.f32, .order_com p.f32 {font-size: 32px; }
.f36, #inn-box2 .f36, .m_banner .f36, #inn-box2 strong.f36, 
#inn-box2 .order_com p.f36, .order_com p.f36 {font-size: 36px; }
.f40, #inn-box2 .f40, .m_banner .f40, #inn-box2 strong.f40, 
#inn-box2 .order_com p.f40, .order_com p.f40 {font-size: 40px; }

/* 背景 -- 背景をプラスしたい時は、この一番下の行をコピペして書き換えて下さい */
.bg_wh {background-color: #fff; color: #334; }
.bg_pink2 {background-color: #fde; color: #334; }
.bg_mizu {background-color: #dff; color: #334; }
.bg_y {background-color: #fb0; } .bg_y dt {border-color: #fb0; } 
.bg_cream {background-color: #ffeed1; }
.bg_red {background-color: #d00; color: #fff; } .bg_red dt {border-color: #d00; }
.bg_pink {background-color: #f68; color: #fff; } .bg_pink dt {border-color: #f66; }
.bg_gray {background-color: #888; color: #fff; } .bg_gray dt {border-color: #ddd; }
.bg_green {background-color: #088; color: #fff; } .bg_green dt {border-color: #088; }
.bg_navy {background-color: #171896; color: #fff; } .bg_navy dt {border-color: #171896; }

/* ++++++++++++++++++++++++++++++++++++
 1.背景にしたい画像を img フォルダにアップロード
 2.左の「 ドットクラス名 = .bg_pattern 」 を ドット好きな名前に書き換えます。
 3.右の画像名 bg_pattern.jpg を利用する画像に書き換えます。
 これでhtmlでクラスとして利用できます。
 
 ※ クラス名の前のドットは必須です。
    利用する際は ドットを付けずクラス名だけを使用します。
 +++++++++++++++++++++++++++++++++++ */
.bg_pattern {background: url('https://file001.shop-pro.jp/PA01007/181/img/bg_pattern.jpg');}