.topexplanation{
font-family: 游明朝;
text-align: center;
font-size: 0.9em;
letter-spacing: 0.12em;
margin :0 auto;
margin-bottom: 10px;
max-width:80%;
margin-top: 0px;}
/*↑temporaryの入るスペースをmargin-top:60px程度で作る、3行で80px*/
/*スライドショー*/
.slidercontainer{position:relative;
height:371.33px}
.yu-min{font-family: 游明朝;}
.sp-layer{
  border-radius:2px;}
#wide img{
  width:1280px;
  height:480px;}
#slider {
line-height: 160%;
z-index:1;
}

.sliderimg{
 width: 40%;
}

.bold {
font-weight: bold;
}

.fs13 {
font-size: .9em;
line-height: 160%;
}

.fs14 {
font-size: 1.0em;
line-height: 180%;
}
.fs15 {
font-size: 1.2em;
line-height: 180%;
}
.fs15bold {
font-size: 1.2em;
line-height: 180%;
font-weight: bold;
}
.fs17 {
  font-size: 1.5em;
  line-height: 160%;
}
dd {
    margin-left: 0px;
}
.info {
text-align: center;
margin-top: 10px;
}

.sp-image-container a:hover{
text-decoration: none;}

a:link.red {
color:　#ff6633;
font-style: bold;
}
.toparea{
  position: relative;}
.toparea img{
  margin-bottom:10px;}
.sp-image{
   max-height:200px;
   height:auto;}
.toparea ul{
  margin:0;}
.toparea ul li{
  list-style-type:none;}
.banner-comment ul{
  margin-left:10px;}
.eachbanner{
  padding:0;
  position: relative;
max-width:32%;
display:inline-block;
margin-right:1%;}
.banner-title{
  font-size:1.2em;
  font-weight: bold;
  font-family:游ゴシック;
margin:0px;}
.banner-comment {font-size: 0.9em;
  top:0px;
    margin: 0;
  width:52%;
    padding: 15px;
    position: absolute;
  letter-spacing:0.8pt;}
@media (max-width: 1250px){.banner-title{
  font-size:1.1em;
  font-weight: bold;
  font-family:游ゴシック;}
.banner-comment {font-size: 0.8em;
  top:0px;
    margin: 0;
  width:52%;
    padding: 10px;
    position: absolute;
  letter-spacing:0.8pt;
  line-height:1.4;
  }}
@media (max-width: 930px){
.eachbanner{
  max-width:48%;}}
@media (max-width: 750px){
  .toparea{margin:  0 auto;
  max-width:750px;}
.eachbanner{
  max-width:98%;
  margin:1%;}
  .toparea img{
  margin-bottom:0px;}
.banner-title{
  font-size:1em;
  font-weight: bold;
  font-family:游ゴシック;}
.banner-comment {font-size: 0.7em;
  top:0px;
    margin: 0;
  width:52%;
    padding: 5px;
    position: absolute;
  letter-spacing:0.8pt;
  line-height:1.2;
  }}
  
.sp-image-container a:hover{
color:#333;
float:left;}

.kuwasiku{
position:absolute;
bottom: 5%;
right: 5%;
}


@media (max-width: 768px) {
 p.slideshow1 {
font-size: 1.0em;
font-weight: bold;
margin-top : 10px;
}

p.slideshow2 {
font-size: 0.9em;
margin-top : 10px;
}

.bold {
font-weight: bold;
}

.fs14 {
font-size: 1.0em;
line-height: 180%;
}

.fs13 {
font-size: 1.0em;
line-height: 160%;
}

.info {
text-align: center;
margin-top: 10px;
}

.slideshow2 {    font-size: 1.0em;
    margin: 0;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0%;
  left: 0%;}
  
.global-nav-sp { position: relative;
  z-index: 2;}
}
.slideshow3 {    font-size: 1.0em;
    margin: 0;
    padding: 5px;
    background-color: rgba(255,255,255,0.82);
    bottom: 0%;
    left: 10%;
    line-height:1.4;}

.08em { font-size: 0.5em;
}
.slide-price{ font-size: 1.4em;
  font-weight: bold;}


element.style {
}
#contents div.row div.toparea div.seller__section ul li {
    position: relative;
}
.seller-slider { overflow-x :scroll;}
.seller__section ul {
  margin:0;
display:flex;}

.seller__section ul li { display: inline-block;
width: 20%;
  margin-right:2%;
  vertical-align: top;
  flex:none;
}

.seller__section ul li:last-child{
  margin-right:0%;}

.bestseller {
font-size: 0.9em;}

.bestseller dt {
  margin-bottom:10px;}
.banner_box{ content:"";
 display:block;
 clear:both;
  margin-bottom:20px;
 }
.banner_box ul{
  margin:0;}

.banner_box ul li{
  float:left;
  width:32%;
  margin-right:1%;
  list-style-type: none;
 }
.banner_box ul li:last-child{
  margin-right:0%;}

@media (max-width: 750px) {
  .seller__section {
width:100%;}
 
 .seller__section ul li { display: block;
width: 40%;
  margin-left:2%;
  vertical-align: top;
  }

.banner_box ul li{ 
  width:92%;
  margin-left:4%;
  border:1px solid #ddd;
   margin-bottom: 10px;
 }
}

.selection-panel{ padding:10px;}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
.br{display:block;}
#temporary
{position: absolute;
    top: 45px;
    left: 50%;
  -webkit-transform: translate(-50%, -50%);
  width:90%;
}
/*↑temporaryの入る位置をtop:35px程度で作る、3行で45px*/
#temporary table{
  border:none;
margin:0 auto;}
.darkblue{color:#000d99;}