@charset "UTF-8";
/* Responsive DESIGN TEMPLATE
    system research
______________________________________________________________________________*/

.item_list_page .item_detail_page .pane_body_mid_1,
.item_list_page .item_detail_page .pane_body_mid_2,
.item_list_page .item_detail_page .pane_body_mid_3 {
    display: inline;
    float: left;
}
/* 1カラム リキッド */
.item_list_page .item_detail_page .pane_body_mid_2,
.item_list_page .item_detail_page .pane_body_mid_3,
.item_list_page .item_detail_page .pane_body_mid_1,
.item_list_page .item_detail_page .pane_body_mid_1 .pane_body_mid_1_contents { float: none; display: block; width: 100%; margin: 0 auto; padding: 0;}

.item_list_page .item_detail_page .pane_body_mid_2,
.item_list_page .item_detail_page .pane_body_mid_3 { display: none; }

.item_list_page .item_detail_page .pane_body_mid_1 {
    overflow: hidden; /* 初期スクロールバー非表示の為 */
    width: 98%;
}
.item_list_page .item_detail_page .pane_body_mid_2 .pane_body_mid_2_contents,
.item_list_page .item_detail_page .pane_body_mid_3 .pane_body_mid_3_contents {
  padding: 0px;
}

@media only screen and (min-width: 701px) {
  .item_list_page .item_detail_page .pane_detail_body .section_box1,
  .item_list_page .item_detail_page .pane_detail_body .section_box2,
  .item_list_page .item_detail_page .pane_detail_body .category_section { /* カテゴリ、絞込みリストbox群エリア */
    margin: auto;
    max-width: 95%;
  }
  .item_list_page .item_detail_page .pane_detail_body .section_box3 {
    margin: 0 3.3% 0 0;
    width: 220px;
    float: left;
  }
}
/* Responsive DESIGN TEMPLATE
    system research
______________________________________________________________________________*/

.item_list_page .pane_body_mid_1,
.item_list_page .pane_body_mid_2,
.item_list_page .pane_body_mid_3 {
    display: inline;
    float: left;
}
.item_list_page .pane_body_mid_1 {
    overflow: hidden; /* 初期スクロールバー非表示の為 */
    width: 100%;
}
/* 3カラム 左メインナビ リキッド */
.item_list_page .pane_body_mid_1 .pane_body_mid_1_contents{
    margin: 0 224px;
    padding: 0 10px;
}
.item_list_page .pane_body_mid_2 {
    width: 224px;
    margin-left: -100%;
}
.item_list_page .pane_body_mid_3 {
    width: 224px;
    margin-left: -224px;
}
.item_list_page .pane_body_mid_2 .pane_body_mid_2_contents,
.item_list_page .pane_body_mid_3 .pane_body_mid_3_contents {
  padding: 0 10px;
  overflow: hidden;
}
/* 3カラム 右メインナビ リキッド */
/*
.item_list_page .pane_body_mid_2 {
    width: 224px;
    margin-left: -224px;
}
.item_list_page .pane_body_mid_3 {
    width: 224px;
    margin-left: -100%;
}
*/
/* 2カラム 左ナビ リキッド */
@media only screen and (max-width: 900px) {
  .item_list_page .pane_body{
  overflow: hidden; /* 左余白(margin分) スクロール非表示 */
  }
  .item_list_page .pane_body_mid_1 {
    margin: 0 -224px 0 0 ;
    float: right;
  }
  .item_list_page .pane_body_mid_1 .pane_body_mid_1_contents{
    margin: 0 224px 0 0;
    padding: 0 10px 0 0;

  }
  .item_list_page .pane_body_mid_2 {
    margin: 0;
    width: 224px;
    float: right;
  }
  .item_list_page .pane_body_mid_3 {
    margin: 0;
    width: 224px;
    float: left;
  }
  .item_list_page .pane_body_mid_2 .pane_body_mid_2_contents,
  .item_list_page .pane_body_mid_3 .pane_body_mid_3_contents {
    padding: 0 10px;
  }
}
/* 2カラム 右ナビ リキッド */
/*
@media only screen and (max-width: 900px) {
  .item_list_page .pane_body{
  overflow: hidden; /* 左余白(margin分) スクロール非表示 */
/*  }
  .item_list_page .pane_body_mid_1 {
    margin: 0 0 0 -224px;
    float: left;
  }
  .item_list_page .pane_body_mid_1 .pane_body_mid_1_contents{
    margin: 0 0 0 224px;
    padding: 0 0 0 10px;
  }
  .item_list_page .pane_body_mid_2 {
    margin: 0;
    width: 224px;
    float: left;
  }
  .item_list_page .pane_body_mid_3 {
    margin: 0;
    width: 224px;
    float: right;
  }
  .item_list_page .pane_body_mid_2 .pane_body_mid_2_contents,
  .item_list_page .pane_body_mid_3 .pane_body_mid_3_contents {
    padding: 0 10px;
    overflow-x: hidden;
  }
}
*/
/* 1カラム リキッド */
@media only screen and (max-width: 700px) {
  .item_list_page .pane_body_mid_2,
  .item_list_page .pane_body_mid_3,
  .item_list_page .pane_body_mid_1,
  .item_list_page .pane_body_mid_1 .pane_body_mid_1_contents { float: none; width: 100%; margin: 0 auto; padding: 0;}

  .item_list_page .pane_body_mid_2 .pane_body_mid_2_contents,
  .item_list_page .pane_body_mid_3 .pane_body_mid_3_contents {
    padding: 0px;
  }
}