/*------------------------------------*\
    MODULE(PC)
\*------------------------------------*/
/**************************************************
 * VARIABLE
 **************************************************/
/* theme colors */
/* color */
/* links */
/**************************************************
 * VARIABLE
 **************************************************/
/* font size */
/*------------------------------------*\
    GENERAL MIXIN FOR SCSS
\*------------------------------------*/
/*------------------------------------*\
    GENERAL FUNCTIONS FOR SCSS
\*------------------------------------*/
/* getKeys(For Hash) */
/* getValue(For Hash) */
/**************************************************
 * $:Parts
 **************************************************/
/* line 23, ../../../scss/resources3/common/css/module_pc.scss */
.heading_1 {
  font-size: 26px;
  margin-top: 15px;
  margin-bottom: 5px;
}

/* line 30, ../../../scss/resources3/common/css/module_pc.scss */
.heading_2 {
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 5px;
}

/* line 37, ../../../scss/resources3/common/css/module_pc.scss */
.heading_3 {
  font-size: 18px;
  margin-top: 7px;
  margin-bottom: 5px;
}

/* line 44, ../../../scss/resources3/common/css/module_pc.scss */
.heading_4 {
  font-size: 14px;
  margin-bottom: 5px;
}

.heading_mds {
  padding:1px 0 5px 23px;
  font-size:100%;
  line-height:1.2;
  font-weight:bold;
  border-bottom:1px solid #CCC;
  background: url(../../../images/parts/icn_blue.gif) no-repeat 0 0;
}

/* line 60, ../../../scss/resources3/common/css/module_pc.scss */
.btn_default.btn_small,
.btn_accent.btn_small,
.btn_point.btn_small,
.btn_attention.btn_small {
  font-size: 11px;
}
/* line 64, ../../../scss/resources3/common/css/module_pc.scss */
.btn_default.btn_large,
.btn_accent.btn_large,
.btn_point.btn_large,
.btn_attention.btn_large {
  width: 500px;
}

/**************************************************
 * $:Layout
 **************************************************/
/* line 82, ../../../scss/resources3/common/css/module_pc.scss */
.list_default,
.list_dot,
.list_triangle,
.list_order {
  margin: 10px 0;
}

/* line 93, ../../../scss/resources3/common/css/module_pc.scss */
.table {
  margin: 10px 0;
}

/* line 98, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #cccccc;
}
/* line 104, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr {
  display: table-row;
  box-sizing: border-box;
}
/* line 108, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr .th {
  display: table-cell;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background-color: #eeeeee;
  padding: 5px;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
/* line 119, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr .td {
  display: table-cell;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  padding: 5px;
  vertical-align: top;
}
/* line 126, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr .td.table_wrapper {
  padding: 0;
}
/* line 129, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr .td.table_wrapper .table_inner {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 137, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .tr .td.table_wrapper:first-child .table_inner {
  border-left: none;
}
/* line 144, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .table_inner > .tr:first-child .cell {
  border-top: none;
}
/* line 148, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .table_inner > .tr:last-child .cell {
  border-bottom: none;
}
/* line 152, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .table_inner > .tr > .cell:first-child {
  border-left: none;
}
/* line 156, ../../../scss/resources3/common/css/module_pc.scss */
.table.sp_transform .table_inner > .tr > .cell:last-child {
  border-right: none;
}
/* firefoxで枠線が消える対応 */
@-moz-document url-prefix() {
  .table.sp_transform {
    border-collapse: separate;
    border: none;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
  }
  .table.sp_transform .tr .td.table_wrapper .table_inner {
    border-collapse: separate;
  }
  .table.sp_transform .tr .th {
    border: none;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
  .table.sp_transform .tr .td {
    border: none;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}

/* line 169, ../../../scss/resources3/common/css/module_pc.scss */
.separator_default,
.separator_dashed,
.separator_dotted {
  margin: 15px 0;
}

/* line 180, ../../../scss/resources3/common/css/module_pc.scss */
.enclose_default,
.enclose_attention {
  margin: 10px 0;
}

/* line 191, ../../../scss/resources3/common/css/module_pc.scss */
.message_default,
.message_attention {
  margin: 10px 0;
}

/* line 201, ../../../scss/resources3/common/css/module_pc.scss */
.member_info {
  margin: 10px 0;
  padding: 15px 20px;
  box-sizing: border-box;
}
/* line 206, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table {
  width: 100%;
}
/* line 7, ../../../scss/_mixin.scss */
.member_info .member_info_table:after {
  display: block;
  content: '.';
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}
/* line 210, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_name {
  width: 34%;
  float: left;
  text-align: center;
}
/* line 215, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_name > .inner {
  display: inline-block;
  text-align: left;
}
/* line 219, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_name > .inner .name {
  font-size: 18px;
}
/* line 225, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_point {
  width: 33%;
  float: left;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
}
/* line 232, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_point > .inner {
  display: inline-block;
  text-align: left;
}
/* line 236, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_point > .inner .expiration {
  font-weight: bold;
}
/* line 242, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_shop {
  width: 33%;
  float: left;
  text-align: center;
}
/* line 247, ../../../scss/resources3/common/css/module_pc.scss */
.member_info .member_info_table .cell_shop > .inner {
  display: inline-block;
  text-align: left;
}

/* line 262, ../../../scss/resources3/common/css/module_pc.scss */
.breads {
  margin: 0 10px;
  line-height: 1em;
  letter-spacing: 3px;
  min-height:40px;
  display:inline-block;
}
/* line 267, ../../../scss/resources3/common/css/module_pc.scss */
.breads li {
  letter-spacing: 0;
  display: inline-block;
  font-size: 11px;
}
/* line 272, ../../../scss/resources3/common/css/module_pc.scss */
.breads li:before {
  content: '> ';
}
/* line 276, ../../../scss/resources3/common/css/module_pc.scss */
.breads li:first-child:before {
  content: normal;
}
/* line 280, ../../../scss/resources3/common/css/module_pc.scss */
.breads li a {
  color: black;
}

/* line 287, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart {
    margin: 0 10px;
    line-height: 1em;
    letter-spacing: 3px;
    min-height:30px;
    display:inline-block;
}

/* line 296, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart li{
    letter-spacing: 0;
    display: inline-block;
    font-size: 10px;
}

/* line 303, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart li:before{
     content: '> ';
}

/* line 308, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart li:first-child:before{
     content: normal;
}

/* line 313, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart li a{
     color: #356bb3;
}

/* line 318, ../../../scss/resources3/common/css/module_pc.scss */
.breadscart li a:hover{
     color: #EF8D31;
}

/* line 292, ../../../scss/resources3/common/css/module_pc.scss */
.pagination {
  text-align: center;
  font-size: 18px;
  margin-top: 30px;
  width: 100%;
}
/* line 298, ../../../scss/resources3/common/css/module_pc.scss */
.pagination li {
  padding: 0 3px;
  display: inline-block;
}

/* line 309, ../../../scss/resources3/common/css/module_pc.scss */
.product_box_wrap {
  margin: 40px 0 40px;
}
/* line 312, ../../../scss/resources3/common/css/module_pc.scss */
.product_box_wrap .product_box {
  padding: 0 36px;
}
/* line 317, ../../../scss/resources3/common/css/module_pc.scss */
.product_box_wrap .product_box .prods > .prod {
  width: 220px;
}
/* line 320, ../../../scss/resources3/common/css/module_pc.scss */
.product_box_wrap .product_box .prods > .prod > .img {
  width: 120px;
}

/* line 353, ../../../scss/resources3/common/css/module_pc.scss */
.flex-prev {
  background: url(../img/btn/btn_prev.png) no-repeat 0 0;
  background-size: 28px 34px;
}

/* line 358, ../../../scss/resources3/common/css/module_pc.scss */
.flex-next {
  background: url(../img/btn/btn_next.png) no-repeat 0 0;
  background-size: 28px 34px;
}

/* line 375, ../../../scss/resources3/common/css/module_pc.scss */
.flex-direction-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
}

.list_prod_disp_list .search_bar .right_cell .select_display_column .select_btn_list {
  background-image: url(../img/btn/btn_disp_list_1_active.png);
}
.list_prod_disp_column .search_bar .right_cell .select_display_column .select_btn_column {
  background-image: url(../img/btn/btn_disp_column_1_active.png);
}
.list_prod_disp_list .list_prod_area > .prod_box {
  float: none;
  margin: 0;
  width: 100%;
  display: table;
  margin-top: 10px;
}
.list_prod_disp_list .list_prod_area > .prod_box .prod_box_inner {
  display: table-row;
}
.list_prod_disp_list .list_prod_area > .prod_box .prod_box_inner .info {
  display: table-cell;
  vertical-align: top;
  width: 225px;
}
.list_prod_disp_list .list_prod_area > .prod_box .prod_box_inner .detail {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
}
.list_prod_disp_list .list_prod_area > .prod_box .prod_box_inner .detail .catch_txt {
  display: block;
  margin-top: 5px;
}
.list_prod_disp_list .list_prod_area > .prod_box .label_ope_table .label_cell {
  display: none;
}
.list_prod_disp_list .list_prod_area > .prod_box .label_ope_table .label_cell.active {
  display: table-cell;
}
.list_prod_disp_list .list_prod_area > .prod_box .prod_box_inner .info .rank {
  display:block;
  margin-bottom: 8px;
}

/* bic add START */
.btn_red,
.btn_green,
.btn_orange {
  width: 280px;
  height: 50px;
  font-size: 22px;
  padding-left: 10px;
}

a.btn_red,
a.btn_green,
a.btn_orange,
a.btn_red_h30,
a.btn_green_h30,
p.btn_green_h30,
a.btn_gray_w280,
p.btn_gray_w280{
  display: table;
  padding-left: 10px;
}

a.btn_red span,
a.btn_green span,
a.btn_orange span,
a.btn_red_h30 span,
a.btn_green_h30 span,
p.btn_green_h30 span,
a.btn_gray_w280 span,
p.btn_gray_w280 span {
  display: table-cell;
  vertical-align: middle;
}

.btn_red_h30,
.btn_green_h30 {
  width: 280px;
  height: 30px;
  padding:5px;
}

.btn_gray,
.btn_orange_w70 {
  width: 70px;
  height: 30px;
  padding: 5px;
}

.btn_gray200 {
  width: 200px;
  height: 30px;
  padding: 5px;
}

.btn_gray_w280 {
  width: 280px;
  height: 30px;
  padding: 5px;
}

a.btn_gray_w280_ordhis {
  display: table;
  padding-left: 10px;
}

a.btn_gray_w280_ordhis span {
  display: table-cell;
  vertical-align: middle;
}


.btn_gray_w280_ordhis {
  width: 280px;
  height: 30px;
  padding: 5px;
}

.btn_orange_w200 {
  width: 200px;
  height: 30px;
  padding: 5px;
}

.btn_blue {
  padding: 0px 11px 0px 11px;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
}

.btn_blue.btn_small {
  height: 30px;
  font-size: 13px;
}

.btn_large {
  height: 50px;
  font-size: 22px;
}
/* bic add END */