@charset "euc-jp";
#container {
  padding-top: 20px;
}
.header-headline-nav li a {
  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}
.header-global-nav a,
.header-global-nav span {
  padding-bottom: 5px;

  color: #4d4d4d;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  cursor: pointer;
}
#nav a {
  color: #4d4d4d;
}

#slideshow-block {
  margin-bottom: 0px;
}
#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  background: url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  text-indent: -999em;
}
#supersized {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
  #supersized .row {
    position: relative;
  }
  #supersized img {
    position: absolute;
    display: none;
    width: auto !important;
    height: auto !important;
    outline: none;
    border: none;
  }
  #supersized.speed img {
    -ms-interpolation-mode:nearest-neighbor;
    image-rendering: -moz-crisp-edges;
  }
  #supersized.quality img {
    -ms-interpolation-mode:bicubic;
    image-rendering: optimizeQuality;
  }
  #supersized li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -30;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #fff;
    list-style: none;
  }
  #supersized li.prevslide {
    z-index: -20;
  }
  #supersized li.activeslide {
    z-index: -10;
  }
  #supersized li.image-loading {
    width: 100%;
    height: 100%;
    background: #111 url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
  }
  #supersized li.image-loading img {
    visibility: hidden;
  }
  #supersized li.prevslide img,
  #supersized li.activeslide img {
    display: inline;
  }
#slide-list {
  position: absolute;
  bottom: 20px;
  margin: 0 !important;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: .85em;
  font-family: Arial;
}
  #slide-list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
  }
  #slide-list a {
    display: block;
    margin: 0 5px;
    width: 70px;
    height: 10px;
    outline: 0;
    background: #5e5e5e;
    text-indent: -9999px;
    opacity: 0.7;
    cursor: pointer;
  }
  #slide-list a:hover,
  #slide-list .current-slide a {
    background: #ecd062;
    opacity: 1;
  }
#controls-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  *z-index: 50;
}
#controls {
  position: relative;
  z-index: 50;
  height: 100%;
}
#slidecaption {
  position: absolute;
  bottom: 0;
  left: 1%;
  z-index: 2;
  padding-bottom: 20px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
}
  #controls-wrapper.mode-static {
    position: static;
    padding: 15px 0;
    height: auto;
  }
  #controls-wrapper.mode-static #slide-list {
    position: static;
  }
  #controls-wrapper.mode-static #slidecaption {
    position: static;
  }

.txtRed{
color:#EA0707;
}
.ttl-h2{margin-bottom:1.3em;margin-top:0.3em;
clear: both;
vertical-align: bottom;
}
.ttl-h2 .top_Ttl{
padding-right:10px;
}

.ttl-h2 .top_Ttl01{
width:20%;
}
.ttl-h2 .top_Ttl02{
width:15%;
}


.top_info {
margin-bottom:5%;
}

.top_Bn {
float:left;
width:100%;
hieght:100%;
padding:0 0 20px 0;
}

.top_Bn .bn_conts {
	width:49%;
	margin:0 0 2% 0;
}
.top_Bn .bn_conts_l{ float:left;}
.top_Bn .bn_conts_r{ float:right;}


.top_Bn .top_Bn_Product {
float:left;
width:100%;
height:100%;
margin:0;
}



.top_Bn .top_Bn_Product_l {
width:49%;
float:left;
margin:0;
}

.top_Bn .top_Bn_Product_r {
width:49%;
float:right;
}

.top_Bn .p_photo {
min-width:47%;
}

.top_Bn dl {
width:100%;
margin:0 0;
background-color:#F3F3F3;
}

.top_Bn dt{
width:100%;
margin:0;
}

.top_Bn dd {
width:96%;
font-weight:bold;
font-size:90%;
background:#F3F3F3;
margin:0;
padding:2% 2%;
line-height: 1.3em;
}

.top_Bn dd .txt {
width:100%;
font-weight:normal;
font-size:90%;
padding:2% 0;

}

.top_nunocoto {
      float:left;
      height:100%;
      margin-bottom:30px;
	  width:98%;
}

.prd-lst-name{
	height:36px;}
	
.col-sm-2{
}

.prd-lst-unit-ul .col-lg-3
{ width:31.1%;
margin: 0 1% 3% 1%;
padding:0.5%;
}

.prd-lst-price{padding: 0 5px 0 5px;}




/*    新着情報　　*/

#arrival .ico_new{
position: absolute;
z-index: 1;
margin:0 0 0 0;
}

#arrival{
	margin:0 -1.5%;
}
#arrival li{
	width: 31.1%;
margin: 0 1% 1% 1%;
padding: 0.5%;
display:inline-table;
}
#arrival li dl{
	margin:0;
	height:240px;}
@media only screen and (max-width: 480px)  {
 #arrival li dl{
	height:auto;}
}
#arrival li dl dd{
width: 94%;
font-size: 90%;
margin: 0;
padding: 1% 0;
font-weight: bold;
line-height: 1.7em;
height: 72px;
color: #1B76AD;
}

#arrival li dl dd .d_txt {
width: 100%;
font-weight: normal;
font-size: 95%;
margin: 0;
padding: 2% 0;
line-height: 1.5em;
color: #444;
text-align: right;
}


@media only screen and (max-width: 980px) {
#arrival li{
width: 46.5%;
margin: 0 1.5% 5% 1.5%;}
}
@media only screen and (max-width: 480px)  {
#arrival .ico_new{
	position: absolute;
z-index: 1;
margin: 0 0 0 0;
width: 65px;

}
#arrival li dd{
	height: 100px;
line-height:1.3em;
}
#arrival li dl dd{
	font-size: 80%;
    height: 45px;
}
	#arrival li dl dd .d_txt{

font-weight: normal;
font-size: 95%;
}
}





/*〜ipad まで*/
@media only screen and (max-width: 980px) {
  #supersized {
    top: 60px;
  }
  #controls-wrapper {
    position: static;
    height: auto;
  }
  #slide-list {
    position: static;
    padding-top: 15px;
  }
    #slide-list a {
      width: 15px;
      height: 15px;
    }
  #slidecaption {
    left: 3%;
    padding-bottom: 6px;
    font-size: 20px;
  }
  #supersized {top: 60px;}
  #controls-wrapper {
        position: static;
        height: auto;
  }
  #slide-list {
  	position: static;
    padding-top: 15px;
  }
  #slide-list a {
  	width: 15px;
    height: 15px;
  }
  #slidecaption {
  	left: 3%;
    padding-bottom: 6px;
    font-size: 20px;
  }
  
.col-sm-2{
	}

.prd-lst-unit-ul .col-lg-3
{ width:46%;
margin: 0 1.5% 5% 1.5%;
}	

.prd-lst-span{
	margin-top:5%;}	
	  
}
/*〜ipad まで*/




/*パッドのみsスマフォを含まない*/
@media screen and (min-width: 481px) and (max-width: 768px)
}	

/*〜スマフォ〜padまで*/
@media only screen and (max-width: 768px) {

  #slidecaption {
    left: 20px;
  }

.top_Bn .bn_conts {
 width:49%;

}


.top_Bn_Product_l {
width:48.5%;
	float:left;
	margin:0;
}

.top_Bn_Product_r {
width:48.5%;
	float:right;
	margin-right:0;
 padding-right:2%;
}

dd {
width:96%;
	font-weight:bold;
	font-size:80%;
	background-color:#F3F3F3;
margin:0;
padding:2% 2%;
}

dd .txt {
width:96%;
	font-weight:normal;
	font-size:85%;
padding-bottom:3%;
}

  .top_nunocoto {
      float:left;
      height:100%;
      margin-bottom:20px;
    }
    .ttl-h2 .top_Ttl{
      height:50%;
      padding-right:10px;
      max-width:60%;
    }
    .ttl_line {
      border-bottom:dashed 1px #333;
      max-width:100%;
      min-width:50%;
      padding-bottom:10px;
    }
    .header-headline-nav li a {
        color: #4d4d4d;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px;
    }
    .header-global-nav a,.header-global-nav span {
        padding-bottom: 5px;
        color: #4d4d4d;
        text-decoration: none;
        font-weight: normal;
        font-size: 18px;
        cursor: pointer;
    }
    #nav a {
        color: #4d4d4d;
    }
    #slideshow-block {
        margin-bottom: 0px;
    }
    #supersized-loader {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      margin: -30px 0 0 -30px;
      width: 60px;
      background: url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
      text-indent: -999em;
    }
    #supersized {
      position: absolute;
      left: 0;
      z-index: 1;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }
    #supersized .row {
        position: relative;
    }
    #supersized img {
        position: absolute;
        display: none;
        width: auto !important;
        height: auto !important;
        outline: none;
        border: none;
    }
    #supersized.speed img {
        -ms-interpolation-mode:nearest-neighbor;
        image-rendering: -moz-crisp-edges;
    }
    #supersized.quality img {
        -ms-interpolation-mode:bicubic;
        image-rendering: optimizeQuality;
    }
    #supersized li {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -30;
        display: block;
        overflow: hidden;
        width: 100%;
        height: auto;
        background-color: #fff;
        list-style: none;
    }
    #supersized li.prevslide {
        z-index: -20;
    }
    #supersized li.activeslide {
        z-index: -10;
    }
    #supersized li.image-loading {
        width: 100%;
        height: 100%;
        background: #111 url(https://img.shop-pro.jp/tmpl_img/68/progress.gif) no-repeat center center;
    }
    #supersized li.image-loading img {
      visibility: hidden;
    }
    #supersized li.prevslide img,#supersized li.activeslide img {
      display: inline;
    }

    #slide-list {
      position: absolute;
      bottom: 20px;
      margin: 0 !important;
      width: 100%;
      text-align: center;
      font-weight: bold;
      font-size: .85em;
      font-family: Arial;
    }
    #slide-list li {
      display: inline-block;
      *zoom: 1;
      *display: inline;
    }
    #slide-list a {
      display: block;
      margin: 0 5px;
      width: 40px;
      height: 5px;
      outline: 0;
      background: #5e5e5e;
      text-indent: -9999px;
      opacity: 0.7;
      cursor: pointer;
    }
    #slide-list a:hover,
    #slide-list .current-slide a {
      background: #ecd062;
      opacity: 1;
    }
    #controls-wrapper {
      position: absolute;
      left: 0;
      width: 100%;
      height: 10px;
      *z-index: 50;
    }
    #controls {
      position: relative;
      z-index: 50;
      height: 100%;
    }
    #slidecaption {
      position: absolute;
      bottom: 0;
      left: 1%;
      z-index: 2;
      padding-bottom: 20px;
      color: #fff;
      font-size: 40px;
      line-height: 1.2;
    }
    #controls-wrapper.mode-static {
      position: static;
      padding: 15px 0;
      height: auto;
    }
    #controls-wrapper.mode-static #slide-list {
      position: static;
    }
    #controls-wrapper.mode-static #slidecaption {
      position: static;
    }
    .recommend-tile ul { 
      width: 28%;
      margin:0;
      padding:0;
    }
    .recommend-tile { 
      width: 30%;
      padding-right:15px;
    }

.col-sm-2{
}
	



}
/*〜スマフォ〜padまではここまで*/
/*スマフォだけここから*/
@media only screen and (max-width: 481px){
#container {
padding-top: 0px;
}

.top_info {
margin-bottom:5%;
font-size:80%;
}
	
	
.top_article .top_article_01 {
float:left;
width:100%;
margin:0 0 3% 0;
}

.top_article .top_article_02 {
float:right;
width:100%;
margin:0 0 3% 0;
}

.top_article .a_left dl {
float:left;
width:48.5%;
background-color:#F3F3F3;
margin:0;
}

.top_article .a_left dt{
width:100%;
margin:0;
}

.top_article .a_left dt .ico_new {
position: absolute;
z-index: 1;
margin:-30px 0 0 102px;
width:45px;
height:45px;
}

.top_article .a_left dd {
width:90%;
font-size:75%;
font-weight:bold;
height:60px;
margin:0;
padding:3% 5%;
}

.top_article .a_left dd .txt {
width:100%;
font-weight:bold;
font-size:105%;
line-height:1.1em;
margin:0;
padding:2% 0;
}

.top_article .a_right dl {
float:right;
width:48.5%;
background-color:#F3F3F3;
margin:0 0;
}

.top_article .a_right dt{
width:100%;
margin:0;
}

.top_article .a_right dt .ico_new {
position: absolute;
z-index: 1;
margin:-30px 0 0 102px;
width:45px;
height:45px;
}

.top_article .a_right dd {
width:90%;
font-size:75%;
font-weight:bold;
height:60px;
margin:0;
padding:3% 5%;
}

.top_article .a_right dd .txt {
width:100%;
font-weight:bold;
font-size:105%;
line-height:1.1em;
margin:0;
padding:2% 0;
}

.top_Bn .bn_conts {
	width:100%;
	margin:0 0 3.5% 0;
}	
.top_nunocoto {
width: 100%;
}	

.top_Bn .bn_conts_r{
	padding:0;}
	.ttl-h2{ font-size:100%;}
	.ttl-h2 .top_Ttl01{
	width: 45%;
}
.top_Bn .top_Bn_Product_l{width: 49%;}
.top_Bn .top_Bn_Product_r{ padding:0; width: 49%;}
.ttl-h2 .top_Ttl02{
width:30%;
}

    .ttl-h2 .top_Ttl{
      height:auto;
      padding-right:10px;
      max-width:60%;
    }	
	
  .top_Bn img{
    width:100%;
  }

.top_Bn dd {
height:75px;
width: 90%;
padding: 3%;
}
.top_Bn dd .txt {
margin-top: 2%;
}

.prd-lst-name {
	height: 50px;}

.col-sm-2{
}
	
.prd-lst-unit-ul .col-lg-3
{ width:47%;
margin: 0 1.5% 5% 1.5%;
padding:1%;
}	

}


/*スライダ関係*/
.slider .bx-wrapper .bx-viewport{
box-shadow:none;
border:none;
}  


/*あとから追加*/
.grid_row{margin-bottom:3%;}
.grid_row ul.m-2{ margin:0 -2%;}
.pt10{padding-top:10px;}
.disnone{display:none;}


.social_plug {
background-color:#F3F3F3;
max-width:600px;
margin:0 auto 3%;
text-align:center;
width:90%;
padding:5% 15%;
}

.fb-likebox-wrap iframe{ 
width: 100%!important;
text-align:center;
background-color:#FFF;

 }


.insta_bn {
max-width:400px;
text-align:center;
margin:2% auto;
width:100%;
padding:3% 0 0 0;
}

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

.social_plug {
text-align:center;
background-color:#FFF;
margin:0 auto 3%;
padding:5% 0;
width:90%;
}

.insta_bn {
width: 100%;
text-align:center;
margin:5% 0 5% 0;
}

}

.shop_info {
font-size:13px;
}

.shop_info .ttl {
font-size:13px;
font-weight:bold;
}

.shop_info .txt {
font-size:12px;
}

.prd-lst-span {
margin-top: 5%;
}

#icon_sns{
}
#icon_sns li{
  display:inline-block;
  	list-style:none;
  margin: 0 10px;
    width: 45px;
}
#icon_sns li img{
  width:170% !important;
}{
#icon_sns li A{
}