@charset "euc-jp";
/* CSS Document */

/*---------------------------------- 
	(c)SBD Style 
	Template:DoMo lettuce
	ver:0.1
	type:Giga_plan_kiji
	¾¦Éʸ¡º÷·ë²Ì
----------------------------------*/

.cg_freespace_01 {
  padding: 0 5px 0 5px;
  margin: 0 0 20px 0;
}

.cg_freespace_02 {
  padding: 0 5px 0 5px;
  margin: 0 0 20px 0;
}

.cg_freespace_01 img,
.cg_freespace_02 img {
  border: 1px solid #CCCCCC;
}

.cg_freespace_01 p,
.cg_freespace_02 p {
  margin: 0 0 10px 0;
}

.cg_freespace_01 ul,
.cg_freespace_02 ul {
  margin: 0 0 10px 20px;
  padding: 0;
}

/*default two list*/

#container div.content ul.result {
  margin-bottom: 0;
}

#container div.content ul.result::after {
  display: block;
  content: '';
  clear: both;
  width: 670px;
}

#container div.content ul.result li {
  list-style: none;
  width: 240px;
  float: left;
  margin: 47.5px;
  margin-top: 0;
  margin-bottom: 50px;
}

#container div.content ul.result.two li:nth-child(2n+3) {
  clear: both;
}

/*default three list*/

#container div.content ul.result.three li {
  list-style: none;
  width: 210px;
  float: left;
  margin: 6.6px;
  margin-top: 0;
  margin-bottom: 50px;
}

#container div.content ul.result.three li:nth-child(3n+4) {
  clear: both;
}

/*default four list*/

#container div.content ul.result.four li {
  list-style: none;
  width: 150px;
  float: left;
  margin: 8.75px;
  margin-top: 0;
  margin-bottom: 35px;
  font-size:0.8em;
}

#container div.content ul.result.four li:nth-child(4n+5) {
  clear: both;
}

/* pager */

#container div.content div.sort {
  margin-bottom: 0;
  text-align: right;
}

#container div.content div.pagenavi2 {
  margin-bottom: 0;
  font-size: 12px;
  text-align: right;
}

#container div.content div.category_title {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333;
  padding-bottom: 10px;
  font-size: 18px;
  margin-bottom: 0;
}

#container div.content div.pagenavi {
  text-align: right;
  font-size: 12px;
}

#container div.content div.right {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333;
  text-align: center;
}

#container div.content div.right a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #aaa;
  margin-bottom: 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

/*  // pager  */

/* pankuzu */

#container div.content div.pankuzu {
  font-size: 12px;
  text-align: right;
  text-align: right;
  top: -40px;
  letter-spacing: 0.1em;
  position: absolute;
  right: 0;
}

#container div.content div.search_result {
  margin-bottom: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333;
}

/* ----------------------------------------------------- */

#container div.content ul.result.four li.img {
  position: relative;
}

#container div.content ul.result.four li.img .name {
  line-height: 1.5em;
  margin-bottom: 0;
}

#container div.content ul.result.four li.img div.name a {
  display:block;
  line-height: 1em;
  font-size: 1em;
}

#container div.content ul.result.four li.img .img-layout {

}

#container div.content ul.result.four li.img .img-layout a {

  display: table-cell;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  width: 150px;
  overflow: hidden;
}

#container div.content ul.result.four li.img > div {
  float: left;
}

#container div.content ul.result.four li.img > div:nth-child(3) {
}

#container div.content ul.result.four li.img div div.price {
  width: 100%;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
}

#container div.content ul.result.four li.img div div.price > div {
  margin: 0;
  line-height: 2em;
}



#container div.content ul.result.four li.img div div.explain {
  line-height: 20px;
  margin-bottom: 0;
}

#container div.content ul.result.four li.img div.exp {
  margin-bottom: 0px;
}

#container div.content ul.result.four li.img div.img-layout div.soldout {
  background: url("https://code.sbd-style.net/client/shoubou/jquery/soldout.png") no-repeat center center rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  height: 150px;
  width: 150px;
  left: 0;
  position: absolute;
  top: 0;
}

/* ----------------------------------------------------- */

#container div.content ul.result.three li.img {
  position: relative;
}

#container div.content ul.result.three li.img .name {
  text-align: center;
  width: 100%;
  display:block;
  margin-bottom:1em;
}

#container div.content ul.result.three li.img div.name a {
  height: 40px;
}

#container div.content ul.result.three li.img .img-layout {
  margin-bottom: 0;
}

#container div.content ul.result.three li.img .img-layout a {

  display: table-cell;
  height: 210px;
  text-align: center;
  vertical-align: middle;
  width: 210px;
  overflow:hidden;
 }

#container div.content ul.result.three li.img > div {
  float: left;
  width: 210px;
}

#container div.content ul.result.three li.img div div.price {
  width: 100%;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
}

#container div.content ul.result.three li.img div div.explain {
  line-height: 20px;
  margin-bottom: 0;
}

#container div.content ul.result.three li.img div.exp {
  margin-bottom: 0;
  width: 100%;
}

#container div.content ul.result.three li.img div.img-layout div.soldout {
  background: url("https://code.sbd-style.net/client/shoubou/jquery/soldout.png") no-repeat center center rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  height: 210px;
  width: 210px;
  left: 0;
  position: absolute;
  top: 0;
}

/* ----------------------------------------------------- */

#container div.content ul.result li.img div div.price > div {
  margin-bottom: 0;
  line-height: 2em;
  width: 100%;
}

#container div.content ul.result.two li.img {
  position: relative;
}

#container div.content ul.result.two li.img .name {
  display:block;
  margin-bottom:1em;
}

#container div.content ul.result.two li.img div.name a {
  height: 40px;
}

#container div.content ul.result.two li.img .img-layout a img {
  max-height: 240px;
  max-width: 240px;
}

#container div.content ul.result.two li.img .img-layout {

  margin-bottom: 0;

  
}

#container div.content ul.result.two li.img .img-layout a {

  display: table-cell;
  height: 240px;
  text-align: center;
  vertical-align: middle;
  width: 240px;
  overflow:hidden;
}

#container div.content ul.result.two li.img div {
}

#container div.content ul.result.two li.img div:nth-child(3) {

}

#container div.content ul.result.two li.img div div.price {
  width: 100%;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
}

#container div.content ul.result.two li.img div div.explain {
  line-height: 20px;
  margin-bottom: 0;
}

#container div.content ul.result.two li.img div.exp {
  margin-bottom: 0px;
}

#container div.content ul.result li.img div div.price div.price_search,
#container div.content ul.result li.img div div.price div.discount_rate_search {
  font-weight: bold;
}

#container div.content ul.result li.img div div.price div.discount_rate_search {
  color: #F33;
}

#container div.content ul.result.two li.img div.img-layout div.soldout {
  background: url("https://code.sbd-style.net/client/shoubou/jquery/soldout.png") no-repeat center center rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  height: 240px;
  width: 240px;
  left: 0;
  position: absolute;
  top: 0;
}

/*-------------------------------------*/

div.regular_price_search > span {
  display: block;
}

div.price div.price_search span {
  display: block;
}

/*-------------------------------------*/
.pagenavi2,
.pagenavi{
  margin-bottom: 5px !important;
  border-bottom: solid 1px #ccc;
  font-size:14px;
}
.right.pager {
	text-align: center;
}
.category_title{
  font-weight:bold;
  font-size:18px;
}
/*----------------------*/
.view_list,
.f_result,
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.f_result,
.f_wrap{
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.li1{
  width:100%;
  margin-bottom:30px;
    position:relative;
}

.li2{
  width:50%;
    position:relative;
}

.li3{
  width:33%;
    position:relative;
}

.li4{
  width:25%;
  position:relative;
}
.kiji .price_area{
  display:none;
}
.img_area img{
  max-height:100%;
}
/*---- li1 -----*/

.li1 .img_area {
  width:30%;
  margin-bottom:0 !important;
   overflow:hidden;
}
.li1 .img_area a{
  width:100%;
  margin-bottom:0 !important;
  justify-content: center;
  align-items: center;
  height:265px;
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  max-width: 265px;
  min-width: 265px;
  text-align: center;
}
.li1 .text_area{
	width: 70%;
    margin-bottom:0 !important;
      flex-direction: column;
}
.li1 .name,
.li1 .price_area,
.li1 .exp{
  width:95%;
  padding-left:5%;
}
.li1 .text_area div{
  margin-bottom:0 !important;
}
.li1 .price_area{
  order:1;
  text-align:right;
}
/*---- li2 -----*/

.li2 .img_area{
  width:90%;
  padding:5%;
  margin:0 !important;
  min-height:300px;
  position:absolute;
   overflow:hidden;
}
.li2 .img_area a{
  width:100%;
  height:400px;
  justify-content: center;
  align-items: center;
  min-height:150px;
  max-height:400px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  max-width: 400px;
  min-width: 400px;
  text-align: center;
}
.li2 .name,
.li2 .price_area,
.li2 .exp{
  width:90%;
  padding:0 5%;
}
.li1 .exp,
.li2 .exp{
  font-size:0.8em;
}
.li2 .text_area div{
    margin-bottom:0 !important;
}
.li2 .text_area {
  width:100%;
  padding-top:330px;
}

/*---- li3 -----*/

.li3 .img_area{
  width:90%;
  padding:5%;
  margin:0 !important;
  min-height:200px;
  position:absolute;
  overflow:hidden;
}
.li3 .img_area a{
  width:100%;
  height:200px;
  justify-content: center;
  align-items: center;
  min-height:150px;
  max-height:200px;
}
.li3 .name,
.li3 .price_area,
.li3 .exp{
  width:90%;
  padding:0 5%;
}

.li3 .text_area div{
    margin-bottom:0 !important;
}
.li3 .text_area {
  width:100%;
  padding-top:230px;
}


/*---- li4 -----*/

.li4 .img_area{
  width:90%;
  padding:5%;
  margin:0 !important;
  min-height:150px;
  position:absolute;
   overflow:hidden;
}
.li4 .img_area a{
  width:100%;
  height:150px;
  justify-content: center;
  align-items: center;
  min-height:150px;
  max-height:150px;
}
.li4 .name,
.li4 .price_area,
.li4 .exp{
  width:90%;
  padding:0 5%;
}

.li4 .text_area div{
    margin-bottom:0 !important;
}
.li4 .text_area {
  width:100%;
  padding-top:170px;
}
/*----type3--------*/
.type3 .li1 .img_area{
  width:100%;
}
.type3 .li1 .text_area{
  display:none;
}
.type3 .li1 .img_area a{
  height:auto;
}
/*----type2--------*/
.type2 .name,
.type2 .exp{
  display:none;
}
.type2 .li1 .img_area{
  width:100%;
}
.type2 .li1 .text_area{
  width:100%;
  
}
.type2 .li1 .price_area{
  padding-left:0;
  text-align:center;
}
.type2 .li1 .img_area a{
  height:auto;
}
.type2 .li4 .price_area,
.type2 .li3 .price_area,
.type2 .li2 .price_area{
  text-align:center;
}
/*----type3--------*/
.type3 .name,
.type3 .price_area,
.type3 .exp{
  display:none;
}
/*------------*/
.view_list i {
	display: inline-block;
	background: #efefef;
	cursor: pointer;
	padding: 1px 5px;
	text-align: center;
	border-radius: 5px;
	font-style: normal;
	font-size: 10px;
	box-shadow: 0 0 0 1px #ccc;
}
.view_list li{
  margin-right:10px;
  font-size:12px;
  list-style:none;
}
.view_list select{
  font-size:12px;
}
#re_search {
  display:table;
  margin-bottom:30px;
}
#re_search select {
	width: 120px;
	float: left;
	margin-top: 10px;
	height: 30px;
	padding: 1px;
	border: none;
}
#re_search input[type="text"], #re_search select {
	box-shadow: 0 0 0 1px #CCC inset;
}
#re_search select, #re_search input[type="text"], #re_search input[type="submit"] {
	margin-top: 0 !important;
}
#re_search input[type="text"] {
	width: 180px;
	float: left;
	margin-top: 10px;
	height: 26px;
	padding: 2px;
	border: none;
}
#re_search input[type="submit"] {
	background: #CCC;
	height: 30px;
	width: 35px;
	margin-top: 10px;
	float: left;
	border: none;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-top-right: 8px;
	-moz-border-radius-bottom-right: 8px;
  cursor:pointer;
}
#re_search input[type="submit"] {
	content: '';
	background-image: url(https://code.sbd-style.net/client/share/jquery/icon_b.png) !important;
	background-position: -56px -3px !important;
	background-repeat: 0;
}
.f_result .price_all,
.f_result .exp,
.f_result .price_area,
.f_result .name {
	padding: 0 !important;
	width: 100%;
  letter-spacing: 0 !important;
}
/*---------------------*/
.page {
  list-style: none;
  display: table;
  width: 100%;
  text-align:center;
  line-height:1;
}
.page li {
  display: inline-block;
  text-align: center;
  margin: 0 0.3em;
}
.page li a{
  display:block;
  padding:0.5em;
  background:#69c;
  color:#fff;
  border-radius:5px;
  padding:0.5em;
  min-width:1em;
}
.page li span{
  display:block;
  padding:0.5em;
  border-radius:5px;
  padding:0.5em;
  min-width:1em;
  color:#69c;
  box-shadow:0 0 0 1px #69c;
}
li.lines span, li.lines a {
	display: inline-block;
}
.lines span {
	box-shadow: 0 0 0 0 white !important;
}
/*---------------------*/