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

/* smart用・ヘッダー*/ 

#headerbg {
  width:100%; 
   background-image : url(gb.jpg);
  background-repeat : repeat-x;
}
#header{
  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{
  width : 100%;
  height : auto;
}

img.i-con{
  width : 29%;
  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;
   display: none;
}

.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;
   background-size: 35%;
}

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

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

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

h1.on-smart{
  padding-top: 12px;
  padding-bottom: 12px;
  font-size : 18pt;
  font-weight : bold;
  line-height: 1em;
  color : white;
  background-color: #6a0000;
  
}

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

#iconbox-smart{
  width:100%;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
   overflow: hidden;
}

a.icon-smart:link{
   color:white;
   
}
a.icon-smart:visited{
   color:white;
   
}

.icon-back{
   width:100%;
   height: 30px;
   padding-top: 10px;
   text-align: center ;
  background: linear-gradient(#704F1A, #A67626);
  border: 1px solid #D5AF5E ;
  overflow: hidden;
  

}

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

/*** 上側 ***/

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

#products-name{
  width : 96%;
  height : auto;
  margin-bottom : 20px;
   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: 14px;
    color: #d75300;
    display: block;
}

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

#buy{
  width : 100%;
  height: auto;
  padding-top : 20px;
  text-align : left;
  overflow: hidden;
}
/*** ↓↓価格↓↓  ***/
#price{
  width : 90%;
  margin-left: 5%;
  margin-right: 5%;
  text-align : center;
  overflow: hidden;
}
.kakaku{
  width :100%;
  font-size : 11pt;
  letter-spacing : 10pt;
  text-align : center;
  background-color : #3a532d;
  color : white;
}
.zeinuki-kakaku{
  width : 100%;
  margin-bottom: -5px;
  float: left;
  font-size : 16pt;
  font-weight : bold;
  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{
  width : 90%;
  max-width: 300px;
  margin: 0 auto;
  padding-bottom : 2%;
  text-align : center;
  overflow: hidden;
}
.sale-kakaku{
  width :80%;
  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 : 85%;
  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 : 75%;
  margin: 0 auto;
  text-align : center;
  font-size : 13pt;
}
.komi-zeikomi{
  margin-top: 2%; 
  padding-right: 6%; 
  font-size : 10pt;
}
/*** ↑↑価格(セール)↑↑  ***/

#cart{
  width : 98%;  
  margin: 10px 1% 10px 1%;/* 設定順番:上・右・下・左; */
  text-align: center;
  overflow: hidden;
}

input[type="text"]{
  float: left;
  width: 14%;
  height: 4%;
  margin-top: 4%;
  margin-left: 5%; 
}
input[type="image"]{
  width: 100%;
 }

.on-70{
  width : 50%;
  min-width: 130px;
  height : auto;
  float: right;
  padding-top: 2px;
  padding-right: 5%;
  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: 7%;
  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 :100%;
  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{
  width : 50%;
  min-width: 130px;
  height : auto;
  float: right;
  margin-right: 5%;
  padding-top: 2px;
  padding-right: 2px;
  text-align: center;
 }
.on-sentaku:hover {
  opacity: 0.5;
}
/*** ↑↑価格・カート(ギフト)↑↑  ***/

/*** 選択肢付きメニュー親BOX ***/
.sentaku-all{
   width: 100%;
   height: auto;
   text-align: center;
   font-size: 10.5pt;
   line-height: 1.2em;
}

.sentaku-input{
   width: 64%; 
   max-width: 225px;
   margin: 0 18% 10px 18%;
   text-align: left;
   display: inline-block;
}

.sn{
   margin-top: 10px;
   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: 10px;
   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: 33%;
   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 : 12pt;
}

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

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

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

/*** セット用 ***/
.d-cart-moji{
   float: right;
   max-width: 60%;
   height: auto;
   padding-top: 2%;
   padding-left: 3%;
   text-align: left;
   margin: 0 auto; 
   vertical-align: middle;
}

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

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

/*** セット用 ***/
.d-cart-moji-m{
   float: right;
   max-width: 60%;
   height: auto;
   padding-top: 2%;
   padding-left: 3%;
   text-align: left;
   margin: 0 auto; 
   vertical-align: middle;
}

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

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

/*** セット用 ***/
.d-cart-moji-l{
   float: right;
   max-width: 60%;
   height: auto;
   padding-top: 2%;
   padding-left: 3%;
   text-align: left;
   margin: 0 auto; 
   vertical-align: middle;
}

/*** レビュー親BOX ***/
#review{
  margin-top: 5px;
  margin-bottom: 30px;
  margin-left: 3%;
  margin-right: 3%;
}

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

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

/*** レビューコメント ***/
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: 10pt;
} 

.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: 1px;
  padding-left: 3px;
  background-color : white;
  border:1px;
  border-style: double;
  border-color: #703810;
}

.seibun-kome{
  width : 93%; 
  padding-top: 2px; 
  padding-left: 1em;
  text-indent: -1em;
  font-size: 8pt;
  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: 8px;
  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;
}

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

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

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

em{
  color: #a82400;
}

.kessai-hyou{
  width:98%;
  margin-top: 5px;
  margin-left : 1%;
  margin-right : 1%;
  border: 1px solid #888 ;
  overflow: hidden;
  display: block;
}

.kessai-hyou tr{
  width:100%;
  display: block;
   float: left;
  background-color : white;
}

.kessai-hyou th{
   width:100%;
   height: auto;
   padding-top: 8px;
   float: left;
   text-align : center;
   font-size: 12pt;
   border-bottom: none;
   color: white; 
   background-color: #005100;
   display: block;
}

.kessai-hyou td{
  width:96%;
  padding-left: 2%;
  padding-right: 2%;
  float: left;
  font-size: 11pt;
  text-align : left;
  display: block;
}

/*** 商品代引・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 : 14pt;
  color: maroon;
  margin-top: 1%;
}

.souryou-1{
  display: none;
}

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

.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 : 96%;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-left : 2%;
  padding-right : 2%;
}

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

/*** 下側 ***/

#onlinemenu{
  width : 100%;
  margin-top: 4%;
}

#category{
  width : 100%;
  padding-bottom : 10px;
  text-align: center ;
}

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

.category-gazo{
   width: 49%;
   margin-left: 1px;
   margin-right: 1px;
   float: left;

}

/*** 非表示用css ***/

#iconbox{
  display: none;
}

/* smart用・フッターを幅いっぱいにする為のボックス*/ 
#footerbg {
	width:100%; 
  background-image : url(gb.jpg);
  background-repeat : repeat-x;
   height : auto;
} 
  
/* smart用・フッター*/ 
#footer {
   color : white;  
   height : auto;
   padding-top : 35px;
   padding-bottom : 30px;
   margin-left : auto;
   margin-right : auto;  
   overflow : hidden;
}      

#footer-shop{
  font-size: 16pt;
  margin-bottom: 0.5em;
} 
 
.shopinfo{
  font-size : 10pt;
  font-weight : bolder;
  width : 100%;
  min-width:300px; 
  text-align : left;
  text-decoration : none;
  height : auto;
  float : left;
  padding-bottom : 15px;
}

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

.site-map{
  min-width:300px; 
 width : 90%;
 padding-left: 10%; 
   text-align : left;
  text-decoration : none;
  float : left;
  height : auto;
}

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

h4{
  letter-spacing : 3px;
  text-align : left;
  font-weight : normal;
  color : silver;
  font-size : 16pt;
  text-decoration : none;
  width : auto;
  height : auto;
  margin-top : 10px;
  margin-bottom : 15px;
}

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

.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;
}

}