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

/*---------------------------------- 
	(c)SBD Style 
	Template:DoMo lettuce
	ver:0.1
	type:Giga_plan_kiji
	¾¦ÉÊ°ìÍ÷
----------------------------------*/

/* 200925 */
.pc-free_box{
	margin: 20px 0;
}

.pc-free_box img{
	width: 100%;
	height: auto;
	margin: 0 0 20px;
}

.pc-free_box p{}
/* /200925 */

.no_item{
  clear:both;
}
.cg_freespace_01 {
  padding: 0px;
  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: 0px 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;
}

#container div.content ul.sub_category {
  float: left;
  width:100%;
  display:table;
  padding-bottom:10px;
  border-bottom:solid 1px #ccc;
}

#container div.content ul.sub_category::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
  height: 1px;
}

#container div.content ul.sub_category.four > li {
  list-style: none;
  float: left;
  width: 150px;
  margin: 8px;
  text-align: center;
}

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

#container div.content ul.sub_category.four > li > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 150px;
  width: 150px;
  box-shadow: 0 0 0 0px rgba(200, 200, 200, 1);
}

#container div.content ul.sub_category.four > li > a> img {
  max-height: 150px;
  max-width: 150px;
}

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

#container div.content ul.sub_category.eight > li {
  list-style: none;
  float: left;
  width: 75px;
  margin: 4px;
  font-size: 0.8em;
  text-align: center;
}

#container div.content ul.sub_category.eight > li:nth-child(8n+9) {
  clear: both;
}

#container div.content ul.sub_category.eight > li > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 75px;
  width: 75px;
  box-shadow: 0 0 0 1px rgba(200, 200, 200, 0);
}

#container div.content ul.sub_category.eight > li > a> img {
  max-height: 75px;
  max-width: 75px;
}

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

#container div.content ul.sub_category > li.sub_title,
#container div.content ul.sub_group > li.sub_title {
  list-style: none;
  float: left;
  width: 160px;
  margin: 3px;
  font-size: 1em;
  text-align: center;
}

#container div.content ul.sub_category > li.sub_title:nth-child(4n+5),
#container div.content ul.sub_group > li.sub_title:nth-child(4n+5) {
  clear: both;
}

#container div.content ul.sub_group.eight > li.sub_title:nth-child(4n+5){
  clear:none;
  
}
#container div.content ul.sub_group.eight > li.sub_title:nth-child(8n+9){
  clear:both;
}

#container div.content ul.sub_category > li.sub_title > a,
#container div.content ul.sub_group > li.sub_title > a {
  background: #640125; /* 200925 */
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 30px;
    width: 160px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #FFF;
    padding: 7%;
    line-height: 1.2;
    box-shadow: none;
    font-size: 0.9em;
}

#container div.content ul.sub_category > li.sub_title > a:hover,
#container div.content ul.sub_group > li.sub_title > a:hover {
opacity:0.8;
}

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

#container div.content ul.sub_group {
  float: left;
}

#container div.content ul.sub_group::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
  height: 1px;
}

#container div.content ul.sub_group.four > li {
  list-style: none;
  float: left;
  width: 150px;
  margin: 8px;
  text-align: center;
}

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

#container div.content ul.sub_group.four > li > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 150px;
  width: 150px;
  box-shadow: 0 0 0 0px rgba(200, 200, 200, 1);
}

#container div.content ul.sub_group.four > li > a> img {
  max-height: 150px;
  max-width: 150px;
}

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

#container div.content ul.sub_group.eight > li {
  list-style: none;
  float: left;
  width: 75px;
  margin: 4px;
  font-size: 10px;
  text-align: center;
}

#container div.content ul.sub_group.eight > li:nth-child(8n+9) {
  clear: both;
}

#container div.content ul.sub_group.eight > li > a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 75px;
  width: 75px;
  box-shadow: 0 0 0 1px rgba(200, 200, 200, 1);
}

#container div.content ul.sub_group.eight > li > a> img {
  max-height: 75px;
  max-width: 75px;
}
.pagenavi2,
.pagenavi{
  margin-bottom: 5px !important;
  border-bottom: solid 1px #EDE4DA;
  font-size:14px;
}
.right.pager {
	text-align: center;
  color:#EDE4DA ;
}
.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:200px; 
  /*ie*/
  display: table-cell;
  vertical-align: middle;
  max-width: 200px;
  min-width: 200px;
  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:300px;
  justify-content: center;
  align-items: center;
  min-height:150px;
  max-height:300px;
  display: table-cell;
  vertical-align: middle;
  max-width: 300px;
  min-width:300px;
  text-align:center;
}
.li2 .name,
.li2 .price_area,
.li2 .exp{
  width:100%;
}

.li2 .text_area div{
    margin-bottom:0 !important;
}
.li2 .text_area {
  width:100%;
  padding:330px 1em 0 1em;
}
.li2 .exp{
  padding:0 1em;
}
/*---- 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:100%;
}

.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:100%;
}

.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;
}
.view_list select{
  font-size:12px;
}
.pager a {
	background: #c51627;
	padding: 5px;
	border-radius: 8px;
	color: #FFF;
  display: inline-block;
}
td.cartjs_quantity input {
    min-width: 2em;
    display: table-cell;
    text-align: center;
}
.cg_freespace_01 table {
    max-width: 100%;
}



/* ---------- category page ---------- */
.category-pc{}

.category-pc h4{
	font-size: 1.2em;
	border-bottom: 6px double #000;
}

.category-pc p{
	letter-spacing: 0.1em !important;
}

.category-pc .img{
	margin: 20px auto !important;
	text-align: center;
}

.category-pc .fw_bold{font-weight: bold;}

.category-pc .fc_red{color: #c51527;}
.category-pc .fc_gold{color: #9e762b;}

.category-pc .bb_dot{border-bottom: 2px dotted #9e762b;}

.category-pc .box_title{
	font-size: 1.2em;
	padding: 1rem 2rem;
	border: 2px solid #000;
	overflow: hidden;
}
.category-pc .box_title span{
	float: right;
}
.category-pc .box_title:after{
	content:" ";
	display:block;
	clear:both;
}

.category-pc .inline_box{
	margin: 10px 0 20px;
	font-size: 0;
}
.category-pc .inline_box .box{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin: 0px;
}
.category-pc .inline_box .box p{
	margin: 10px !important;
}
.category-pc .inline_box .box img{
	width: 100% !important;
	height: auto;
}
.category-pc .inline_box .box table{
	width: 100%;
	margin: 0px 10px;
}
.category-pc .inline_box .box th{
	position: relative;
	text-align: left;
	width: 35%;
	vertical-align: baseline;
	border: none;
	background-color: #fff;
	padding: 0;
}
.category-pc .inline_box .box th:after{
	display: block;
	content: "¡§";
	/*width: 20px;
	height: 2px;
	background-color: #333;*/
	position: absolute;
	top:calc(3% - 1px);
	right:20px;
}
.category-pc .inline_box .box td{
	text-align: left;
	width: 65%;
	border: none;
	padding: 0;
}

.category-pc .inline_box .right{
	text-align: right;
}

.category-pc .inline_box .w30{
	width: 30%;
}
.category-pc .inline_box .w40{
	width: 40%;
}
.category-pc .inline_box .w50{
	width: 50%;
}
.category-pc .inline_box .w60{
	width: 60%;
}
.category-pc .inline_box .w70{
	width: 70%;
}
.category-pc .inline_box .w100{
	width: 100%;
}

.category-pc .exsample_box{
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #9e762b;
	border-radius: 8px;
}
.category-pc .exsample_box .box-title{
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #9e762b;
	font-weight: bold;
}
.category-pc .exsample_box p{
	margin: 0;
	padding: 0;
}
.category-pc .exsample_box ul{margin: 20px !important; font-size: 0;}
.category-pc .exsample_box li{display: inline-block; width: 40%; font-size: 16px; color: #164a84; list-style: disc !important; line-height: 1em; line-height: 1.5; margin: 0 1em; padding: 0 0 1em 1em;}
.category-pc .exsample_box li:before{
    content: "\25cb  ";
    font-size: 6px;
    vertical-align: middle;
}

.category-pc .red-box{background: #a41e25; color: #fff; margin: 4em 0; padding-bottom: 2em;}
.category-pc .red-box .title{font-family: 'Noto Serif JP', serif; text-align: center; padding: 2em 0 0; font-size: 2em; margin: 0;}
.category-pc .red-box img{width: 100%; height: auto;}
.category-pc .red-box ul{margin-bottom: 2em;}
.category-pc .red-box li{list-style: disc !important; line-height: 1em; line-height: 1.5; margin: 0 4em; padding: 0 0 1em 1em;}

.category-pc .link_box{
	float: left;
	width: 100%;
	display: table;
	padding-bottom: 10px;
}
.category-pc .link_box li{
    list-style: none;
    float: left;
    width: 150px;
    margin: 8px;
    text-align: center;
}
.category-pc .link_box li > a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	/* height: 150px; */
	width: 150px;
	box-shadow: 0 0 0 0px rgba(200, 200, 200, 1);
}
.category-pc .link_box li > a> img{
	max-height: 150px;
	max-width: 150px;
}
.category-pc .link_box li:nth-child(4n+5){
	clear: both;
}
/* ---------- /category page ---------- */