@charset "euc-jp";

html {
  overflow-y: scroll;
}

body {
	font-family:"�ҥ饮�¦Ãѥ� Pro W3","Hiragino Kaku Gothic Pro","�ᥤ�ꥪ",Meiryo,"�ͣ� �§·����å�",sans-serif;
	color: #424242;
	font-size: 100%;
	line-height: 160%;
	text-align: left;
	-webkit-text-size-adjust: none;
	letter-spacing: 0.1em;
	word-break: break-all;
	margin: 0;
	padding: 0;
}

img {
    /*width: 100%;*/
    max-width: 100%;
    margin: 0 0 3% 0%;
}

/*img:hover{
    opacity:0.7;
    -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
}*/

.nw{
 	white-space:nowrap; 
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    /* display: block; */
    clear: both;
}

.center{
 	text-align:center; 
}

p {
 	margin:0 1% 3%;
}

span.caption {
    font-size: 80%;
    line-height: 1.5em;
}

strong {
    /*margin: 0 1% 2%;*/
}

em {
    color: #cb2424;
    font-weight: bold;
}

/*---------------------------------------------
	Anchor
---------------------------------------------*/

a 	{color: #327b1c; text-decoration: none; outline: none;}
/*p a {text-decoration: underline;}*/

a:hover 	{color: #bbbbbb;}
p a:hover {/*border-bottom: 1px dotted #f0c000;*/text-decoration: none;color: #bbbbbb;}

a.arrow{color:#555555 !important;}
a.arrow:before{
	font-family: FontAwesome;
	content: "\f105";
	padding: 0 5px;
	text-decoration: none;
}	
a.arrow:hover{
   color:#cecece !important;
   text-decoration: none;
}
.container a img:hover{
opacity:0.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);
}

a:active{
opacity:0.85;
-ms-filter:"alpha(opacity=85)";
filter:alpha(opacity=85);
}

/* dl */

dt {
    font-weight: bold;
    margin: 3% 0 2%;
}

dd {
    margin-left: 0px !important;
}

/*---------------------------------------------------------------------------------
BOX
---------------------------------------------------------------------------------*/
/*--GRID---*/
.grid1,
.grid2,
.grid3,
.half,
.items div{
	float: left;
	display: inline;
	margin-bottom: 2%;
	margin-left: 1%;
	margin-right: 1%;
}

	.items {clear:both;}
	.grid1,.items div {width: 31.33%;}
	.grid2	{width: 64.5%;/width:64%;}
	/*.grid3	{width: 98%;max-width: 745px;clear:both;}*/
	.half	{width: 47.77%;/width:47%;}

.grid3 {
    width: 31.33%;
    /* max-width: 745px; */
    /* clear: both; */
    float: left;
    margin: 0 1% 2%;
    box-sizing: border-box;
}

.note{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;border: 2px solid #ff8d31;color:#ff8d31;font-weight:bold;font-size:20px;clear:both;margin:0 1% 2%;}    
   

/* table */ 

table	{
    margin: 1% 1% 4%;
    width:98%;
    max-width: 745px;
    /* border-top: 3px solid #9db296; */
    border-collapse:separate;
    border-top: 1px solid #ccc;
}

	table th,
	table td{padding: 8px 10px;color: #333;/* border-right:2px solid #e8d8b6; *//* border-bottom:2px solid #e8d8b6; */border-bottom: 1px solid #ccc;}

table.delivery table tr th{min-width:20%;}
	

	table td img{width:auro; }
	
	table thead th{
		background-color:#aab9a5;
		color:#FFF;
		text-align:center;
		background-color:rgba(170,185,165,0.50); 
		/*opacity:0.80;
		-ms-filter:"alpha(opacity=80)";
		filter:alpha(opacity=80);*/}
		
	table tbody th{
		/* background-color:#aab9a5; */
		text-align:left;
		/* background-color:rgba(170,185,165,0.50); */
		/*opacity:0.50;
		-ms-filter:"alpha(opacity=50)";
		filter:alpha(opacity=50);*/
		border-bottom: 1px solid #ccc;
		}
	
	table td{
		background-color:#ffffff;
		text-align:left;
		background-color:rgba(255,255,255,0.50); 
		/*opacity:0.50;
		-ms-filter:"alpha(opacity=50)";
		filter:alpha(opacity=50);
		font-weight: normal;*/}

.table th, .table td{border-top:none;}

table tr th a,table tr td a{color:#f60;}
table tr th a:hover,table tr td a:hover{text-decoration:underline;}

.nw{white-space:nowrap;}

/* ul */
ul, ol{
 	margin:0 !imporatnt; 
}

#base_gmoWrapp,
#gmo_CMSPbar {
  overflow: hidden;
  min-width: 100% !important;
  width: 100% !important;
}

.row {
  max-width: 1024px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #ccc;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

input.btn.btn-01.search-btn {
    font-family: FontAwesome;
    background: none;
    color: #373737;
    border: none;
}

input.search-box {
    border: none;
    border-right: 1px solid #CCc;
    border-radius: 0;
}

.muted {
  color: #999;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:hover,
a.text-success:focus {
  color: #356635;
}

.btn{
 	border:none; 
}

.btn-01 {
  border:none;
  background-color: rgba(255, 204, 0, 0.6);
  color: #FFF;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled]  {
  border:none;
  background-color: rgba(255, 204, 0, 0.3);
  color: #FFF;
}

.btn-02 {
  /*border: 1px solid <{$btn_02_bgcolor}>;*/
  background-color:rgba(254, 217, 63, 0.69);
  color: #FFF !important;
  *background-color: <{$btn_02_bgcolor}>;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-02.active,
.btn-02.disabled,
.btn-02[disabled] {
  /*border: 1px solid <{$btn_02_bgcolor_hover}>;*/
  background-color:  #fed93f;
  color: #FFF;
  *background-color: <{$btn_02_bgcolor_hover}>;
}

.btn-03 {
  border: 1px solid <{$btn_03_bgcolor}>;
  background-color: <{$btn_03_bgcolor}>;
  color: <{$btn_03_font_color}>;
  *background-color: <{$btn_03_bgcolor}>;
}

.btn-03:hover,
.btn-03:focus,
.btn-03:active,
.btn-03.active,
.btn-03.disabled,
.btn-03[disabled] {
  border: 1px solid <{$btn_03_bgcolor_hover}>;
  background-color: <{$btn_03_bgcolor_hover}>;
  color: <{$btn_03_font_color}>;
  *background-color: <{$btn_03_bgcolor_hover}>;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  color: #0088cc;
  cursor: pointer;
}

.btn-link:hover,
.btn-link:focus {
  background-color: transparent;
 color: #88888888;
  text-decoration: underline;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
          border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
          border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
          border-bottom-right-radius: 4px;
}



.alert {
  margin-bottom: 20px;
  padding: 8px 35px 8px 14px;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #fcf8e3;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.alert-success {
  border-color: #d6e9c6;
  background-color: #dff0d8;
  color: #468847;
}

.alert-danger,
.alert-error {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48;
}

#pagetop {
  height: 54px;
  padding: 0;
  display: none;
  overflow: hidden;
}
#pagetop a {
  display: block;
  padding: 15px;
}
#pagetop img {
  width: 24px;
  height: auto;
}

a.btn-all{
	text-align:center;
	display:block;
	background:#f9987a;
	color:#fff !important;
	border-radius:3px;
	padding:1.5em 0.5em;
	margin-bottom:3em;
	font-weight:bold;
}

a.btn-all:hover{
	text-decoration:none;
	background:#f9ab93;
}

a.btn-all:before{
    font-family: FontAwesome;
    content: "\f105";
    padding: 0 5px;
    text-decoration: none;
    font-size:110%;
}

/* ========================================
      PC&#65533;&#65533;&#65533;&#65533;&#63728;&#65533;&#65533;&#65533;
======================================== */

body {
  background-color: #fff;
  color: #464e54;
}

a {
  color: #555555;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

a:hover {
  color: #888888;
}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;*/
.icon {
    display: inline-block;
    padding-left: 16px;
    line-height: 1.5;
    padding: 0 5px;
    text-decoration: none;
	margin-right: 5px;
}
.icon.icon-user:before ,
.icon.icon-cart:before ,
.icon.icon-down:before{
    font-family: FontAwesome;
}

.icon.icon-user:before {
      content: "\f007";
}

.icon.icon-cart:before {
    content: "\f07a";
}

.icon.icon-down:before {
    content: "\f107";
}

/* PC &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#661949;&#65533;&#65533;&#65533;&#65533;&#65533;"&#65533;&#65533;@&#65533;&#65533;&#65533; */
.icon-white .icon:before {
  background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_16-w.png);
}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#6246;&#65533;&#65533;&#39009;&#65533;*/
.icon-cart:before { background-position: 0 0; }
.icon-search:before { background-position: 0 -16px; }
.icon-user:before { background-position: 0 -32px; }
.icon-down:before { margin: 5px 5px 0 0; background-position: 0 -64px; }
.icon-up:before { background-position: 0 -48px; }
.icon-right:before { background-position: 0 -80px; }
.icon-left:before { background-position: 0 -96px; }
.icon-regist:before { background-position: 0 -112px; }
.icon-login:before { background-position: 0 -144px; }
.icon-logout:before { background-position: 0 -128px; }

.text-block {
  line-height: 2;
}

h2{
	letter-spacing: 3px; 
	margin: 0 0 2%;
}

h2 span {
    font-size: 50%;
    margin-left: 10px;
}

.ttl-h2 {
  margin:0 0 1em 0;
  /*color: #2bbf1b;*/
  font-weight: normal;
  font-size: 160%;
  line-height: 1.5;
}

h3 {
    margin:3% 0% 20px;
    border-bottom: 2px solid #ffe577;
    /* background-color: white; */
    padding: 0 0 10px;
    font-weight: normal;
    font-size: 130%;
}

h3.top_h3{
	border-bottom: none;
	padding:0;
  	margin:0 1% 3%;
}

.ttl-h3 {
  margin-bottom: .7em;
  padding: 20px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  color: #464e54;
  font-weight: normal;
  font-size: 124%;
}

h4 {
    margin:8% 1% 2%;
    font-size: 120%;
    font-weight: normal;
    font-weight: bold;
    color: #f1ca28;
}

h5 {
    margin: 0 1% 2%;
    font-size: 105%;
}

.box_caution {
    background: rgba(241, 202, 40, 0.25);
    padding: 2.5% 2.5% 1%;
    margin: 0% 0 2%;
}

.main-section a {
    color: #b5a67a;
    /* text-decoration: underline; */
}

ol {
    margin-bottom: 30px;
}

#container {
    max-width: 1024px;
    position: relative;
    z-index: 101;
}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#2150;&#65533;&#65533;*/

#sliderbutton {
  position: absolute;
  left: 1%;
  z-index: 200;
  display: none;
}
.slider-btn {
  display: block;
  padding: 20px 50px;
  font-size: 20px;
  font-weight:bold;
  color: #FFF;
}

/* &#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;#&#128;&#65533;&#65533;&#65533;&#65533;*/
#header {
  position:relative;
  /*position:absolute;*/
  z-index: 102;
  padding-top: 45px;
  width:96%;
}

h1 {
    margin: 0;
}

#header h1 a {
    text-indent: -99999px;
    display: block;
    background-repeat: no-repeat;
    width: 200px;
    height: 71px;
    background-image: url(https://img21.shop-pro.jp/PA01364/671/etc/h1.png);
    background-image/*\**/: url(https://img21.shop-pro.jp/PA01364/671/etc/h1_ie.png)\9;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: 0 0;
}

#header h1 a:hover {
 	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); 
}

.header-headline-nav {
  font-size: 13px;
  padding:0 !important;
}
.header-headline-nav .icon:before {
  margin-left: -20px;
  margin-right:5px;
}
.header-headline-nav ul {
  margin: 7px 20px 0 0;
}
.header-headline-nav li {
  display: inline;
  margin: 0 10px;
  padding: 0;
  vertical-align: top;
  font-size: 13px;
}
.header-headline-nav li a {
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}

.header-headline-nav li a:hover{
	color: #d0d0d0;
}

.header-global-nav a,
.header-global-nav span {
  padding-bottom: 5px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  /*font-size: 18px;*/
  cursor: pointer;
  text-shadow: 0px 0px 4px #4e4e4e;
}

.header-global-nav a:hover{
	color: #d0d0d0;
}

#nav a {
  color: <{$header_link}>;
}
.btn-viewcart {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
  .btn-viewcart .icon {
    padding-left: 20px;
  }
  .btn-viewcart .icon:before {
    margin-top: 1px;
  }

.header-logo {
  float: left;
}
  .header-logo a {
    text-decoration: none;
  }
  .header-logo a:hover {
    text-decoration: underline;
  }
  .header-logo img {
    max-width: 100%;
  }

.header-global-nav {
  z-index: 100;
  float: right;
}
  .header-global-nav ul {
    margin-top: 25px;
  }
  .header-global-nav li {
    position: relative;
    display: inline;
    padding: 0 15px;
    vertical-align: top;
  }
  .header-global-nav a,
  .header-global-nav span {
    padding-bottom: 5px;
    color: <{$header_link}>;
    text-decoration: none;
    font-weight: normal;
    /*font-size: 14px;*/
    cursor: pointer;
  }
    .header-global-nav ul ul {
      position: absolute;
      top: -1px;
      left: 5px;
      display: none;
      vertical-align: baseline;
      width: 200px;
      border: 1px solid #e8e8e8;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
      .header-global-nav ul ul li {        
        display: block;
        margin: 0;
        padding: 0;
        word-break: break-all;
        *line-height: 1.3;
      }
      .header-global-nav ul ul a {
        border-bottom: 1px solid #e8e8e8;
        background: #fff;
        display: block;
        padding: 10px 10px;
        font-size: 14px;
        color: #373737;
        text-shadow: none;
      }
      .header-global-nav ul ul a:hover {
        background: #f9f9f9;
      }


/* &#65533;&#65533;&#65533;&#14438;&#65533;&#65533;&#65533;&#65533;4&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;#&#128;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;&#65533;*/
.header-nav-phone {
  z-index: 99;
  float: right;
  height: 60px;
}
.header-nav-lst-phone {
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -50%;
  width: 100%;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}
.header-nav-lst-phone ul {
  margin: 0;
}
.header-nav-lst-phone li {
  padding: 0;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
}
.header-nav-lst-phone li:last-child {
  border-bottom: none;
}
.header-nav-lst-phone a {
  display: block;
  padding: 20px 0;
}
.header-nav-lst-phone a:hover {
  background: #f9f9f9;
  text-decoration: none;
}

/* #contents_eye{
	width: 100%;
    background-image: url(https://img21.shop-pro.jp/PA01364/671/etc/eyecatch_contents.jpg);
    position: absolute;
    background-repeat: no-repeat;
    margin: 0;
    top: 0;
    margin-bottom: 80p;
    display: block;
    height: 300px;
    background-size: 100%;
}*/

/*------ conetents header ------*/

#header-contents {
	/* position: relative; */
    position: absolute;
    z-index: 102;
    padding-top: 45px;
    width: 96%;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

#header-contents h1 a {
    text-indent: -99999px;
    display: block;
    background-repeat: no-repeat;
    width: 200px;
    height: 71px;
    background-image: url(https://img21.shop-pro.jp/PA01364/671/etc/h1.png);
    background-image/*\**/: url(https://img21.shop-pro.jp/PA01364/671/etc/h1_ie.png)\9;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: 0 0;
}

#header-contents h1 a:hover {
 	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); 
}

div#contents_eye {
    /* position: absolute; */
    top: 0;
}

  #contents_eye img {
      margin: 0 0 1%;
  }

/* ----- side ----- */
.side-section {
  margin-bottom: 20px;
}

.side-section ul {
    border-top: 1px solid #eee;
    margin: 0;
}

.side-section li {
    margin: 0px 0;
    list-style: none;
    border-bottom: 1px solid #eee;
    line-height: 1.5em;
  	cursor: pointer;
  	display:block;
}

  .side-section li a {
  	display:block;
    color: <{$side_link}>;
    padding: 10px 0px 10px;
    text-decoration: none;
    font-weight: normal;
    font-size: 75%;
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    transition: color 0.1s linear;
    /*padding-left: 15px;*/
  }

.side-section li:hover {
    /*background: rgba(247, 229, 140, 0.44);*/
}

  .side-section li a:hover {
    /*text-decoration: underline;*/
    background: rgba(230, 214, 143, 0.24);
  }

.side-section ul li ul li {
    background: #fff4c5;
}

.side-section h3 {
    background: #eee;
    padding: 10px 15px;
    font-size: 105%;
  	margin:0;
}

.side-section .amount {
  	margin:30px 0 0px;
}

.side-section .amount h3{
  	border-bottom:none;
}

.side-section .amount ul {
    border-top:none !important;
}

.amount ul li a:before {
    font-family: FontAwesome;
    content: "\f105";
    padding: 0 5px;
    text-decoration: none;
}

.amount ul li{
	/*padding: 10px 0px 10px;*/
}

.amount ul li a{
	padding: 10px 0px 10px 10px;
  	font-size:90%;
}

li.list a{
   	background: #feeca0;
   	padding-left: 15px;
}

li.cidre a{
   	background: #fff4c5;
   	padding-left: 15px;
}

li.dry {
    background: #f8fdfe !important;
}

li.sweet {
    background: #fdfdf4 !important;
}

li.set {
    background: #f9fef9 !important;
}

li.harvest {
    background: #fff4f3 !important;
}

li.grace {
    background: #ebedf0 !important;
}

li.green {
    background: rgb(234, 243, 234) !important;
}

li.apple {
    background: #fffaf7 !important;
}

  .incart-delivery {
    clear: both;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 8px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #eeab53;
  }
  .incart-delivery ul {
    margin: 0;
  }
  .incart-delivery li {
    padding: 2px 0;
    margin: 0;
  }
  .incart-delivery li:first-child {
    border-top: none;
  }
  .search-select {
    margin-bottom: 10px;
    border-radius:0;
  }

.search-box-wrapper {
    border: 1px solid #ccc;
  	padding:8px;
}

  .search-box {
    float: left;
    width: 80%;
  }
  .search-btn[type="submit"] {
    float: right;
    padding: 4px 0;
    width: 10%;
  }
  .side-category-name,
  .side-group-name {
    display: block;
    margin-top: 10px;
  }

.side-category-name img {
    width: 40px;
  	float:left;
  	margin: 4px 0 0;
}

.side-category-name img.apple_box {
    width: 25px !important;
  	float:left;
  	margin: 0 10px 0 5px !important;
}

.side-mainbn {
  margin: 0 0 15px;
}

.side-mainbn img {
    margin: 0 0 15px;
}

/* &#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;&#63590;&#65533;&#65533;#&#65533;&#65533;&#65533;&#65533;&#65533;&#14438;*/
.topicpath-nav {
  margin-bottom: 20px;
  font-size: 84.615%;
}
  .topicpath-nav li {
    display: inline;
    margin-right: .2em;
  }
  .topicpath-nav li a {
    margin-left: .2em;
    color: #444;
    text-decoration: none;
  }
  .topicpath-nav li a:hover {
    text-decoration: underline;
  }

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;*/
.container-section {
  margin-bottom: 3em;
  word-break: break-all;
}

.eyecatch-block,
.info-block,
.recommend-block,
.bestseller-block,
.free_space_block {
  margin-bottom: 40px;
  padding-bottom: 40px;
  /*border-bottom: 1px solid #dbdbdb;*/
  word-break: break-all;
}

.info-block {
  line-height: 1.5;
}

.news {
  padding: 4px 0;
}

.news-date {
  padding-right: 10px;
}

.main-section {
  padding-left: 3 0px;
}

.prd-lst-sort {
  padding: 3% 1% 3% 1%;
  clear: both;
  text-align: center;
}

.prd-lst-sort a,
.prd-lst-sort strong {
	background-color: #fed93f;
	color: #FFFFFF;
	display: inline-block;
	padding: 0.3em 0.2em 0.1em;
	width: 8em;
	margin-bottom: 5px;
}
.prd-lst-sort a {
	opacity:0.75;
	-ms-filter:"alpha(opacity=75)";
	filter:alpha(opacity=75);
}
.prd-lst-sort strong {
	opacity:1.0;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
}

.prd-lst-sort a:hover{
	opacity:1.0;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
}

.prd-lst-unit {
  margin-bottom: 20px;
  background:#eeeeee;
  /*
  width: 33.33%;
  padding: 0 30px 0 10px;
*/
}

.together-block .prd-lst-unit{/*min-height:300px;*/}

.prd-lst-img {
  background: #fff;
}
  .prd-lst-img:hover {
    opacity: 0.8;
  }

.prd-lst-span {
  display: block;
}
.prd-lst-name {
  margin: 10px 0 6px 0;
  padding: 0;
  font-size: 17px;
  font-size: 15px;
min-height:50px;
  color: #464e54;
  word-break:normal;
}
.prd-lst-exp {
  font-size: 13px;
}
.prd-lst-regular {
  font-size: 13px;
  text-decoration: line-through;
}
.prd-lst-price {
  color: #ff613c;
  font-size: 16px;
  text-align: right;
  font-weight:bold;
}

.prd-lst-discount {
  color: #b81717;
}

.prd-lst-soldout {
color: #eca7a7;
float:right;
font-weight:bold;
font-size:14px;
}

.more-prd {
  clear: both;
}

.col {
  display: block;
  /*float: left;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:20px 15px;
  min-height: 1px;
  word-break: break-all;
}

.col-lg-4{width:31.3%; /*width:29%;*/margin: 0 1% 2% 1%;position:relative;float:left;min-height:420px;}
/*.col-lg-4:hover{opacity:0.8;
-ms-filter:"alpha(opacity=80)";
filter:alpha(opacity=80);
text-decoration: none;
color: #555555;}*/

.icon_no img {
    left: 0;
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 70px;
    top: -20px;
    right: 0;
    left: 0;
}

/* &#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;"&#65533;&#65533;&#65533;*/
#pagetop {
  width: 49px;
  position: fixed;
  right: 0;
  bottom: 200px;
  z-index: 200;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#pagetop a {
  padding-right: 10px;
}
#shop-info {
clear:both; margin: 8% 1% 5%;
padding: 2% 1% 0;
background-color:#fafafa;
font-size:75%;
}

#shop-info h2 {
    margin: 3% 3% 0%;
}

#shop-info h3 {
    border-bottom: 2px solid #cecece;
    margin: 0;
    padding: 0 0 5px;
}

#shop-info .shop,
#shop-info .sk-payment {
/max-width: 300px;
}
#shop-info li {
margin: 0;
padding: 0;
}

#shop-info p {
margin-bottom: 15px;
line-height:1.5em;
}

.wookmark-wrapper {
  position: relative;
}
.wookmark-item {
  padding-bottom: 20px;
  width: 24.5%;
  *width: 20.5%;
  *padding-right: 2% !important;
  *padding-left: 2% !important;
}

/* fotter*/
.footer-wrapper {
	background: #fff7d9;
	padding: 20px 0;
	margin-top: 20px;
}

.footer-wrapper a,
.footer_section a,
.copyright{color: #373737;}

.footer-lst {
  padding: 30px 0px;
}
  .footer-lst li {
    margin: 20px 0;
  }
  .footer-lst a {
    color:#373737;
  }

.footer-lst {
    width: 68%;
    margin: 1% 0 1% 1%;
    float:left;
}
  .footer-lst ul {
    margin-bottom: 0;
  }
  .footer-lst li {
    margin: 0;
	font-size: small;
list-style-type: square;
&#65533;&#65533;&#65533;&#65533;color: #baae93;
  }
  .footer-lst a {
    color: #373737;
  }

.footer_section {
}

.foot-info img {
    width: 60%;
    margin: 0% auto;
    display: block;
    /* text-align: center; */
}

.footer-wrapper .row {
    max-width: 1024px;
    border-bottom: 1px solid #373737;
}

.copyright img {width: 155px; height: 50px; margin:15px;}

.foot-info{width: 30%; margin: 1% 1% 1% 0; /width: 29%; /margin: 1% 0 1% 0; float: right; color: #FFFFFF;}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#14438;#&#65533;&#65533;S&#65533;&#18534; */
.manager-name {
  margin: 0 0 20px 0;
  font-size: 20px;
}

.manager-caption {
  padding: 0 40px 0 20px;
  border-right: 1px solid #dbdbdb;
}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#2150;&#65533;&#65533;*/
.tbl_calendar {
  margin-bottom: 20px;
  max-width: 260px;
  width: 100%;
  font-size: 84.615%;
}
  .tbl_calendar caption {
    text-align: center;
  }
  .tbl_calendar th {
    padding: .3em 0;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }
  .tbl_calendar td {
    padding: .5em 0;
    width: 14.2%;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }
.cal_memo {
  margin-top: 1em;
  font-size: 84.615%;
}

/* copyright */
.copyright {
  clear: both;
  margin: 0;
  padding: 2em 0;
  color: #373737;
  text-align: center;
  font-style: normal;
}
.powered {
  display: block;
  padding: 10px 0;
  line-height: 18px;
}
  .powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
  }
  .powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
  }

/* list */
.def-lst-dt {
  padding-top: 1em;
  font-weight: bold;
}
.def-lst-dd {
  margin: 0;
  padding-bottom: 1em;
  /*border-bottom: 1px solid #eee;*/
  line-height: 2;
}
  .def-lst-dd img {
    max-width: 100%;
    width: inherit;
    height: auto;
  }

/* policy */
#policy p {
  margin: 1em 0;
  color: #666;
  line-height: 1.8;
}

/* freepage */

.reading p {
    margin: 0 1% 3%;
    line-height: 2em;
}

.freepage {
  word-break: break-all;
}
  .freepage img {
    max-width: 100%;
    width: inherit;
    height: auto;
  }

.about_kimori {
    margin: 2% 0 8%;
    line-height: 2em;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    font-size: 105%;
    padding: 4% 3% 2%;
  	text-align:center;
}



/* &#65533;&#65533;&#65533;&#65533;&#65533;&#549;&#1957;&#229;&#65533; */
.ul_sitemap{
	list-style-type:none;
	margin-left:0;
}

    .ul_sitemap li {
        border-bottom: 1px solid #eee;
    }

	.ul_sitemap a{
		display:block;
		padding: 0.8em 1em;
	}

	.ul_sitemap a:before{
		display: inline-block;
		padding-right: 8px;
		font-family: FontAwesome;
		content:"\f105";
		font-size:120%;
		vertical-align: top;			
	}

	.ul_sitemap a:hover{
		background: #fcfaed;
		text-decoration:none;
	}

/* &#65533;&#65533;&#65533; */
.link{margin-top:20px;}

	.link dt{
		display:block;
		margin-bottom: 8px;
		margin-top: 2em;
		padding-left:10px;
	}

	.link dd{
		padding-left:15px;
		    padding-bottom: 2em;
		border-bottom:1px dotted #ccc;
	}

	.link a:hover{
		text-decoration:none;
	}

/* &#65533;&#65533;&#65533;&#65533;&#65533;&#613;&#65533;&#1202;&#65533; */

input[type="submit"] {
    display: inline-block;
    padding: 10px 15px;
    font-size: 90%;
    background-color: rgba(254, 217, 63, 0.69);
    border: none;
    font-size: 70%;
    font-weight: bold;
    color: #FFF;
}

input[type="submit"]:hover {
	background-color: #fed93f;
    color: #FFF; 
}

strong.cartjs_product_name {
    line-height: 1.5em;
}

.cartjs_product_table table{
	width: 100% !important;
	border-right: none !important;
    font-size: 75%;
}

.cartjs_product_table th,.cartjs_product_table td{
	border-left: none !important;
}

.cartjs_product_table table th{
	white-space:nowrap;
}

.cartjs_product_img {
    padding: 0px !important;
}

.grid4 {
    width: 23%;
    float: left;
    margin: 0 1% 2%;
}

.btn_box{
	margin: 2% 0 5%;
}

.slider-btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 90%;
}

h2#insta {
    text-align: center;
    border-top: 2px solid #f1ca28;
    border-bottom: 2px solid #f1ca28;
    padding: 15px 0 10px;
    margin: 6% 1% 2%;
}

.bg_box {
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    max-width: 745px;
    margin: 1%;
}
.bg_box {text-indent: -99999px;}.topicpath-nav ul{margin-bottom:5px; }.bg_box{height:0;}

#dry_page_chara{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/dry_page_chara.jpg); padding-top:47.46%;}
#sweet_page_chara{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/sweet_page_chara.jpg); padding-top:47.46%;}
#apple_page_chara{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_page01.jpg); padding-top:47.46%;}

#kimori_cidre01{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/kimori_cidre_page01.jpg); padding-top:112.3%;}
#kimori_cidre02{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/kimori_cidre_page02.jpg); padding-top:72%;}
#kimori_cidre03{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/kimori_cidre_page03.jpg); padding-top:22.3%;}
#kimori_cidre04{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/kimori_cidre_page04.jpg); padding-top:72%;}
#kimori_cidre05{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/kimori_cidre_page05.jpg); padding-top:136.5%;}
#kimori_cidre_dry01{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/page_dry_01.jpg); padding-top:72.88%;}
#kimori_cidre_dry02{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/page_dry_02.jpg); padding-top:44.44%;margin-bottom: 70px;}

#kimori_cidre_sweet01{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/page_sweet_01.jpg); padding-top:72.88%;}
#kimori_cidre_sweet02{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/page_sweet_02.jpg); padding-top:44.44%;margin-bottom: 70px;}

#kimori_apple01{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_page02.jpg);padding-top:123.46%;}
#kimori_apple02{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_page03.jpg);padding-top: 100%;}
#kimori_apple03{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_page04.jpg);padding-top: 72%;}
#kimori_apple04{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_page05.jpg);padding-top: 22.3%;margin-bottom: 3%;}
#kimori_apple05{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_box.jpg);padding-top:57.6%;}
#kimori_apple06{background-image:url(https://img21.shop-pro.jp/PA01364/671/etc/apple_box_ill.jpg);padding-top:57.6%;}


.insta {
    margin: 0 1% 50px;
}

table {
    margin: 1% 1% 50px;
    width: 98%;
} 
.intro p{
 	text-align:center;
    font-size: 90%;
    margin: 2% 1% 3%;
}

.intro h3{
   	text-align:center;
 	border:none;
 	font-family:"&#65533;&#1189;&#39278;&#65533;&#65533;&#65533;&#65533;&#299; Pro W3","Hiragino Mincho Pro","HGS&#65533;&#65533;&#299;E","&#65533;&#867;&#65533; &#65533;&#65533;&#65533;&#65533;&#299;",serif;
    font-size: 110%;
    margin: 4% 0% 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@media (max-width: 1070px) {
 .footer-wrapper .row {
    width: 90%;
 }
}
/*&#65533;&#65533;&#65533;&#65533;&#737;&#637;&#65533;&#65533;*/
.caution {
    background-color: #FFFFFF;
    /* padding: 10px; */
    width: 98%;
    margin: 0 1% 0;
    box-sizing: border-box;
    padding: 20px 30px !important;
    margin-bottom: 20px;
    border: 3px solid #fad8cf;
    color: #ee7a59;
    clear: both;
}
.caution h4 {
    text-align: center;
    margin: 10px 0 10px;
    color: #ee7a59;
}
.caution table{
	margin-bottom:10px;
	font-size:110%;
}
.caution table th,
.caution table td{color: #ee7a59;}

/* ========================================
     980&#65533;&#690;&#65533;
======================================== */
@media only screen and (max-width: 980px) {
 
body{
  padding-top: 84px;
}

#header h1 a {
    background-image: url(https://img21.shop-pro.jp/PA01364/671/etc/h1_black.png);
    background-image/*\**/: url(https://img05.shop-pro.jp/PA01311/720/etc/bg_h1_ie.png)\9;
  	width:150px;
  	height: 53px;
}
  
#header-contents h1 a {
  	background-image: url(https://img21.shop-pro.jp/PA01364/671/etc/h1_black.png);
  	background-image/*\**/: url(https://img05.shop-pro.jp/PA01311/720/etc/bg_h1_ie.png)\9;
  	width:150px;
  	height: 53px;
}
  #header {
    padding: 30px 0 25px;
  }

  #header-contents{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 999; 
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 30px 0 !important;
    
    box-shadow: 0 0 2px rgba(34, 34, 34, 0.1);
  }
  
  .header-nav-phone {
    margin-right: 10px;
  }
  .header-nav-phone {
    margin-right: 0;
  }
  .nav-btn-phone {
    display: block;
    height: 60px;
  }
    .nav-btn-phone img {
      width: 40px;
      height: 60px;
	cursor: pointer;    
    }

}


/* ========================================
      768&#65533;&#690;&#65533;
======================================== */
@media only screen and (max-width: 768px) {
 
body {
	font-size: 90%;
} 

.grid4{width: 46%;}
.col-lg-4{width:48%;}
.together-block .prd-lst-unit{width:31.3%;}
  
.prd-lst-unit {
    margin-bottom: 30px;
    padding: 20px 20px 30px;
}

  .search-box {
    width: 55%;
  }
  .search-btn[type="submit"] {
    width: 35%;
  }
  .side-section ul li {
    margin: 0;
  }
  .side-section ul li a {
    display: block;
    padding: 10px 0;
  }
  .side-section ul li a:hover {
    text-decoration: none;
  }

 .container {
    width: auto;
    padding: 0 20px;
}
  
.main-section {width: 100%;padding:0;margin:0;}
  
.side-sub {
    text-align: center;
    margin: 0 1% 2%;
}
  
   .side-sub img {
      width: 60%;
      margin: 2% 0 5%;
  }
  
.side-mainbn img {
      width:48%;
      margin: 0 1% 2%;
      float:left;
  }
  
.side-section li {
    padding: 0px 0px 0px;
}
 
.side-section ul li br{
  	display:none;
 }

  
 .side-section ul li a {
    display: block;
    padding: 10px 15px;
    font-size:85%;
} 

.side-category-name img {
    width: 35px;
    float: none;
    margin: 0px 10px 0 0px;
}
  

  
  .icon {
    padding-left: 24px;
    line-height: 2;
  }
  .icon:before {
    margin-left: -24px;
    width: 24px;
    height: 24px;
    background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-b.png);
  }

  /* &#65533;&#65533;&#65533;&#14438;&#65533;&#65533;&#65533;&#65533;!&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#661949;&#65533;&#65533;&#65533;&#65533;&#65533;"&#65533;&#65533;@&#65533;&#65533;&#65533; */
  .icon-white .icon:before {
    background-image: url(https://img.shop-pro.jp/tmpl_img/68/icon_24-w.png);
  }

  .icon-cart:before { background-position: 0; }
  .icon-search:before { background-position: 0 -24px; }
  .icon-user:before { background-position: 0 -48px; }
  .icon-down:before {
    margin: 5px 0 0 -20px;
    margin: 10px 0 0 -17px; margin-top: 5px;
    height: 23px;
    height: 23px;
    background-position: 0 -59px;
  }
  .icon-up:before {
    margin: 5px 0 0 -20px;
    height: 23px;
    background-position: 0 -38px;
  }
  .icon-right:before { background-position: 0 -120px; }
  .icon-left:before { background-position: 0 -144px; }

  .eyecatch-block,
  .info-block,
  .recommend-block,
  .bestseller-block,
  .free_space_block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
  }

  .ttl-h3 {
    position: relative;
    margin: 0 0 20px 0;
  }

  .header-logo {
    /*padding-top: 10px;*/
  }
  .header-logo img {
    width: 60%;
  }

  /* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#2150;&#65533;&#65533;*/
  .bx-prev,
  .bx-next {
    display: none;
  }
  .slider-btn {
    padding: 4px 10px;
    font-size: 13px;
  }

  /* &#65533;&#65533;&#65533;&#14438;&#65533;&#65533;&#65533;&#65533;4&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;&#65533;*/
  .menu-btn-phone {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .menu-btn-phone .icon {
    padding-left: 0;
  }
  .menu-btn-phone.icon-down:before {
    float: right;
    margin-left: 0;
  }
  .menu-btn-phone.icon-up:before {
    float: right;
    margin-left: 0;
  }

  /* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;*/
  .main-section {
    padding-left: 0;
  }

  /* &#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;&#47206;&#65533;&#65533;&#65533;*/
  .side-search {
    width: 185px;
  }
  .search-box {
    width: 80%;
  }
  .search-btn[type="submit"] {
    width: 12%;
  }
  
  input.btn.btn-01.search-btn {
    border-left: solid 1px #ccc;
    border-radius: 0;
}

input.search-box {
    border: none;
}

  /* 
  .prd-lst-unit {
    margin-bottom: 30px;
    padding: 0 10px 0 10px;
  }*/
  .prd-lst-sort {
    text-align: center;
  }

  /* &#65533;&#65533;&#65533;&#65533;#&#65533;&#65533;"&#65533;&#65533;&#65533;*/
  #pagetop {
    width: 54px;
    margin: 30px auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #pagetop a {
    padding-right: 15px;
  }
 .footer-wrapper {
	margin-top: 20px;
	padding: 20px 0 0 0;
}
	.foot-info{
      float: none;
      clear: both;
      width: 60%;
      text-align: center;
      margin: 30px auto;
  }
  
		.foot-info em{display: inline-block; margin: 0 15px;}
  
.footer-lst {
	margin: 0;
	padding: 15px;
	width: auto;
}
.footer-lst .grid1{width: 100%;}
.footer-lst li {
	margin: 0;
	padding: 0;
	/*border-right: 1px solid #372a1f;
	border-bottom: 1px solid #372a1f;*/
}
.footer-lst a {
	display: block;
	text-decoration: none;
	font-size: 11px;
	font-size: 90%;
	padding: 5px 10px;
}

.footer-lst a:hover {   
    background-color: rgba(90, 75, 63, 0.08);
    color: #868686;
    border-radius: 3px;
}
.copyright {font-size: 10px;}
 
#contents_eye img {
    margin: 0 0 5%;
} 
  
}

.tax {
    background: #cd7474;
    color: #FFF;
    padding: 20px 20px 5px;
    box-sizing: border-box;
    margin: 20px auto 10px;
    width: 94%;
    font-weight: bold;
}
  /*-----------------------------------------------------	*/
/*	for - 540px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width:540px) {

.grid4 {width: 98%;}  
/*.col-lg-4 {width: 96%;min-height: 450px;}*/

#header-contents{
    padding: 20px 0 0px;
}
  
#header-contents h1 a {
    width: 100px;
    height: 36px;
    padding: 15px 0 5px;
}
  
.header-logo {
    padding-top: 8px;
} 

#slidecaption {
    display: none !important;
}

#sliderbutton {
    display: none !important;
}
  
#pagetop{
    bottom:30px;
}
  
}
  
  /*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width:480px) {
  
/* .col-lg-4 {
    width: 100%;
} 
  
 .recommend-block.grid_row img {
    width: 48%;
    float: left;
    margin: 0 1% 2%;
}

.prd-lst-name {
    float: left;
    width: 48%;
    margin: 0 1% 2%;
}

.prd-lst-soldout {
    margin: 0 1% 2%;
} */
  
.grid1,
.grid2,
.grid3,
.half,
.items div{
		float: none;
		clear: both;
		display: block;
		width: 98%;
		}

	.box {
		float: none;
		clear: both;
		display: block;
		width: 94%;
		margin: 3%;
		} 
  
h2{font-size:20px;}

    tbody th,
    tbody td {
        display: block;
        border: none;
    }
 
.col-sm-6 {
    width: 100%;
}
  
  }
  


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
.clearfix{clear:both;}	
	
h2:after,
h3:after,
.grid3:after,
.bg_box:after,
.blkfacebook:after,
.side-mainbn:after,
.clearfix:after{
content: ""."";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

h2,
h3,
.grid3,
.bg_box,
.blkfacebook,
.side-mainbn,
.clearfix{display: inline-block;}
	
/* Hides from IE-mac \*/
* html h2,
* html h3,
* html .grid3,
* html .bg_box,
* html .blkfacebook,
* html .side-mainbn,
* html .clearfix{height: 1%;}

h2,
h3,
.grid3,
.bg_box,
.blkfacebook,
.side-mainbn,
.clearfix{display: block;}