@charset   "UTF-8";
@media screen and (min-width:600px) and ( max-width:959px) {


/* medium用・ヘッダー*/ 

#headerbg {
 width:100%; 
   background-image : url(haikei-yane2.png);
  background-repeat : repeat-x;
} 

#header{
  max-width:1000px;     
  height : auto;  
  margin-left : auto;
  margin-right : auto;
  overflow : hidden;
}  

#info{
  font-size : 9pt;
  text-align : right;
  width : 100%;
  font-weight : normal;
  color : white;
}

#icon{
  max-width : 1000px;  
  height : 180px;
}

img.i-con{
  width : 13%;
  height : auto;
  padding-left : 1%;
  padding-right : 1%;
  padding-bottom : 1%;
}

.pankuzu{
  text-align : left;
  width : 1000px;
  font-size : 11pt;
  letter-spacing : 2px;
  margin-bottom : 20px;
  color : #493629;
}

.cha{
  color : #493629;
}

body{
	margin-top : 0px; 
   margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
   font-family:"Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
     font-size : 14pt;
  line-height : 1.5;
  letter-spacing : 1pt;
 background-image: url(../../img/hok.png);
   background-repeat : repeat;
}

#wrapper{
  max-width:960px;
  height : auto;
  margin-left : auto;
  margin-right : auto;
  
}

#iconbox{
  width:100%;
  margin-top:2%;
}

img.on-icon{
  width : 20%;
  height : auto;
  margin:0;
  float: left; 
}

img.on-100{
  width : 100%;
  height: auto;
}

#onlinecontents{
  width : 100%;
  height : auto;
  margin-bottom: 80px;
  overflow: hidden;
  font-family: "メイリオ";
}

/*** 右側 ***/

#products{
  width : 69%;
   height : auto;
   margin-top:4%;
   margin-right: 1px;
    float : right;
  text-align : center;
  overflow: hidden;
  border-width : 1px;border-style : solid;border-color : silver;
  
}

#products-name{
  width : 96%;
  height : auto;
  margin-bottom : 30px;
   padding-top : 15px;
  padding-left : 2%;
  padding-right : 2%;
  overflow: hidden;
 }

#picture-box{
  width : 92%;
  height : auto;
  margin: 0 auto;
  overflow: hidden;
}

#main-picture{
  float : left;
  width : 73%;
}

#sub-picture{
  float : right;
  width : 23%;
  margin-left: 4%;
}

#bran-main-picture{
  width : 96%;
  margin-top: 3%;
  padding-left: 2%;
  padding-right: 2%;
}

#bran-sub-picture{
  width : 96%;
  margin-top: 3%;
  margin-bottom: 2%;
  padding-left: 2%;
  padding-right: 2%;
}

#set-main-picture{
  width : 86%;
  padding-left: 7%;
  padding-right: 7%;
}

.set-sub-picture{
  width : 86%;
  margin-top: 3%;
  margin-bottom: 2%;
  padding-left: 7%;
  padding-right: 7%;
}

/*** ちょい足しセットメイン画像 ***/
#set-choi-picture{
  width : 86%;
  margin-bottom: 2%;
  padding-left: 7%;
  padding-right: 7%;
}

img.s-p{
  width : 98%;
  height: auto;
  padding-bottom: 12%;
}

/*** ベーグル説明文 ***/
#products-info{
  font-size : 12pt;
  text-align : left;
  width : 90%;
  padding: 0 5% 15px 5%;
  overflow: hidden;
  text-indent: 1em;
}
/*** 説明文・注意書き ***/
.info-kome{
    color: #d75300;
    padding-left: 1em;
    text-indent: -1em;
    display: block;
}
/*** 説明文・ひと言メモ ***/
.info-memo{
    font-size: 16px;
    color: #d75300;
    display: block;
}

/*** ベイクドチーズケーキタイトルバナー ***/
.cc-title{
  margin-bottom: 30px;
}
/*** ベイクドチーズケーキ・商品のお取り扱いについて ***/
.toriatsukai-bazo{
  margin-bottom: 30px;
  display: block;
}

#buy{
  width : 98%;
  height: auto;
  margin-left: 1%;
  margin-right: 1%;
  padding-top : 20px;
  text-align : left;
  overflow: hidden;
}

/*** ↓↓価格↓↓  ***/
#price{
  width : 35%;
  margin-left: 5%;
  padding-bottom : 2%;
  float : left;
  text-align : center;
  overflow: hidden;
}
.kakaku{
  width :90%;
  font-size : 11pt;
  letter-spacing : 10pt;
  text-align : center;
  background-color : #3a532d;
  color : white;
}
.zeinuki-kakaku{
  width : 70%;
  margin-bottom: -5px;
  margin-left: 13%;
  margin-right: 17%;
  font-size : 16pt;
  font-weight : bold;
  text-align : center;
  letter-spacing: 0em;
  color : #cc0000;
}
.suji-zeikomi{
  width : 100%;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0em;
}
.suji{
  font-size : 16pt;
  font-weight : bold;
  color : #cc0000;
}
.zeikomi{
  padding-top : 6px;
  font-size : 10pt;
  font-weight: normal;
  color: #000000;
}
/*** ↑↑価格↑↑  ***/

/*** ↓↓価格(セール)↓↓ ***/
#sale-price{
  float : left;
  width : 40%;
  padding-bottom : 2%;
  text-align : center;
  overflow: hidden;
}
.sale-kakaku{
  width :70%;
  margin-left: auto;
  margin-right: auto;
  font-size : 13pt;
  letter-spacing : 0.2em;
  text-align : center;
  border: 2px solid #cc0000;
  color : white;
}
.kikan{
  padding: 4% 3% 3% 3%;/* 設定順番:上・右・下・左; */
  background-color : white;
  color : #cc0000;
  display: block;
}
.tokubetsu{
  padding: 4% 3% 1% 3%;/* 設定順番:上・右・下・左; */
  background-color : #cc0000;
  display: block;
}
/*** セール価格  ***/
.sale-zeinuki-kakaku{
  width : 98%;
  margin-bottom: -5px;
  margin-left: auto;
  margin-right: auto;
  text-align : center;
  letter-spacing: 0em;
  font-size : 18pt;
  font-weight : bold;
  color : #cc0000;
}
.sale-zeikomi{
  margin-top : 6%;
  margin-left: 2%;
  font-size : 10pt;
}
/*** セール前の通常価格  ***/
.sale-mae-zeikomi{
  width : 95%;
  margin: 0 auto;
  text-align : center;
  font-size : 13pt;
}
.komi-zeikomi{
  margin-top: 2%; 
  padding-right: 6%; 
  font-size : 10pt;
}
/*** ↑↑価格(セール)↑↑  ***/

#cart{
  width : 58%;
  margin-right: 2%;
  float : right;
  overflow: hidden;
}

input[type="text"]{
  width: 14%;
  height: 4%;
  margin-top: 4%;
  margin-right: 6%;
}

input[type="image"]{
  width: 100%;
}

.on-70{
  width : 70%;
  height : auto;
  float: right;
  padding-right: 10px;
  text-align: center;
 }
.on-70:hover {
  opacity: 0.5;
}

/*** ↓↓ 道民17個セット ↓↓  ***/
.doumin-hissu{
  margin-bottom: 15px;
  display: block;
}
.doumin-hissu span{
  font-size: 10.5pt;
  margin-right: 5px;
}
.doumin-hissu input[type="text"]{
  width: 13%;
  height: 4%;
  margin-top: 8%;
  margin-right: 6%;
  float: left;
}
.cyui{
  text-align: right;
  font-size: 10pt;
  margin-bottom: 10px;
  margin-right: 5%;
}

/*** ↓↓価格・カート(ギフト)↓↓  ***/
#sentaku-price{
  width : 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align : center;
  overflow: hidden;
}
.sentaku-kakaku{
  width :90%;
  margin-left: 5%;
  margin-right: 5%;
  font-size : 11pt;
  letter-spacing : 10pt;
  text-align : center;
  background-color : #3a532d;
  color : white;
}
.sentaku-suji-zeikomi{
  width : 100%;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0em;
}
.sentaku-suji{
  font-size : 16pt;
  font-weight : bold;
  color : #cc0000;
}
.sentaku-zeikomi{
  padding-top : 6px;
  font-size : 10pt;
  font-weight: normal;
  color: #000000;
}
#sentaku-cart{
  width : 98%;  
  margin: 10px 1% 10px 1%;/* 設定順番:上・右・下・左; */
  text-align: center;
  overflow: hidden;
}
.on-sentaku{
  float: right;
  width : 50%;
  height : auto;
  margin-right: 8%;
  padding-right: 10px;
  text-align: center;
 }
.on-sentaku:hover {
  opacity: 0.5;
}
/*** ↑↑価格・カート(ギフト)↑↑  ***/

/*** 選択肢付きメニュー親BOX ***/
.sentaku-all{
   width: 90%;
   height: auto;
   padding-left: 5%;
   padding-right: 5%;
   font-size: 10.5pt;
   line-height: 1.2em;
}

.sn{
   margin-top: 10px;
   display: inline-block;
}

.sentaku-input{
   width: 60%; 
   max-width: 225px;
   margin: 0 20% 10px 20%;
   text-align: left;
   display: inline-block;
}
.bikou{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align: left;
  line-height: 1.5em; 
  color: #ff7d0f;
  display: inline-block;
}

/*** 同梱親BOX ***/
.doukon-all{
   width: 98%;
   height: auto;
   margin-top: 15px;
   padding-left: 1%;
   padding-right: 1%;
   padding-bottom: 10px;
   overflow: hideen;
   font-size: 12pt;
}

/*** ちょい足しセット用 ***/
.doukon-choitashi-gazo{
   width: 100%;
   height: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   overflow: hideen;
}

.doukon-set-gazo{
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   overflow: hideen;
}
/*** セット用 ***/
.doukon-set-gazo-1{
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   overflow: hideen;
   display: none;
}
/*** セット用 ***/
.doukon-set-gazo-2{
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   overflow: hideen;
   display: none;
}
/*** セット用 ***/
.doukon-set-gazo-3{
   width: 100%;
   height: auto;
   margin-bottom: 10px;
   overflow: hideen;
}

/*** ちょい足しセット用 ***/
.doukon-set{
   width: 100%;
   height: auto;
   padding-bottom: 2%;
   overflow: hideen;
   display: inline-block;
}

/*** セット用 ***/
.doukon-choitashi-set{
   width: 100%;
   height: auto;
   padding-bottom: 2%;
   overflow: hideen;
   display: inline-block;
}

/*** セット用 ***/
.r-choitashi-gazo{
   float: left;
   width: 32%;
   margin-top: 1%;
   margin-left: 1%;  
}

/*** セット用 ***/
.r-doukon-solo{
   width: 90%;
   margin-top: 2%;
   margin-left: 5%;
   margin-right: 5%;
}

/*** セット用 ***/
.r-solo-cart{
   float: left;
   width: 20%;
   overflow: hidden;
}

/*** セット用 ***/
.line-solo{
  width : 99%;
  height : auto;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left:1% ;
  margin-top: 2%;
  color : #58463f;
  background-color : #c5ad67;
  text-align : left;
  vertical-align : middle;
  font-weight : bold;
  font-size : 13pt;
}

/*** ちょい足しセット用 ***/
.r-set-gazo{
   float: left;
   width: 49%;
   margin-top: 1%;
   margin-left: 0.5%;
   margin-right: 0.5%;  
}

/*** セット用 ***/
.d-cart-gazo-moji{
   width: 60%;
   padding-top: 5%;
   overflow: hidden;
}

/*** セット用 ***/
.d-cart-gazo{
   float: left;
   width: 25%;
   padding-left: 5%;
}

/*** セット用 ***/
.d-cart-moji{
   float: right;
   width: 65%;
   padding-left: 5%;
   text-align: left;
   font-size : 11pt;
}

/*** セット用 ***/
.d-cart-gazo-moji-m{
   width: 74%;
   padding-top: 5%;
   padding-left: 3%;
   padding-right: 3%;
   overflow: hidden;
}

/*** セット用 ***/
.d-cart-gazo-m{
   float: left;
   width: 20%;
}

/*** セット用 ***/
.d-cart-moji-m{
   float: right;
   width: 75%;
   padding-top: 4%;
   padding-left: 5%;
   text-align: left;
   font-size : 11pt;
}

/*** セット用 ***/
.d-cart-gazo-moji-l{
   width: 82%;
   margin-left: 9%;
   margin-right: 9%;
   padding-top: 2%;
   overflow: hidden;
}

/*** セット用 ***/
.d-cart-gazo-l{
   float: left;
   width: 18%;
}

/*** セット用 ***/
.d-cart-moji-l{
   float: right;
   width: 77%;
   padding-left: 5%;
   text-align: left;
   font-size : 11pt;
}

/*** レビュー親BOX ***/
#review{
  padding-top: 15px;
  margin-bottom: 15px;
  margin-left: 3%;
  margin-right: 3%;
  clear: both;
}

/*** レビュー商品名 ***/
div.e-shop-review div.e-rev-box1 p.rev-item-name{ 
  font-size: 15pt; 
}

/*** レビュータイトル ***/
div.e-shop-review div.rev-art-box1 span.rev-art-title{
  font-size: 15pt;
}

/*** レビューコメント ***/
div.e-shop-review div.rev-art-box1 p.itemreview-comment{
  font-size: 12pt;
}

#explain{
  width : 96%;
  text-align : center;
  margin-left : 2%;
  margin-right : 2%;
}

.ex0{
   width : 100%;
   height : auto;
  background-color : #703810;
  border:2px;
  border-style: double;
  border-color: #703810;
  font-size : 11pt;
} 

.explain-1a{
  width : 30%;
  height : auto;
  color : white;
  background-color : #703810;
  vertical-align : middle;
  text-align : center;
}

.explain-1b{
  width : 30%;
  height : auto;
  color : white;
  background-color : #623100;
  vertical-align : middle;
  text-align : center;
}

.explain-2{
  width : 68%;
  height : auto;
  padding: 2px;
  padding-left: 5px;
  background-color : white;
  border:1px;
  border-style: double;
  border-color: #703810;
}

.seibun-kome{
  width : 95%; 
  padding-top: 2px; 
  padding-left: 1em;
  text-indent: -1em;
  font-size: 9pt;
  border-top: dashed 1px;
  display: block;
}

.guarantee{
  text-align : left;
  font-size : 12pt;
  €width : 96;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left : 2%;
  padding-right : 2%;
}

.line-k{
  width : 99%;
  height : auto;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left:1% ;
  margin-top: 2%;
  color : #58463f;
  background-color : #c5ad67;
  text-align : left;
  vertical-align : middle;
  font-weight : bold;
  font-size : 11pt;
  
 
}

#oishii{
  width : 100%;
  text-align : center;
}

.oishii{
  font-size : 16pt;
  font-weight : bold;
  color : maroon;
  width : 100%;
 
}

.oishii-2{
   width : 100%;
   margin-top: 5px;
   text-align : left;
  font-size : 12pt;
}

.oishii-li{
  list-style-type: disc;
  margin: 0px;
  padding-left: 20px;
}

.oishii-1{
  display: none;
  width : 100%;
  margin-top: 5px;
  text-align : center;
}

.s-oishii-1{
  display: none;
}

#kessai{
  width : 100%;
  text-align : center;
  overflow: hidden;
}

.p-kessai{
  text-indent: 1em;
  margin-bottom: 1em;
}

em{
  color: #a82400;
}

.kessai-hyou{
  width : 100%;
  height : auto;
  margin-top: 5px;
  background-color : #005100;
  border:1px double #888;
  font-size : 11pt;
  
  
}

.kessai-title{
  width : 28%;
  padding : 1%;
  font-size: 11pt;
  text-align : left;
  vertical-align: top;
  border-top: 1px solid #888 ;
  color: white;
  
}

.kessai-moji{
  width : 68%;
  padding : 1%;
  font-size: 11pt;
  text-align : left;
  border-top: 1px solid #888 ;
  background-color: white; 
} 

/*** 商品代引・aタグ ***/
.k-d{
  text-decoration: none; 
  border-bottom: dashed 1px;
}

.bank-tm{
  width: 100%;
  font-size: 13px;
  overflow: hidden;
}
.bank-t{
  float: left;
  width: 30%;
  max-width: 80px;
}
.bank-m{
  float: left;
  width: 70%;
}

/*** ※印 ***/
.kessai-kome{
   text-align : left;
   padding-left: 1em;
   text-indent: -1em;
   display: inline-block;
}

/*** ※印【銀行振込】 ***/
.bank-kome{
   text-align : left;
   padding-left: 1em;
   text-indent: -1em;
   display: inline-block;
}

#souryou-all{
  width : 100%;
  text-align : center;
}

.souryou-kochira{
  text-align : center;
  font-size : 15pt;
  color: maroon;
  margin-top: 1%;
}

.souryou-1{
  width : 100%;
  margin-top: 5px;
}

.s-souryou-1{
  display: none;
}

.souryou-moji{
  text-align : left;
  font-size : 12pt;
  €width : 96;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left : 2%;
  padding-right : 2%;
}

.set-souryou-moji{
  text-align : left;
  font-size : 12pt;
  €width : 66%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left : 17%;
  padding-right : 17%;
}

h1{
  font-size : 10pt;
  font-weight : normal;
  text-decoration : none;
}

/*** 左側 ***/

#onlinemenu{
  width : 23%;
  float : left;
  margin-top: 4%;
  padding-right : 2%;
  text-align : left;
  overflow: hidden;
}

#category{
  width : 100%;
  padding-bottom : 15px;
}

#category-title{
    width:100%;
   height: 30px;
   padding-top: 5px;
   text-align: center ;
   font-size: 12pt;
   color: white;
   background-color: #6B0003;
}

.category-gazo{
   margin-bottom: 5px;
}

#submenu{
  width : 100%;
}


/*** 非表示用css ***/
h1.on-smart{
  display: none;
}

#iconbox-smart{
  display: none;
}

/* medium用・フッターを幅いっぱいにする為のボックス*/ 
#footerbg {
  width:100%; 
  background-image : url(gb.jpg);
  background-repeat : repeat-x;
   height : auto;
} 
  

/* medium用・フッター*/ 

#footer {
   color : white;  
   height : auto;
   padding-top : 35px;
   padding-bottom : 30px;
   margin-left : auto;
   margin-right : auto;  
   overflow : hidden;
}      
 
#footer-shop{
  font-size: 22pt;
  margin-bottom: 0.5em;
} 
 
.shopinfo{
  font-size : 10pt;
  font-weight : bolder;
  width : 48%;
  text-align : left;
  text-decoration : none;
  height : auto;
  float : left;
  padding-bottom : 15px;
}

.site-map-left-right{
  width: 48%;
  height : auto;
  float: right;
  overflow : hidden;
}

.site-map{
  width : 90%;
  height : auto;
  padding-left: 10%; 
}
  
h4{
  width : auto;
  height : auto;
  margin-top: 15px;
  margin-bottom : 15px;
  letter-spacing : 3px;
  text-align : left;
  color : silver;
  font-weight : normal;
  font-size : 18pt;
  text-decoration : none;
}

.site-map-list{
   list-style-type: disc;
}

.word3{
   text-indent: 1em;
   font-size: 12pt;
}

  
.wh{
  color : white;
}

.bk{
  color : black;
  text-decoration : none;
}

.ud{
  color : black;
  text-decoration:none;
  border-bottom:1px dotted #000;
}

/*** 道民セール・ちょい足しページ用***/
.sale-set-gazo{
  width: 100%;
  margin-bottom: 5px;
}

}