* {
    margin: 0; padding: 0;
}




html {
	overflow: auto;
}

body{
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #333333;
  font-size: 15px;
  line-height: 2;
  list-style-type: none;
  overflow: hidden;
  color:#482400; 
  font-size: 87.5%; 
  font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
 }

 /* ------------------------------------- 
 *	  font-family: Verdana,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
 * ------------------------------------- */

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

p,h1,h2,h3,h4,h5,h6 {
margin:0;padding: 0;
}

img {
    border-style:none;
    vertical-align: bottom;
}

#kensaku{
 width:670px;
padding: 0px 0px 0px 290px;
 
}




br.clear {javascript:void(0)
clear: both; font: 0pt/0pt sans-serif;
}

/* ------------------------------------- 
 *	リストの設定（カスタムモードで設定）
 * ------------------------------------- */
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li {
list-style-type: none;
}

/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */
a {
  text-decoration: none;
}
a:link    {color: #CC3300; text-decoration: underline;}
a:visited {color: #CC3300; text-decoration: underline;}
a:active  {color: #CC3300; text-decoration: underline;}
a:hover   {color: #FF6633; text-decoration:none;}

/*ショップタイトル-リンク色指定*/
#title a:link    {color: #482400; text-decoration: none;}
#title a:visited {color: #482400; text-decoration: none;}
#title a:active  {color: #482400; text-decoration: none;}
#title a:hover   {color: #a56301; text-decoration: none;}

/* ************************************************ 
 *	ヘッダー（サイトタイトル、検索スペース、メニュー）
 * ************************************************ */
 
#header {
  width: 960px;
  height:220px;
  margin: 30px auto 0;
  color: #663300;
  border: #666666;
}

#header a {
  text-decoration: none;
}

.header_in_03 a:link    {color: #663300; text-decoration: none;}
.header_in_03 a:visited {color:#663300; text-decoration: none;}
.header_in_03 a:active  {color: #663300; text-decoration: none;}
.header_in_03 a:hover   {color: #FF6633; text-decoration:underline;}
.header_in_04 a:link    {color: #663300; text-decoration: none;}
.header_in_04 a:visited {color:#663300; text-decoration: none;}
.header_in_04 a:active  {color: #663300; text-decoration: none;}
.header_in_04 a:hover   {color: #FF6633; text-decoration:underline;}
  
.logo {
  float: left;
  }

.header_in_01 {
  float: left;
}

#header h1 {
  font-size: 12px;
  line-height: 1;
  color: #663300;
  margin: 10px 0 0 190px;
  border: none;
}

#header h2{
  font-size: 40px;
  line-height: 1;
  color: #663300;
  margin: 15px 0 0 190px;
  border: none;
}


.header_in_01 p{
  margin: 20px 0 0 0;
  text-align: right;
}


.header_in_01 p img {
  padding-right: 10px;
  vertical-align: top;
}


.header_adress {
  font-size: 10px; 
  text-align: right;
}

li.header_tel {
  font-size: 20px; 
  text-align: right;
}

li.header_tel img {
  vertical-align: middle;
  padding-right: 5px
}

.header_in_02{
  width: 200px;
  margin: 0px 0px 0px 760px;
  }

.header_in_03{
  width: 255px;
  margin: 5px 0px 0px 710px;
  padding: 0;
  font-size: 10px;
  }

.header_in_03 li {
  width: 90px;
  line-height: 35px;
  border-radius: 5%;
  border: solid 1px #663300;
  display: inline;
  padding: 10px
  
}

.header_in_03 img {
  padding-right: 10px;
  padding-bottom: 5px
}

.header_in_03 a {
  display: inline-block;
  }

.header_in_04{
  width: 250px;
  height:50px;
  margin: 10px 0px 0px 710px;
  font-size: 12px;
  }


ul.header_contact {
  width: 90px;
  height: 50px;
  display: inline-block;
  padding-top: 15px;
  
}

ul.header_contact img {
  vertical-align: middle;
  padding-right: 10px;
}


ul.header_sns {
  height: 50px;
  margin: 0px 0px 0px 0px;
  display: inline;
  float: right;
}


ul.header_sns li {
  width: 50px;
  display: inline;
}

ul.header_sns li img {
  margin: 0;
  padding: 0px;
  transition: 0.3s;
}

ul.header_sns li img:hover {
  -webkit-transform: translate(-2px,-2px);
  -moz-transform: translate(-2px,-2px);
  -ms-transform: translate(-2px,-2px);
  -o-transform: translate(-2px,-2px);
  transform: translate(-2px,-2px);
}


/* ------------------------------------- 
 *	サイトタイトルの設定
 * ------------------------------------- */
/*
h1 {
color:#482400; font-size:10px; margin-bottom:5px;
}
/*

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   width: 100%;
   height: 55px;
   margin-left: -500%;       /* ブラウザいっぱいに背景色を広げる */
   margin-right: -500%;
   padding-left: 500%;
   padding-right: 500%;
   background-color: #DDD3A4; /* バーの背景色 */
  font-size: 0;               /* 謎の隙間を消す */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 139px;           /* メニュー項目の横幅(139px) */
   display: inline-block;  /* 横並びに配置する */
   list-style-type: none;  /* リストの先頭記号を消す */
   position: relative;     /* サブメニュー表示の基準位置にする */
   border-right: solid 1px #E3DDC8;
}

ul.ddmenu li.home {
    width:119px; 　　　　　　/* 「ホーム」のみ幅狭く*/
    }

ul.ddmenu li.access {
    border-right: none; 　　/*li要素の最後の物は右側の線を消す*/
}

ul.ddmenu a {
   background-color: #DDD3A4; /* メニュー項目の背景色(基本色) */
   color: #663300;              /* メニュー項目の文字色(茶色) */
   line-height: 55px;         /* メニュー項目のリンクの高さ(55px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-size: 14px;
   font-weight: bold;         /* 太字にする */
   display: block;            /* 項目内全域をリンク可能にする */ 
}

/* メニュー項目とサブメニューにマウスが載ったときのの装飾*/

ul.ddmenu a:hover,.ddmenu > li:hover > a{
   background-color: #FFFFFF; /* メニュー項目にマウスが載ったときの背景色 */
   color: #663300;            /* メニュー項目にマウスが載ったときの文字色 */
   line-height: 48px;
   width: 133px;
  border: 3px solid #663300;
  border-bottom-style: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom:3px solid #663300;
  margin: 0;
  padding: 0;
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* 標準では非表示にする */
   margin: 0px;         /* サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* 絶対配置にする */
  background-color:#DDD3A4; /* 隙間を埋めるための色 */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* マウスポインタが載っている項目の内部にあるリストを表示する */  
  width: 200px;  
  border: 3px solid #663300;  
  
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */

ul.ddmenu ul {
 
}

ul.ddmenu ul li {   
  width: 200px;               /* サブメニュー1項目の横幅(200px) */
  border-bottom :1px dashed #663300; /* 項目上側の枠線 */
　
}

ul.ddmenu ul li:last-child {
  border-bottom-style: none;　　/* サブメニューの最後は下の線を消す */
}

ul.ddmenu ul li a { 
  width: 191px;
  line-height: 41px;   /* サブメニュー1項目の高さ(41px) */
  text-align: left;    /* 文字列の配置(左寄せ) */
  background-color:#DDD3A4;
   
   font-weight: normal; /* 太字にはしない */
   font-size: 13px;
   padding-left: 10px;  /* 文字列前方の余白(5px) */
  
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/ddmenu_icon01.gif?cmsp_timestamp=20190509135450);
  background-repeat:  no-repeat;
  background-position: right 5px  center;
  background-size:  18px;
  border-radius: 0;
}


ul.ddmenu ul li a:hover{ 
    width: 191px;   
    line-height: 41px;
    text-align: left;    /* 文字列の配置(左寄せ) */
    background-color :#FFFFFF; /* サブメニュー項目にマウスが載ったときの背景色 */
    color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
    padding-left: 10px;   /* 文字列前方の余白(5px) */
  font-weight: bold;
  border-radius:0; 
  border-style: none;
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/ddmenu_icon02.gif?cmsp_timestamp=20190509135517);
  background-repeat:  no-repeat;
  background-position: right 5px center;
  background-size:  18px;  
 }




li.home a:hover {
   width: 114px;  /* ドロップダウンなし  */
  line-height: 45px;
   border-radius: 10px;  
}

li.access a:hover {
   width: 133px;　/* ドロップダウンなし  */
  line-height: 45px;
   border-radius: 10px;  
}



/* -------------------------------------
 *	ページレイアウト
 * ------------------------------------- */

#title{
text-align:left; margin-left: 10px; 
}

/*ページ中央の幅*/
#wrap {
width:960px;/* カスタムで設定 */ margin:0px auto; background:#FFF;
}

#container {
margin: 20px auto 0; text-align: left; height: auto; width: 960px;
}

#container .margin {
margin:0px 0px 0px 0px;
}

/* ページの先頭へ戻るボタン */
#return-top {
    background-color: #663300;
    border-radius: 50%;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    outline: 0;
    position: fixed;
    right: 10px;
    bottom: 20px;
    text-align: center;
    width: 50px;
}

/* -------------------- */
/* ▼サイドナビ */
/* -------------------- */

#side {
  width: 240px;
  margin:0;  
  float: left;
  }

#side a {
  text-decoration: none;
}

.side_info-_01 li {
  width: 240px;
  line-height: 45px;
  border-radius: 5px;
  background: linear-gradient(0deg, #16497C, #4684C1);
  color:#ffffff;
  margin-bottom: 10px;
  text-align: center;
}

.side_info-_01 a {
  color: #FFFFFF;
  font-size: 14px;
  display: block; /*1つのli全体にリンクを有効にする*/
  line-height: 45px;  /*行間の指定（ナビボタンの高さ指定）*/
  }

.side_info-_01 a:hover {
  border-radius: 5px;
  border: solid 2px #16497C;
  background-color: #FFFFFF;
  color:#16497C;
  line-height: 41px;  /*枠線分をマイナスする（ナビボタンの高さ指定）*/
  }

.side_category h3 {
  width: 240px;
  height: 50px;
  color: #663300;
  font-size: 16px;
  background-color: #F0F0F0;
  border-top: dotted 1.5px #663300;
  border-bottom: dotted 1.5px #663300;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 50px;
  }

ul.middle-category {
  width: 240px;
  margin: 0;
  padding: 0;
  font-size: 0; /* 謎の空白を消すため*/
  
}

.middle-category li {
  width: 240px;
  height: 45px;
  border-bottom: dotted 1px #663300;
  margin: 0;
  padding: 0;
}

.middle-category li:last-child{
  border-bottom: none; /*li要素の最後の物は下側の線を消す*/
}

.middle-category a {
  width: 240px;  
  line-height: 40px;
  color: #663300;
  font-size: 13px;
  display: inline-block;
  margin-top: 3px;
  margin-left: 5px;
  }

.middle-category a:hover {
  font-weight: bold;    
}

.middle-category img {
  vertical-align: middle;
  float: right;
  padding-right: 5px;
  }

.side_info_02 {
  width: 240px;
  height: 65px;
  border-top: dotted 1.5px #663300;
}

.side_info_02 p{
  width: 200px;
  height: 35px;
  border-radius: 5px;
  background-color: #663300;
  color: #FFFFFF;
  font-size: 13px;
  margin: 10px 0;
  padding: 5px 20px ;
  line-height: 20px
}

.selectguide h3 {
  width: 240px;
  height: 40px;
  color: #663300;
  font-size: 16px;
  background-color: #F0F0F0;
  border-top: dotted 1.5px #663300;
  border-bottom: dotted 1.5px #663300;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 40px;
}

.selectguide ul {
  width: 240px;
  height: auto;
  margin: 0;
  padding: 0;
}

.selectguide li {
  width: 240px;
  height: 30px;
  padding:3px 0;
  }

/*　beforeは効かないのであきらめる
.selectguide a:before {
  content: "▶";　*/


    
.selectguide a {
  width: 220px; line-height: 20px; font-size: 13px;  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  color: #663300;
  text-decoration: none;
    
}
.selectguide a:hover {
  font-weight: bold;    
}



/* ------------------------------------- 
 *	カートの中身を見る
 * ------------------------------------- */
dl.customer_01 {
  width:230px;
  height: auto;
  background-color: #F0F0F0;
  border-top: dotted 1.5px #663300;
  border-bottom: dotted 1.5px #663300;
  margin-bottom:10px;
  padding-bottom;8px;
  padding-left:10px;
}

dl.customer_01 dt {
  width: 225px;
  height: 30px;  
  margin: 0;
  text-align:center;
  padding: 5px 0 0 5px;
  font-size: 13px;
  
}
dl.customer_01 dt a {
  color:#663300;
}

dl.customer_01 dt a:hover {
  font-weight:bold;
  color:#663300;
}

dl.customer_01 dt img {
  padding-right:5px;
}

.customer_01 dd {
  background-color:#FFF;
  border:1px #482400 dotted;
  border-radius:3px;
  width:200px;
  font-size:10px;
  text-align:center;
  padding:2px 0px 2px 5px;
  margin:5px;
          }

/* ------------------------------------- 
 *	商品検索
 * ------------------------------------- */
.customer_02 {
   width: 230px;
  height: auto;
  background-color: #F0F0F0;
  border-top: dotted 1.5px #663300;
  border-bottom: dotted 1.5px #663300;
  margin: 0 0 5px 0;
  padding: 10px 5px;
}

.customer_02 h3 {
  color: #663300;
  font-size:15px;
  font-weight:bold;
  text-align: center;
 }

.customer_02 select {
  border-radius:3px;
}

.customer_02 input {
  width:160px;
}

.customer_02 select,input {

}

.customer_02 .button {
width:50px; height:20px; margin-left:3px;
}

p.ichiran-page a {
 color:#663300;
}

p.ichiran-page a:hover {
  font-weight: bold;
}

.customer_03 h3 {
  width: 240px;
  height: 40px;
  color: #663300;
  font-size: 16px;
  background-color: #F0F0F0;
  border-top: dotted 1.5px #663300;
  border-bottom: dotted 1.5px #663300;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 40px;
}

.customer_03 ul {
  width: 240px;
  height: auto;
  margin-top: -30px;/* 謎の空白を消すため*/
  padding: 0;
  border-bottom: dotted 1.5px #663300;
}


.customer_03 li {
  width: 240px;
  height: 40px;
  }

/*　beforeは効かないのであきらめる
.customer_03 a:before {
  content: "▶"; */

.customer_03 a {
  padding-left: 5px;
  padding-right: 5px;
  color: #663300;
  text-decoration: none;
    
}

.customer_03 a:hover {
  font-weight: bold;    
  font-size: 14px;
}

.customer_03 a {
  width: 240px;
  line-height: 35px;
  font-size: 13px;
  color: #663300;
  display: inline-block;
}

.side_info_03 ul {
  width: 240px;
  height: auto;
  margin: 0;
  padding: 0;
}

.side_info_03 li {
  width: 240px;
  height: 45px;
  border-bottom: dotted 1.5px #663300;
  margin: 0;
  padding: 0;
}

.side_info_03 a {
  width: 240px;  
  line-height: 40px;
  color: #663300;
  font-size: 14px;
  display: inline-block;
  margin-top: 3px;
  margin-right: 5px;
}

.side_info_03 a:hover {
  font-weight: bold;    
}

.side_info_03 img {
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 10px;
  }


p.btn {
  width: 75px;
  height: 30px;
  background-color: #663300;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  float: right;
  
}　

p.btn a {
  float: right;
  display: inline-block;
  padding-top: 5px;
}

p.ichiran-page {
  text-align: right;
  font-size: 11px;
}

/* ------------------------------------- 
 *	商品画像のサイズ・装飾設定(商品画像のサイズは「画像サイズ設定」で行います)
 * ------------------------------------- */

/* 画像のボーダー */
img.border {
	border:1px #CCC solid;
}

/* メイン画像（大サイズ）*/
img.mainimg {
	border:1px #CCC solid;
	margin-bottom:10px;
}

/* 商品のその他画像のサイズ */
img.thumnail {
	width:100px;
}
javascript:void(0)
img {border:none;}
.small {font-size:10px;}
.right {text-align:right;}
.center {text-align:center;}



/* ************************************************ 
 *	フッター（メニュー、コピーライト）
 * ************************************************ */

/* -------------------- */
/* ▼フッター */
/* -------------------- */

#footerbg {
   width: 100%;
   
   margin-left: -500%;       /* ブラウザいっぱいに背景色を広げる */
   margin-right: -500%;
   padding-left: 500%;
   padding-right: 500%;
   background-color: #F5F5EF; /* バーの背景色 */
  
} 

#footer {
   width: 960px;
  height: auto;
  margin: 10px auto 0;
  color: #666666;
}


#shop-info {
  width: 239px;
  height: 750px;
  float: left;
  padding: 10px;
  font-size: 11px; 
  background-color: #FCFCFA;
  margin:10px 10px 10px 0 ;
  
}

#shop-info dt {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0 0 0;
  line-height: 1.2em;
  
}

#shopping-guide {
  width: 680px;
   height: 800px;
  float: left;
  font-size:11px;
  padding-top: 10px;
 background-color: #FCFCFA;
 margin:10px 0;
}

#shopping-guide dt {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0 0 0;
  line-height: 1.2em;
}
/**/
#shopping-guide dl dl dt { 
  font-size: 11px;
  font-weight: normal;　　　/* dtの中のdtは太字にしない*/
  margin-top: 0;           /* 上部の隙間を詰める*/
  padding-top: 0;
  line-height: 1em;
}

#shopping-guide table {
  font-size: 10px;
  width: 300px;
  padding-left: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}

#shopping-guide table tr th {
  width: 60%;
  text-align: left;
  background-color: #F0F0F0;
  padding: 3px 0 3px 10px;
  border: 1px solid #cccccc;
}

#shopping-guide table tr td {
  text-align: right;
  padding-right: 15px;
  border: 1px solid #cccccc;
}

#footer h3 {
  text-align: center;
  font-size: 20px;
} 

.shopping-guide_01 {
  width: 325px;
  float: left;
  padding-left: 15px;
}

.haisoujikantai {
  width: 315px;   /* 配送時間帯の画像の幅 */
}

.cardicon {
  width: 315px;　　/* クレジットカードの画像の幅 */
}

.cnvicon {
  width:252px;　　/* 支払い可能なコンビニの画像の幅 */
}

.shopping-guide_02 {
  width: 320px;
  float: left;
  padding-left: 20px;
}

#footer_navi {
  width: 100%;
   
   margin-left: -500%;       /* ブラウザいっぱいに背景色を広げる */
   margin-right: -500%;
   padding-left: 500%;
   padding-right: 500%;
   background-color: #DDD3A4; /* バーの背景色 */
  
}

#footer_navi ul {
    width: 960px;
  height: 40px;
  margin: auto;
  text-align: center;  /* リストを均等配置 */
}

#footer_navi ul li {
  display: inline-block; /* リストを均等配置 */
 font-size: 13px;
  padding-left: 40px;
  text-align: center;
}

#footer_navi ul li a {
  line-height: 40px;
  color:#663300;
  
}

address {
  width: 960px;
  margin: auto;
  text-align: center;
  color: #666666;
}



/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

dl {
	margin-bottom:10px;
} 

/* ------------------------------------- 
 *	灰色の部分（おすすめ商品、売れ筋商品、カテゴリのリスト）
 * ------------------------------------- */


#grayzone dl {margin:0px 5px;}

#grayzone dt img {margin:2px 5px;}

/* リストのタイトル部分（四角の枠） */
#grayzone dt {
	font-weight:bolder;
	background:;
	border: px  solid;
	margin-bottom:5px;
	padding-top:3px;
}

/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {
	background:url(https://img.shop-pro.jp/tmpl_img/17/dd.gif) no-repeat;
	background-position:0px 6px;
	padding-left:12px;
	margin-bottom:3px;
}

#grayzone dd.sp {
	background:none;
	border-top:2px  dotted;
	padding:0px;
	margin:3px;
}


/* ------------------------------------- 
 *	会員専用ページ
 * ------------------------------------- */
.grayzone {
	
	margin-bottom:10px;
}

.grayzone .top {
}


.grayzone .bottom {
	}


.grayzone dt {
	font-weight:bolder;
	
	
	padding-top:3px;
}

.grayzone dl {margin:0px 5px;}

.grayzone dt img {margin:0px 5px;}

.grayzone dd #btn_members_login,
.grayzone dd #btn_members_acount,
.grayzone dd #btn_members_rem,
.grayzone dd #btn_members_signup,
.grayzone dd #btn_members_logout {
	text-align:center;
}

.grayzone dd #btn_members_signup {
	padding-top:7px;
          padding-bottom:7px;
	margin-top:7px;
	border-bottom:2px  dotted;
}

　　　　　　　
.grayzone dd #btn_members_login span,　　　　　　　
.grayzone dd #btn_members_signup span,
.grayzone dd #btn_members_acount span,
.grayzone dd #btn_members_rem,
.grayzone dd #btn_members_logout span {
	font-size:87.5%;
	line-height:1.1em;
	display:block;
	padding-top:5px;
}




/* ------------------------------------- 
 *	店主のコーナー
 * ------------------------------------- */

dl#owner {
	border-bottom:2px #8F826C solid;
}

dl#owner dt {
	background:#8F826C url(https://img.shop-pro.jp/tmpl_img/17/round_owner.gif) no-repeat;
	background-position:left top;
	text-align:center;
	padding:5px 0;
}

dl#owner dd {
	border-left:2px #8F826C solid;
	border-right:2px #8F826C solid;
	padding:2px 3px 2px 7px;
}

/* ------------------------------------- 
 *	トラックバック、フリースペースのリスト
 * ------------------------------------- */

dl#list dt {
	font-weight:bolder;
	margin-bottom:5px;
}

dl#list dd {
	padding-left:17px;
	margin-bottom:3px;
	background:url(https://img.shop-pro.jp/tmpl_img/17/dd_arrow.gif) no-repeat;
	background-position:1px 6px;
}

div.border {
	border-top:2px  dotted;
	padding-bottom:5px;
	background:none;
}

/* ------------------------------------- 
 *	メールマガジン登録・解除
 * ------------------------------------- */

dl#mailmaga {
	border:1px  solid;
}

dl#mailmaga dt {
	border-bottom:1px  dotted;
	margin:5px;
	font-weight:bolder;
}

dl#mailmaga dd {
	text-align:center;
	margin-bottom:5px;
}

/* ------------------------------------- 
 *	feed
 * ------------------------------------- */
#feed {
	text-align:center;
	}
#feed img {
	width:57px;
	height:15px;
	margin:5px;
	}


/* ************************************************ 
 *	メインエリア
 * ************************************************ */

table.box {
	width:99.5%;
	margin:0px auto 20px auto;
	}




/* ------------------------------------- 
 *	各タイトル（おすすめ商品、売れ筋商品、サブカテゴリー)
 * ------------------------------------- */
.main_title {
	height:27px;
	background:url(https://img.shop-pro.jp/tmpl_img/17/main_title.gif) repeat-x;
	background-position:left;
          clear: left;
}

.main_title .point {
	height:27px;
	width:20px;
	float:left;
	background:url(https://img.shop-pro.jp/tmpl_img/17/main_title_point.gif) no-repeat;
	background-position:left;
}

.main_title .title {
	height:27px;
	margin-left:20px;
	background:url(https://img.shop-pro.jp/tmpl_img/17/main_title_right.gif) no-repeat;
	background-position:right;
}
.main_title .title img {margin-top:6px;}

/* ------------------------------------- 
 *	最近チェックした商品、おすすめ商品、売れ筋商品
 * ------------------------------------- */
div.ci {
	width: 960px; margin: 10px auto;
	}

div.ci__sintyaku{ /* 新着商品の上のマージン */
  margin-top:20px;
}

div.ci div.title {
	background: url("https://img.shop-pro.jp/tmpl_img/17/arrow.gif") no-repeat scroll left center transparent;
	border-bottom: 2px dotted #8F826C;
	color: #8F826C;
	font-size: 12px;
	margin-bottom: 10px;
	padding-left: 15px;
	}

 table.checkitem_table {
   width: 960px; margin: 10px auto;
}

div.checkitem {
	margin:0 0 10px 0;
	float:left;
	padding: 0 15px 0 2px;
	width: 100px;
	}

div.checkitem_name {
   font-size: 11px;
}

div.checkitem .ci_img {
	width:90px;
	border: 1px solid #CCCCCC;
	}


/* ------------------------------------- 
 *	お知らせエリア
 * ------------------------------------- */

div.info {
	color:#996633;


	margin-bottom:20px;
}

/* ------------------------------------- 
 *　フリースペース
 * ------------------------------------- */

.free_space {
	border:2px #CCC solid;
	padding:10px;
}

/* ------------------------------------- 
 *	パンくずナビ
 * ------------------------------------- */

.pankuzu {margin-bottom:20px;}


/* ------------------------------------- 
 *	アイテムエリアの設定（商品を複数個横に並べる表示の設定）
 * ------------------------------------- */

.itemarea {
	margin:5px 0;
	width:20%;
	float:left;
	text-align:center;
}

/* ------------------------------------- 
 *	会員価格の表示 トップページ用
 * ------------------------------------- */
.regular_price_top {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_top {
	padding:0px;
}

.discount_rate_top {
	padding:2px 0px 0px;
	color:#ff0000;
}


/* ************************************************ 
 *	商品一覧・検索結果・詳細ページ
 * ************************************************ */

/* ------------------------------------- 
 *	商品一覧・検索結果//アイテムリストの設定（一行表示の設定）
 * ------------------------------------- */

table.list {
	width:99.5%;
	border-top:1px #365B3A solid;
	border-bottom:1px #365B3A solid;
}

table.list td {padding:10px 5px;}

/* 商品の名前 */
table.list div.name {
	margin-right:100px;
}

/* 商品の値段 */
table.list div.price {
	color:#CC0000;
	width:150px;
	float:right;
	text-align:right;
}
/* 商品の簡易説明 */
table.list {margin-top:10px;}


/* 並び順 */
.sort {
	text-align:right;
	margin-bottom:5px;
}
.sort span,strong {
	padding:0px 7px;
}

/* ページナビ（全 [*] 商品中 [*-*] 商品を表示しています。） */
.pagenavi {
margin:5px 0;
}

.pagenavi span {
	padding:0px 7px;
	color:#FF6600;
}

/* ------------------------------------- 
 *	商品一覧・検索結果・詳細ページ共通
 * ------------------------------------- */

/* カテゴリーの名前（背景：薄オレンジ）*/
/* デフォルトは非表示 */
/* background: #365B3A; url(https://img.shop-pro.jp/tmpl_img/17/category_title.gif) no-repeat;
background-position:6px; 
color:#FFF; 
/*商品カテゴリー名・商品名文字色(商品詳細・商品一覧結果共通)*/
/*font-weight:bolder;
 font-size:150%;
padding:7px 30px; */


.category_title {
   border-bottom: solid 3px #663300;
  border-left: solid 10px #663300;
  padding-left: 20px;
  color: #663300;  
            font-weight:bolder;
           font-size:150%;
 }

/* 商品名の前に付くNEWマークの位置」*/
.new_mark_img1 {
  vertical-align: middle; 
}


dd#group-list {
	border-top: dotted 2px;
	padding:0px;
	margin:0px;
	height:1px;
	line-height:0px;
}

.group-list-link {
	margin:5px 0px 0px;
}

/* ************************************************ 
 *	商品一覧ページ
 * ************************************************ */

/* 会員価格の表示 商品一覧用 */
.regular_price_all {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_all {
	padding:0px;
}

.discount_rate_all {
	padding:2px 0px 0px;
	color:#ff0000;
}
/* ************************************************ 
 *	商品詳細ページ
 * ************************************************ */

div.detail {margin:10px 0;}

div.detail_img {width:100%;text-align:center;}

div.detail_img img {max-width:600px;max-height:600px;}

/* ------------------------------------- 
 *	商品のスペック表
 * ------------------------------------- */

table.spec {
	background:#C0C0C0;/*商品価格表-罫線の色*/
	width:100%; 
}

table.spec th {
	background:#E3DDC8;/*商品価格表右側セルの背景色*/
	padding:5px;
	width:100px;
	color:#422100;/*商品価格表右側セルの文字色*/
	font-weight:normal;
	text-align:left;
}

table.spec td {
	background:#FFF;/*商品価格表左側セルの背景色*/
	padding:5px;
}

table.spec table.num td {padding:0px;}

table.spec td.sales {
	color:#CC0000;/*商品価格表-販売価格の文字色*/
	font-weight:bolder;
}

/* 「カートに入れる」ボタン */
div.cart_in {
	text-align:right; margin-top:10px;
}
div.cart_in img {
	width:150px; text-align:right; 
}

/* 「クイック購入」ボタン 20191028非表示
div.quick_konyu {
	text-align:left; margin-top:10px; margin-left:243px;
}
div.quick_konyu img {
	width:135px; height:25px;  text-align:left; 
}
*/

/* 商品の説明 */
div.explain {margin:10px 0;}

/* 「この商品について問い合わせる」等のボタン */
div.etc {
	text-align:center;
	margin-top:10px;
}
div.etc img {
margin:5px;
	}
	

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:right;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}


/* 会員価格の表示 商品詳細用 */
.regular_price_detail {
	padding:0px 0px 2px;
	text-decoration:line-through;
}

.price_detail {
	padding:0px;
}

.discount_rate_detail {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

div.tb {margin-bottom:20px;}

div.tb div.title {
	color:#8F826C;
	font-size:14px;
	background:url(https://img.shop-pro.jp/tmpl_img/17/arrow.gif) no-repeat;
	background-position:left;
	border-bottom:2px dotted #8F826C;
	padding-left:15px;
	margin-bottom:10px;
}

/*ベージュの背景色エリア*/
div.area_bg {
	background:#F6F1E6;
	margin:0px 10px 0px 10px;
}

/*トラックバック本文レイアウト*/
div.tb div.tb_area {
	padding:10px 15px 15px 15px;
}

div.tb div.tb_area span {
	font-size:10px;
	color:#8F826C;
	margin-right:30px; 
}

div.tb div.tb_area p.tb_title {
	border-top:1px dotted #8F826C;
	font-weight:bolder;
	padding:5px 0;
}


/* ************************************************ 
 *	商品検索結果
 * ************************************************ */

.search_result {
	margin:5px 20px 20px 20px;
}

/*検索条件の文字の色*/
.search_result strong {
	color:#FF6600;
}

/* 会員価格の表示 商品検索結果用 */
.regular_price_search {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_search {
	padding:0px;
}

.discount_rate_search {
	padding:2px 0px 0px;
	color:#ff0000;
}

/* ************************************************ 
 *	その他のページ
 * ************************************************ */

/* ------------------------------------- 
 *	オプション在庫・値段表
 * ------------------------------------- */

div#option {
	padding:10px;
	background:#FFF;
}

table.option {
	margin:20px auto;
	background:#CCC;
	}


table.option th {
	background:#DDD;
	text-align:left;
	font-weight:normal;
	border:2px solid #FFF;
}


table.option td {
	background:#FFF;
	padding:3px;
	}

.option_btn {
	text-align:center;
	}

/* 会員価格の表示 オプション用 */
.regular_price_stock {
	padding:0px 0px 2px;
	font-size:11px;
	text-decoration:line-through;
	color:#666666;
}

.price_detail_stock {
	padding:0px;
}

.discount_rate_stock {
	padding:2px 0px;
	color:#ff0000;
}


/* ------------------------------------- 
 *	特定商取引法に基づく表記
 * ------------------------------------- */

table#shop {
	width:100%;
	margin:10px auto 20px auto;
	border:1px #C0C0C0 solid;
 
}

table#shop td,th {padding:5px;}

table#shop td {padding-right:15px;}

table#shop th {
	width:150px;
	background:#F0F0F0;
	text-align:left;
	font-weight:normal;
}

/* ------------------------------------- 
 *	支払い方法・配送方法について
 * ------------------------------------- */

.sk {
	width:100%;
	margin:10px auto 20px auto;
	border:1px #C0C0C0 solid;
	}

.sk .title_sp {
	padding:2px;
	}
	
.sk .title {
	font-weight:bolder;
	background:#F0F0F0;
	padding:5px;
	}

.sk .title img {margin:3px;}

.sk .note {
	padding:5px 15px 5px 10px;
	}

.payment_img {
	margin:3px;
	}


/* ------------------------------------- 
 *	プライバシーポリシー
 * ------------------------------------- */

div#privacy {
    
	margin:10px auto 20px;
	border:1px #C0C0C0 solid;
}

div#privacy .title_sp {
	padding:2px;
	}

div#privacy .title {
	font-weight:bolder;
	background:#F0F0F0;
	padding:5px;
}


div#privacy .note {
	padding:5px 15px 5px 10px;
}

/* -------------------------------------
*     商品オプション 表形式2019/10/26追加
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}

/* -------------------------------------
*     商品オプション 表形式2019/10/26追加終わり
* ------------------------------------- */

/* ************************************************ 
 *	フリーページ 02(カートの使い方）
 * ************************************************ */

.cart_contents01
{	
 background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_line.gif); background-repeat: no-repeat; background-position: center bottom;height: auto; width: 635px; margin: 0px; padding: 10px 0px 10px 0px;	
}

.cart_contents02
{
height: auto; width: 635px; margin: 0px; padding: 10px 0px 10px 0px;	
}

.img_float {
float: left; margin: 0px; padding: 10px 0px 0px 20px;	
}

.p_float {
margin: 0px; padding: 10px 30px 0px 320px; height: auto; line-height: 160%; font-size: 95%;
}

.br_float {
clear: left;
}
.p_wide {
margin: 0px; padding: 10px 30px 0px 20px; line-height: 160%; font-size: 95%;
}
.img_wide {
margin: 0px; padding: 10px 0px 0px 20px;
}







/* ************************************************ 
 *	フリーページ 05（プロフィール)
 * ************************************************ */

.prof_contents01 {
background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_line.gif); background-repeat: no-repeat; background-position: center bottom;height: auto; width: 595px; margin: 0px; padding: 10px 20px 10px 20px;	
}

.prof_contents02 {
;height: auto; width: 595px; margin: 0px;	padding: 10px 20px 10px 20px;	
}

.prof_contents01 h3, .prof_contents02 h3 {
color: #325536; font-weight: bold; text-align: center; margin: 0px; padding: 0px;	
}

.prof_contents01 p ,.prof_contents02 p{
color: #45301F; font-size: 90%;	line-height: 160%; margin:0px;	padding: 10px 0px ;
}

.prof_contents02 img ,.prof_contents01 img{
margin:0px; padding :10px; float:left; border-width: 0px; 
}


/* ************************************************ 
 *	フリーページ 09（味で選ぶ)
 * ************************************************ */

#free_select {
width: 635px; height: auto; margin: 0px; padding: 0px; 
}

#select_left {
float: left; width: 276px; padding: 0px 10px 0px 20px;
}

#select_right {
float: left; width: 276px; padding: 0px 10px 0px 20px;	
}

#free_select h3 {
color: #325536; font-weight: bold; text-align: center; margin: 0px; 
padding-top: 10px; padding-bottom: 10px;	
}


#free_select h4 {
padding: 5px 0px 5px 20px; font: bold 100% #503723; background: url(https://img16.shop-pro.jp/PA01096/427/etc//link_02.gif) no-repeat left center; margin-left: 20px;
}

#free_select p {
font-size: 95%; line-height: 160%; margin:0px; padding: 0px 20px 10px 20px;	
}







/* ************************************************ 
 *	フリーページ　共通
 * ************************************************ */

#free_page {
  width: 670px; float: right; height: auto; margin:0px; padding:2px 0px 0px 0px
}

#free_page h2 {
  border-bottom: solid 3px #663300;
  border-left: solid 10px #663300;
  padding-left: 20px;
  color: #663300;
}

#free_page h3 {
  text-align: left;
  font-size: 14px;
  padding-left: 10px;
  background-color:#F0F0F0;  
  margin-bottom: 5px;  
}

#free_page p {
  color:#333333;
}

.float_l {
	float: left; padding: 0; margin: 0px;
}
.float_r {
	float: right;  padding: 0; margin: 0px;
}

.clear_b {
  clear: both;
}

.clear_l{
    clear: left;
}

.clear_r{
    clear: right;
}

/* ************************************************ 
 *	フリーページ 07（店舗案内)
 * ************************************************ */
#tenpo {
  width: 670px; height: auto; margin: 10px 0 0 0; padding: 0px; 
}


#tenpo img {
margin:0px; padding :5px  0 15px 0; 
}

 .eigyou table{
width:100%; margin: 0px auto 10px auto; border-collapse: collapse; border: 1px solid #ccc; line-height: 1.5;
}

.eigyou caption{
color: #325536; font-weight: bold; text-align: center; margin: 0px; padding: 0px;
}

.eigyou th {
  width: 20%;
  padding: 10px;
  font-weight: bold;
  background-color: #feedf3;
  text-align: center;
  border: 1px solid #ccc;

}

.eigyou td {
  width: 80%;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  border: 1px solid #ccc;
}



/* ************************************************ 
 *	フリーページ 06(卸先様店舗一覧)
 * ************************************************ */

#tenpoichiran {
width: 670px; height: auto; margin: 10px 0 0 0; padding: 0px; 
}

.tenpoichiran_left {
float: left; width: 315px; padding: 0 10px 0 0 ;
}

.tenpoichiran_right {
float: left; width: 315px; padding: 0 10px 0 10px;
border-left: 1px dotted #CDBD8B;
}

#tenpoichiran h3 {
background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_orosisaki01.gif?cmsp_timestamp=20190520153825);
background-repeat: no-repeat; background-position: 5px center; background-size: 20px 20px;
border-top: 1px dotted #CDBD8B; border-bottom: 1px dotted #CDBD8B;
margin:10px 0px 0px 0px; padding: 2px 0px 0px 30px;
height: auto; font: bold #325536; text-align: left;
}

#tenpoichiran h4 {
background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/tenpoitiran_01.gif?cmsp_timestamp=20181122132950); background-repeat: no-repeat; background-position: 5px center; margin:5px 0px 0px 0px; padding: 2px 0px 0px 20px; height: auto; font: 95% #503723; text-align: left; 
}

#tenpoichiran .tpname {
font-size: 110%; line-height: 120%; margin:5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold;
}

#tenpoichiran p {
font-size: 95%; line-height: 160%; margin:0px; padding: 0px 0px 0px 0px;	
}

/* *************************************************** 
 *	フリーページ 1(業務用コーヒーのご案内)
 * *************************************************** */


#oroshi h4 {
	font-size: 100%; font-weight: bold;	padding: 5px 0px 0px 0px;margin: 0px;
}

#oroshi h5 {
    font-size: 95%; font-weight: bold;	width:670px; text-align:center; padding: 0px; margin: 0px;
}

#oroshi p {
	font-size: 95%;　line-height: 140%;　color: #45301F;	margin: 0px;
	padding: 5px 10px 5px 0px;
}

ul.gyousyu {
	height: auto; width:670px; margin: 0px; padding: 0;
} 
.gyousyu li {
  float: left; margin: 0 10px 5px 0;
}

.gyousyu img {
  width:160px;
}

.gyousyu li:nth-child(4n) {
  margin-right: 0;
}



p.soudan {
  width:100%;display:inline-block;line-height:2;font-size:30px; font-weight:bold; text-align:center; background-color:#F16671; border-radius:15px;
}

.dounyuu ul{
margin:0px 0px 0px 20px;padding:15px 0px 5px 20px; display:inline-block;
}

.dounyuu li{
list-style-type: square; font-size:90%;
}



img.dounyuu {
display: block; margin-left: auto; margin-right: auto; padding:10px 0px 10px 0px;
}

img.db{
 margin:0px 10px 0px 0px;padding:0px; width:250px;
}

img.haitatsu {
text-align:center; margin: 10px 0; padding: 0;
}

.ryoukin {
 width:670px ;margin:10px 0;
}

 .ryoukin table {
width:670px; border-collapse: collapse;　border: 1px solid #333333;　margin: 10px auto; 
}
 
#juuryou {
 width:90px; text-align:center; vertical-align:middle;
} 

#houhou {
 width:175px; text-align:center; vertical-align:middle;
} 

#kingaku {
 width:230px; text-align:center; vertical-align:middle;
} 

.ryoukin caption{
font-weight: bold; text-align: center; margin:auto; padding: 0px;
}

.ryoukin th {
 padding: 10px; border: 1px solid #333333; background-color: #AFE0E8;  text-align: center;
}

.ryoukin td {
 padding: 7px;  border: 1px solid #333333; vertical-align: middle;
}

.aka {
 color:#FF0000; font-weight:bold;
}

.migi {
  text-align:right;
}

/* ************************************************ 
 *	フリーページ 14（豆匠について)
 * ************************************************ */
#aboutus p{
 font-size: 90%; line-height: 160%; margin:0px; padding: 10px 0px ;

}

.aboutus_content h3 {
  clear:both;
}

.aboutus_content img {
  float:left; width:350px; height:245px; margin:10px 10px 10px 0;
}

.aboutus_content p {
 width:300px; float:right; font-size: 90%; line-height: 160%; margin:0px; padding: 10px 0px ;
  display:inline-block;
}

/* *************************************************** 
 *	フリーページ 04(スペシャルティーコーヒー)
 * *************************************************** */

#sp_coffee {
  width:670px; margin: 0 auto; padding:0;
}

.sp_coffee_content {
  width:670px; 
}

.sp_coffee_content h3 {
  clear:both; margin-top:10px;	
	}

.sp_coffee_content img {
  width:300px; margin:10px 0 10px 10px; padding:0;
}

.sp_coffee_content p {
	 width:360px;  font-size: 90%; line-height: 160%; margin:10px 0 ; padding: 0px ;
  
}

p.no_img {
  clear:both; width:670px;; 
}

/* ************************************************ 
 *	フリーページ03（会員メニュー）
 * ************************************************ */




.kaiin_contents01 {
  height: auto; width: 670px; margin: 0px; padding: 10px 0px 10px 0px;	
}

.kaiin_contents01 dt {
  font-size: 14px; font-weight:bold; color:#333333; padding:5px 0 0 0;
}

.kaiin_contents01 dd {
  font-size: 90%; line-height: 160%; color:#333333; padding: 0px;
}

.kaiin_contents02{
height: auto; width: 670px; margin: 0px; padding: 10px 0px 10px 0px;	
}

.kaiin_contents01 p {
 font-size: 90%; line-height: 160%; padding: 0px;
}

.kaiin_contents02 p {
font-size: 90%; line-height: 160%; text-align: left; margin:0px;
padding: 10px 0px; 
}

.kaiin_contents02 dl {
  width:670px; height:auto;clear:both;
}

.kaiin_contents02 dt {
   font-size: 90%; color:#663300; font-weight:bold; padding:5px 0 0 0;background-color:#DDD3A4;
   border-radius:15px; width:180px; float:left; margin-top:5px; padding: 5px;clear: left; text-align:center; display:table-cell; vertical-align:middle;
}

.kaiin_contents02 dt:hover {
  color:#663300; background-color:#F0F0F0; border:1px solid #663300;
}
.kaiin_contents02 dd {
  font-size: 90%; line-height: 160%; width:465px; float:right; padding: 5px;margin-bottom:10px;
}


/* ************************************************ 
 *	フリーページ 11（焙煎度合いで選ぶ)
 * ************************************************ */

#baisen-select {
  width:670px; margin: 0 auto; padding:0; color:#333333;
}

#baisen-select h3 {
  margin-top:10px;
}

#baisen-select p {
  font-size: 90%; line-height: 160%; margin:0px; padding: 10px 0px ;
}



 table.baisenhyou {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #666666;
  font-size:90%;
  color:#333333;
}

 .baisenhyou caption {
  font-size:1.1em;
  font-weight:bold;
}

 .baisenhyou tr {
  border: 1px solid #666666;
}

.baisenhyou td {
  border: 1px solid #666666;
}

 .baisenhyou td:nth-child(2) {
  width:18%; font-weight:bold; padding-left:5px; color: #663300;
}

 .baisenhyou td:nth-child(3) {
  width:18%; font-weight:bold; padding-left:5px; color: #663300;
}


.baisenhyou img {
  width:130px;
  padding:5px;
}

td.roastname {
  width:45%;
  height:50px;
  background-size: 30px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  padding-left: 40px;
  color:#CC172D;
   font-weight:bold;
}

td.roastname a {
    text-decoration: none;
}
td.roastname a:hover {
    font-weight:bold;
    font-size: 1.1em;
}

td.tokutyou { 
  padding:0 10px; border-top:
}

td.kimame {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-kimame100.jpg?cmsp_timestamp=20201112141859);
}

td.light {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-light100.jpg?cmsp_timestamp=20190604150835);
}

td.medium {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-medium100.jpg?cmsp_timestamp=20190604153307);
}

td.mediumhigh {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-mediumhigh100.jpg?cmsp_timestamp=20190604153319);
}

td.high {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-high100.jpg?cmsp_timestamp=20190604153336);
}

td.city {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-city100.jpg?cmsp_timestamp=20190604153350);
}

td.fullcity {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-fullcity100.jpg?cmsp_timestamp=20190604153404);
}

td.french {
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_baisen-serect-french100.jpg?cmsp_timestamp=20190604153419);
}

.hover-effect {
	width:			140px;
	height:			140px;
	overflow:		hidden;
	margin:			5px;
	position:		relative;	/* 相対位置指定 */
}
.hover-effect .caption {
	font-size:		90%;
	text-align: 		center;
	padding-top:		50px;
	color:			#fff;
}
.hover-effect .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.hover-effect:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

/* ************************************************ 
 *	フリーページ 12（交通アクセス)
 * ************************************************ */

#access h3{
  margin-top:10px;
}

.access_car {

}

/*
.access_car h3 {  
  padding: 0; 
  color: #663300;  
   display: inline-block;
  vertical-align: middle;
  
}

.access_car h3:before {
content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(https://img16.shop-pro.jp/PA01096/427/etc/free_access_h3-car.gif?cmsp_timestamp=20200602133342);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  padding-right: 10px;
  position:relative;
    top:3px;
}
*/

#access h4{
 border-left: 8px solid #663300; border-bottom: 2px dotted #663300;
  margin-left: 5px; padding :0 50px 0 5px;
}

.access_tenpo-jouhou p {
  font-size: 90%; line-height: 1.5; margin:0px; padding: 5px 05px 5px ;
}



.car_directions {
  width:670px; margin: 5px 0; border-bottom:1px dotted #E3DDC8;
}

.car_directions h5 {
  display: inline-block; background-color: #B8FFF1; padding: 2px; font-size: 0.9em; font-weight:600;
}

.car_directions-left {
  float:left; width:200px; margin: 5px 0;　  
}

.car_directions-left p {
  padding: 5px; font-size:0.9em;  font-weight:500; border:1px dashed #c0c0c0; display: inline-block;
}


.car_directions-right {
  float:right; width:450px; margin: 5px 0;　
  }

.car_directions-right ul {
 list-style-position: inside; list-style-type:disc; padding 0;display: inline-block;
}

.car_directions-right li {
  list-style-position: inside; list-style-type:disc; padding:5px 0 0 5px;  font-size: 0.9em; line-height: 2; display: inline-block;
 
}

.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align:middle;
  margin:5px;
}
/* 円の大きさ */
.size_normal{
  width:20px;
  height: 20px;
}
/* 文字の大きさ */
.letter {
  font-size: 1.2em;  line-height: 1.2em;
}
/* 円と文字の色 */
.pink {
  color: #F40BE9;
  border: 3px solid #F40BE9;
}

.access_from_station h5 {  
   font-size: 1em;  line-height: 1.2em; margin: 5px 0 ;
}


.access_syosai-map {  
}

.access_syosai-map-left {
   float:left; width:239px; margin: 5px 0;　 
}

.access_syosai-map-left h4{
  display: inline-block;  border-left: 8px solid #663300; border-bottom: 2px dotted #663300;
  margin-left: 5px; padding :0 50px 0 5px;
}


.access_syosai-map-left p {
  margin: 5px 0 0 5px; padding: 5px; font-size:0.9em;  font-weight:500; border:1px dashed #c0c0c0; display: inline-block;
}

.access_syosai-map-right {
   float:right; width:426px; margin: 5px 0;
}

  ol.station_directions {
  list-style: none;
  padding: 0;
  font-size: 0;     /* 謎の空白を消す!*/
}

ol.station_directions p {
  text-align: left;
  font-size: 11px;
  padding-left: 5px;
  width:207px;
  margin-bottom: 5px;
  
}
ol.station_directions img {
  width: 212px;  height: 142px;
}


ol.station_directions li {
  float: left;
  margin: 0 17px 5px 0;
}


ol.station_directions li:nth-child(3n) {
  margin-right: 0;
}

.access_mokuji {
  width: 668px;background-color:#FCFCFA; border:1px dotted #E3DDC8;
}

.mokuji_oya-ul {
  padding: 0 0 0 15px; width: 650px;  font-size: 0.9em; line-height: 1.5;
  border-bottom:1px dotted #E3DDC8;
}

.mokuji_oya-li {
  list-style-type: none; 
}
.mokuji_midashi {
  float: left; width: 250px; display: inline-block; padding: 10px 0 0 0;
}

.mokuji_ko-ul {
  width:250px; float: right;
}

.mokuji_ko-li {
 list-style-type: disc; font-size: 1em; line-height:1.2; padding: 0 0 10px 0;
}

.mokuji_ko-li:first-child {
  padding-top: 10px;
}

.mokuji_ko-li a {
  text-decoration: underline; color: #333; display: inline-block; line-height:1.2;
}

.mokuji_ko-li a:hover {
  font-weight: 600; color: #333;
}

a.mokuji_anchor {
    display: block;
    padding-top: 10px;
    margin-top: -10px;
}



/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}

/* ************************************************ 
 *	フリーページ 08(サイトマップ)
 * ************************************************ */

#sitemap {
width: 670px; height: auto; margin: 10px 0 0 0; padding: 0px; 
}

.sitemap_left {
float: left; width: 315px; padding: 0 10px 0 0 ;
border-right: 1px dotted #CDBD8B;
}

.sitemap_right {
float: left; width: 315px; padding: 0 10px 0 10px;
}

#sitemap h2 {
  margin-bottom:0;
}

#sitemap h3 {
  text-align: left;
  font-size: 120%;
  padding-left: 10px;
  background-color:#F0F0F0;  
  margin-top: 10px;  
}

#sitemap h4 {
	font-size: 100%; font-weight: bold;	padding: 0px 0px 0px 15px;margin: 10px 0 0 0;
}

#sitemap a {
  font-size: 95%; line-height: 200%; margin:0px; padding: 0px 0px 0px 0px; color:#663300;
  text-decoration:underline;
}

#sitemap a:hover{
  font-size: 95%; line-height: 200%; margin:0px; padding: 0px 0px 0px 0px; color:#CC3300;
  text-decoration:underline; font-weight:bold;
}

#sitemap ul {
margin:0; padding:0; 
}

#sitemap li {
margin:0; padding:0 0 0 25px;	
}

/* ************************************************ 
 *	フリーページ 18（コーヒー味わいチャート図)
 * ************************************************ */
#coffee-chart p{
 font-size: 90%; line-height: 160%; margin:0px; padding: 10px 0px ;

}

.aboutus_content h3 {
  clear:both;
}

.aboutus_content img {
  float:left; width:350px; height:245px; margin:10px 10px 10px 0;
}

.aboutus_content p {
 width:300px; float:right; font-size: 90%; line-height: 160%; margin:0px; padding: 10px 0px ;
  display:inline-block;
}


/* スマホ閲覧時PC表示からスマホ表示に戻るリンク */
.smh-hyouji {
  width:100%; height: auto; background-color: #663300; text-align: center;
}
.smh-hyouji a {
 display: block; color:#FFF; font-weight: 600; font-size: 1.8em; line-height:45px; text-decoration: none;
 
}

.smh-hyouji img {
  width:30px; margin: 10px 20px 10px 0; vertical-align: middle;
}