/*slider*/
.slider {
  margin-top: 5px;
  display: block;
  margin: 0 auto;
}
.sub-slider div img {
    width: 48%;
    float: left;
    margin-top: 10px;
    padding: 6px;
}
@media screen and (max-width:719px){
.sub-slider { display: flex; justify-content:space-between; flex-wrap: wrap; margin-bottom:0 !important; }
.sub-slider div { width:49%; }
.sub-slider div img { width: 100%; padding:0; }
}

.bx-pager {
  margin: 0;
  padding: 0;
}

.bx-wrapper {
  margin-bottom: 0 !important;
}

.bx-wrapper .bx-viewport {
  left: -1px !important;
  border: none !important;
  margin: 0 auto !important;
  background: #fff;
}

.bx-pager-item {
  visibility: hidden;
}

/* frees pace */
.news {
  border-style: double none;
  /*border-color: #b2a487;*/
  max-width: 900px;
  padding: 18px 0 10px 0;
  margin: 0 auto;
  margin-top: 5em;
}

.news-inner {
  max-width: 1050px;
  /*margin-top: 10px;
  margin-bottom: 10px;*/
  padding-left: 5px;
  color: #5d5d5d;
}

.free-space {
  max-width: 900px;
  margin-top: 10px;
  margin-bottom: 3em;
  padding-left: 5px;
  color: #5d5d5d;
}

/* recommernd */
.recommend-items {
  margin-top: 3em;
}

.clearfix.item_bnr .left_box li {
    height: 120px!important;
    margin: 0;
    padding: 0;
}

.clearfix.item_bnr .right_box li {
    height: 165px!important;
  margin: 0;}

.mt30{ margin-top: 50px;}

div#container {
    margin-top: 0;
}

.mt_30 {
    margin: 50px 0 20px;
}

h2 {
    margin: 10px 0 50px;
}

img.prd-lst-img.title_img {
    width: 270px;
}

.scene-list .prd-lst-unit {
  	max-height: 260px;
    margin-bottom: 40px;
    padding: 0 10px 0 0;
    text-align: center;
}
@media screen and (min-width:720px){
 
  
  .left_box.right_box {
    float: none;
    width: 100%;
}
   .left_box.col-xs-12 {
    width: 50%; 
}
     .right_box.col-xs-12 {
    width: 50%; 
}
}
	ul.number li{
		position: relative;
	}	
		ul.number li:before{
		background-color: rgba(218, 166, 74, 0.8);
		position: absolute;
		top: 0 ;
		left: 0;
		z-index: 100;
		width: 20px;
		height: 20px;
		color: #FFFFFF;
		font-size: 17px;
		padding: 5px;
		text-align: center;
		vertical-align: top;			
	}
	ul.number li:nth-of-type(1):before{
		content: "1";
	}
		ul.number li:nth-of-type(2):before{
		content: "2";
	}
		ul.number li:nth-of-type(3):before{
		content: "3";
	}
		ul.number li:nth-of-type(4):before{
		content: "4";
	}

.typeList02 { width: 100%; display: flex; justify-content: space-between; }
.typeList02 div { padding: 0 0.5%; }
.priceList { display: flex; width: 100%; justify-content:space-between; list-style: none; margin: 0 auto; }
.priceList li { padding: 1%; }

@media screen and (max-width:719px){
h2.title-h2 { width: 100%; box-sizing: border-box; margin-bottom: 20px; padding-left:22%; background-size: 25%; font-size: 1.3em; }
.typeList01 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.typeList01 li { width: 50%; padding: 1% !important; }
.typeList02 { display: block; }
.typeList02 div { padding: 0; }
.rankingList { display: flex; justify-content: space-between; flex-wrap: wrap; }
.rankingList li { width: 49%; }
.scene-list .prd-lst-unit { padding: 0; }
.priceList { flex-wrap: wrap; }
.priceList li { width: 50%; box-sizing: border-box; }
.bottomBnr div.left_box,
.bottomBnr div.right_box { float: none; width: 100%; }
}

.topics { display: flex; flex-wrap: wrap; font-size: 16px; }
.topics dt { width: 15%; border-bottom: 1px dashed #b2a487; margin: 0 0 4%; padding-left: 1%; box-sizing: border-box; }
.topics dd { width: 85%; border-bottom: 1px dashed #b2a487; margin: 0 0 4%; padding-bottom: 2%; }

@media screen and (max-width:719px) {
.topics dt { width: 100%; border-bottom: none; margin-bottom: 1%; }
.topics dd { width: 100%; }
}

.topInfo {
  margin-bottom: 7%; padding: 3%;
  border: 2px solid #d11616; }
.topInfo h2 {
  margin: 0 0 2%;
  color: #d11616;
  font-weight: bold;
  text-align: center; letter-spacing: 0.1em; }