body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.wrap,
.wrap-full {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 14px;
}

.wrap h1,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap h6,
.wrap-full h1,
.wrap-full h2,
.wrap-full h3,
.wrap-full h4,
.wrap-full h5,
.wrap-full h6 {
  line-height: 1.1;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
  letter-spacing: -1px;
}

.wrap section,
.wrap-full section {
  clear: both;
  width: 100%;
  font-size: 12px;
}

.wrap p,
.wrap-full p {
  margin: 0;
  padding: 0;
  color: #666;
}

.wrap ul,
.wrap-full ul {
  margin: 0;
  padding: 0;
}

.wrap ul li,
.wrap-full ul li {
  list-style-type: none;
}

.wrap ol,
.wrap-full ol {
  list-style-position: outside;
}

.wrap ol li,
.wrap-full ol li {
  list-style-type: decimal;
}

.wrap dl,
.wrap dt,
.wrap dd,
.wrap-full dl,
.wrap-full dt,
.wrap-full dd {
  margin: 0;
  padding: 0;
}

.wrap a,
.wrap-full a {
  color: #666;
}

.wrap a:link, .wrap a:visited,
.wrap-full a:link,
.wrap-full a:visited {
  text-decoration: underline;
}

.wrap a:hover, .wrap a:active,
.wrap-full a:hover,
.wrap-full a:active {
  text-decoration: none;
}

.wrap img,
.wrap-full img {
  vertical-align: bottom;
}

#crumbs {
  line-height: 1.2;
  padding: 5px;
  font-size: 12px;
  color: #690;
}

#crumbs li {
  display: inline;
}

#crumbs li a {
  padding: 0 6px 0 0;
  color: #690;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  #pageHeading {
    width: 100% !important;
    max-width: 1400px;
  }
  #crumbs {
    width: 100%;
    margin: 5px 0 10px 0;
    padding: 0;
    background-color: #eee;
    color: #666;
    font-size: 12px;
    text-align: left;
  }
  #crumbs ul {
    padding: 7px;
  }
  #crumbs li a {
    color: #666;
  }
  #crumbs li a:link, #crumbs li a:visited {
    text-decoration: underline;
  }
  #crumbs li a:hover, #crumbs li a:active {
    text-decoration: none;
  }
  #footer_gmt {
    width: 960px;
  }
}

@media only screen and (min-width: 1400px) {
  #contentsArea {
    width: auto !important;
  }
  .wrap {
    position: relative;
    width: 1400px !important;
    margin: 0 auto !important;
    padding: 0;
    text-align: left;
  }
}

.client {
  content: 'mobile';
}

.cf {
  zoom: 1;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.w50 {
  width: 46px !important;
}

.w56 {
  width: 50px !important;
}

.w80 {
  width: 80px !important;
}

.w100 {
  width: 84px !important;
}

/* リストの背景と矢印設定 */
/* ※ 特集によって、背景色の有無と矢印の画像は変わります ※ */
.bg-yellow {
  background: #F9F8E0 url(../responsive_temp_img/arw_list_yellow.gif) 97% center no-repeat;
}

.bg-green {
  background: #F3F9E7 url(../responsive_temp_img/arw_list_green.gif) 97% center no-repeat;
}

.bg-gray {
  background: url(../responsive_temp_img/arw_list_gray.gif) 97% center no-repeat;
}

@media only screen and (min-width: 768px) {
  .client {
    content: 'desktop';
  }
  .w50 {
    width: 50px !important;
  }
  .w56 {
    width: 56px !important;
  }
  .w80 {
    width: 80px !important;
  }
  .w100 {
    width: 100px !important;
  }
  .h306 {
    height: 306px;
  }
  .h319 {
    height: 319px;
  }
  .h345 {
    height: 345px;
  }
  .h360 {
    height: 360px;
  }
  .h365 {
    height: 365px;
  }
  .h375 {
    height: 375px;
  }
  .h387 {
    height: 387px;
  }
  .h400 {
    height: 400px;
  }
  .h440 {
    height: 440px;
  }
  .h460 {
    height: 460px;
  }
  .h510 {
    height: 510px;
  }
  .h564 {
    height: 562px;
  }
  .h590 {
    height: 590px;
  }
  .h600 {
    height: 600px;
  }
  .h638 {
    height: 638px;
  }
  .h639 {
    height: 639px;
  }
  .h691 {
    height: 691px;
  }
  .h693 {
    height: 693px;
  }
  .h33p {
    height: 33.33%;
  }
  /* リストの背景と矢印設定 */
  /* ※ 特集によって、背景色は変わります ※ */
  .bg-yellow {
    background-color: #F9F8E0;
  }
  .bg-green {
    background-color: #F3F9E7;
  }
  .list-bg-gray {
    background-color: #F0F0F0;
  }
}

.col-wrap {
  width: 100%;
}

.item-wrap {
  width: 100%;
  margin: 0 0 10px 0;
  border: 1px solid #ccc;
}

/* ラインの色を個別に設定 */
.item-wrap,
.item-wrap ul,
.item-wrap li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.item-wrap li {
  float: left;
  padding: 0 1px 0 0;
  border-top: 1px solid #ccc;
}

.item-wrap li.top {
  border: none;
}

.item-wrap li.item-s:nth-child(odd) {
  float: left;
}

.item-wrap li.item-s:nth-child(even) {
  float: right;
}

/* ラインなし */
.no-line {
  width: 100%;
}

.no-line,
.no-line li {
  border: none;
}

.no-line li {
  padding: 0;
}

.no-line .item-l img,
.no-line .item-m img,
.no-line .item-s img {
  max-width: 100%;
}

.no-line .item-l,
.no-line .item-m {
  width: 100%;
}

.no-line .item-s {
  width: 50%;
  min-width: 50%;
}

.item-wrap .item-l img {
  max-width: 100%;
}

.item-wrap .item-m img,
.item-wrap .item-s img {
  max-width: 100%;
}

.wrap .item-wrap .cont-area,
.wrap .item-wrap .nav-area {
  width: 100%;
}

.item-l,
.item-m {
  width: 100%;
}

.item-s {
  width: 49.9%;
  min-width: 49.9%;
}

/* アイテム見せ中身 */
.item-s div,
.item-m div,
.item-l div,
.item-m-col3-01 div,
.item-m-col3-02 div,
.item-m-col3-03 div {
  padding: 5px;
}

.item-s,
.item-m,
.item-l {
  text-align: center;
}

/* padding不要の時に使う */
.col-fix {
  padding: 0 !important;
}

/* == ！注意！ =========================================

item-detailの高さを統一する場合は、下記に直接指定せず、
別途高さ指定のclassを作る。
また、item-detailに背景色を指定する場合も、別途classを作る

========================================= ！注意！ == */
.item-s div.item-detail,
.item-m div.item-detail,
.item-l div.item-detail,
.item-m-col3-01 div.item-detail,
.item-m-col3-02 div.item-detail,
.item-m-col3-03 div.item-detail {
  display: block;
  padding: 0 0 10px 0;
}

.item-m-col3-01 div.item-detail,
.item-m-col3-02 div.item-detail,
.item-m-col3-03 div.item-detail {
  margin: 0;
}

.item-l .item-img img,
.col-fix .item-img img {
  padding: 0;
}

/* アイテム名・価格 */
/* == ！注意！ =========================================

テキスト位置は特集ごとに要調整
※左寄せになることもあります

========================================= ！注意！ == */
.wrap .item-name,
.wrap .item-price {
  text-align: center;
}

.wrap .item-name {
  line-height: 1.2;
  padding: 10px 2px 0 1px;
  font-size: 12px;
}

.wrap .c-3-1 .item-s .item-name,
.wrap .c-4-1 .item-s .item-name,
.wrap .c-6-1 .item-s .item-name,
.wrap .c-7-1 .item-s .item-name {
  padding: 10px 3px 0 2px;
}

.wrap .c-8b-1 .item-name {
  padding: 10px 4px 0 4px;
}

.wrap .c-8c-1 .item-name {
  padding: 10px 4px 0 3px;
}

.wrap .c-8d-1 .c-8d-c .item-name {
  padding: 10px 4px 0 4px;
}

.wrap .c-8d-1 .c-8d-r .item-name {
  padding: 10px 5px 0 5px;
}

.wrap .item-price {
  padding: 5px 2px 0 1px;
  color: #000;
}

.wrap .c-8b-1 .item-price {
  padding: 5px 4px 0 4px;
}

.wrap .c-8c-1 .item-price {
  padding: 5px 4px 0 3px;
}

.wrap .c-8d-1 .c-8d-c .item-price {
  padding: 5px 4px 0 4px;
}

.wrap .c-8d-1 .c-8d-r .item-price {
  padding: 5px 5px 0 5px;
}

/* 画像をfixさせた時のテキスト余白 */
.wrap .col-fix .item-name {
  padding: 10px 5px 0 5px;
}

.wrap .c-9-2 .col-fix .item-name {
  padding: 10px 10px 0 10px;
}

.wrap .col-fix .item-price {
  padding: 5px 5px 0 5px;
}

.wrap .c-9-2 .col-fix .item-price {
  padding: 5px 10px 0 10px;
}

/* コピー */
/* == ！注意！ =========================================

テキスト位置は特集ごとに要調整
※左寄せになることもあります

========================================= ！注意！ == */
.wrap .item-copy {
  line-height: 1.2;
  padding: 6px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

.wrap .c-3-1 .item-copy,
.wrap .c-4-1 .item-copy,
.wrap .c-6-1 .item-copy,
.wrap .c-7-1 .item-copy {
  padding: 6px 5px;
}

.wrap .c-8d-r .item-copy {
  padding: 10px 7px;
}

.wrap .c-3-1 .item-s .item-copy,
.wrap .c-4-1 .item-s .item-copy,
.wrap .c-6-1 .item-s .item-copy,
.wrap .c-7-1 .item-s .item-copy {
  padding: 6px;
}

.wrap .c-9-2 .item-copy {
  padding: 6px 10px;
}

/* ------------------------------------------------
　バナー見せ
------------------------------------------------ */
.line ul,
.line li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------------------------------------
　アイテムリスト
------------------------------------------------ */
/* アイテムリスト */
.item-list {
  clear: both;
  margin: 10px 0 0 0;
}

.item-list li {
  float: left;
}

.list-img {
  display: table-cell;
  width: 30%;
  min-width: 30%;
  vertical-align: middle;
}

.list-img img {
  max-width: 100%;
  vertical-align: bottom;
}

.list-name {
  display: table-cell;
  line-height: 1.2;
  vertical-align: middle;
  padding: 0 1.5em 0 6px;
  color: #000;
  font-weight: bold;
}

/* リストC・D 矢印 */
.item-list-arw01 {
  background: url(../responsive_temp_img/arw_item_list_01.png) 0.5em center no-repeat;
}

/* ------------------------------------------------
　TOPへ戻る・商品リストボタン
------------------------------------------------ */
/* 余白調整 */
.wrap .no-line .item-copy2 {
  padding: 6px 10px 6px 10px;
}

.wrap .no-line .item-copy3 {
  padding: 6px 5px 6px 5px;
}

.wrap .no-line .item-m-col3-01 .item-copy3 {
  padding: 6px 6px 6px 6px;
}

.wrap .c-8d-3 .no-line .item-m-col3-01 .item-copy3 {
  padding: 6px 5px 6px 5px;
}

.wrap .no-line .item-name2 {
  padding: 10px 10px 0 10px;
}

.wrap .no-line .item-name3 {
  padding: 10px 5px 0 5px;
}

.wrap .no-line .item-price2 {
  padding: 10px 10px 0 10px;
}

.wrap .no-line .item-price3 {
  padding: 10px 5px 0 5px;
}

.wrap .no-line .item-s .item-name2 {
  padding: 10px 10px 0 10px;
}

.wrap .no-line .item-s .item-name3 {
  padding: 10px 5px 0 5px;
}

.wrap .no-line .item-s .item-price2 {
  padding: 10px 10px 0 10px;
}

.wrap .no-line .item-s .item-price3 {
  padding: 10px 5px 0 5px;
}

/* ------------------------------------------------
　ナビのあるパターン 201309追加
------------------------------------------------ */
/* ナビ */
ul.line-top-none {
  border-top: none;
}

#bc01 span {
  height: 100%;
}

.wrap .item-list-area {
  margin: 0 0 10px 0;
}

@media only screen and (min-width: 768px) {
  .item-wrap {
    width: 100%;
    overflow: hidden;
  }
  .item-wrap li {
    padding: 0;
  }
  .item-wrap li.top-none {
    border: none;
  }
  .item-wrap .item-l img {
    max-width: 99.9%;
  }
  .item-wrap .item-s img {
    max-width: 100%;
  }
  .item-wrap .item-m img {
    max-width: 100%;
  }
  .col-wrap {
    width: 50%;
    min-width: 50%;
  }
  .f-right .item-l .item-img,
  .f-right .item-m .item-img {
    /*      text-align: right;*/
  }
  .f-left .item-s .item-img {
    /*      text-align: left;*/
  }
  .c-8d-l,
  .c-8d-c,
  .c-8d-r {
    width: 33.33% !important;
    min-width: 33.33% !important;
  }
  .item-wrap li.c-8d-c,
  .item-wrap li.c-8d-r {
    border-top: none;
  }
  /* ラインなし */
  .no-line .col-wrap {
    width: 50%;
    min-width: 50%;
  }
  .no-line .item-l img,
  .no-line .item-m img,
  .no-line .item-s img {
    max-width: 100%;
  }
  /* コンテンツ */
  .wrap .item-wrap .cont-area {
    width: 66.2%;
    min-width: 66.2%;
  }
  .item-wrap .item-l img,
  .item-wrap .item-m img,
  .item-wrap .item-s img {
    max-width: 100%;
  }
  /* wrap */
  .wrap {
    clear: both;
    font-size: 12px;
  }
  .wrap .item-list-area {
    margin: 0 0 20px 0;
    padding: 10px 0 0 0;
  }
  /* ================================================
　ジャンルタイトル
================================================ */
  .item-list-area section {
    padding: 0 0 20px 0;
  }
  /* コピー */
  /* == ！注意！ =========================================

コピーエリアの高さを数値で指定する場合は、
別途高さ指定のclassを作ってください。
下記に直接設定しないこと。

========================================= ！注意！ == */
  .wrap .item-copy {
    padding: 10px 7px 10px 6px;
    font-size: 14px;
  }
  .wrap .item-s .item-copy {
    padding: 10px 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .no-line .item-copy {
    padding: 10px 5px 5px 5px;
  }
  .wrap .no-line .item-s .item-copy {
    padding: 10px 5px 11px 5px;
  }
  .wrap .no-line .item-name {
    padding: 10px 10px 0 10px;
  }
  /* ================================================
　アイテムリスト
================================================ */
  /* アイテムリスト */
  .item-list {
    padding: 0;
  }
  .list-a {
    padding: 0 5px;
  }
  /* リストC・D 矢印 */
  .item-list-arw01 {
    background: url(../responsive_temp_img/arw_item_list_01.png) 0.8em 0.7em no-repeat;
  }
  .list-img {
    display: table-cell;
    vertical-align: middle;
  }
  .list-img img {
    max-width: 100%;
  }
  /* ================================================
　TOPへ戻る・商品リストボタン
================================================ */
  /* 余白調整 */
  .wrap .no-line .item-copy2 {
    padding: 10px 11px 10px 10px;
  }
  .wrap .no-line .item-copy3 {
    padding: 10px 6px 10px 5px;
  }
  .wrap .no-line .item-name2 {
    padding: 10px 11px 0 10px;
  }
  .wrap .no-line .item-name3 {
    padding: 10px 6px 0 5px;
  }
  .wrap .no-line .item-price2 {
    padding: 10px 11px 0 10px;
  }
  .wrap .no-line .item-price3 {
    padding: 10px 6px 0 5px;
  }
  .wrap .no-line .item-s .item-copy2 {
    padding: 10px 12px 10px 10px;
  }
  .wrap .no-line .item-s .item-copy3 {
    padding: 10px 6px 10px 6px;
  }
  .wrap .no-line .item-s .item-name2 {
    padding: 10px 11px 0 10px;
  }
  .wrap .no-line .item-s .item-name3 {
    padding: 10px 6px 0 5px;
  }
  .wrap .no-line .item-s .item-price2 {
    padding: 10px 12px 0 10px;
  }
  .wrap .no-line .item-s .item-price3 {
    padding: 10px 6px 0 6px;
  }
  .list-name {
    padding: 0 2em 0 8px;
  }
  .ie9 .col-wrap {
    width: 49.9%;
    min-width: 49.9%;
  }
  .ie9 .no-line .col-wrap {
    width: 50%;
    min-width: 50%;
  }
}

.main-visual {
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px 0;
}

#img-a-cate04a {
  position: static;
}

#img-a-cate04a img {
  max-width: 100%;
}

#link-a-cate04a {
  width: 100%;
  background-color: #fff;
}

#link-a-cate04a ul {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#link-a-cate04a li {
  float: left;
  width: 25%;
  min-width: 25%;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

#link-a-cate04a li div {
  background-color: #fff;
  background-image: url(../responsive_temp_img/arw_main_link_area.gif);
  background-position: center 96%;
  background-repeat: no-repeat;
  background-size: 11px auto;
}

#link-a-cate04a span {
  display: block;
}

#link-a-cate04a .genre-name {
  display: none;
}

#link-a-cate04a .genre-img {
  margin: 0 0 15px 0;
  padding: 0;
}

#link-a-cate04a .genre-img img {
  max-width: 100%;
}

#link-a-cate04a .genre-copy {
  margin: 10px 0;
}

#link-a-cate04a .genre-copy img {
  max-width: 100%;
}

.bg-a-cate04a {
  background-color: #eee;
}

#img-a-cate03,
#img-a-cate04b,
#img-a-cate06 {
  width: 100%;
}

#img-a-cate03 img,
#img-a-cate04b img,
#img-a-cate06 img {
  max-width: 100%;
}

#link-a-cate03,
#link-a-cate04b,
#link-a-cate06 {
  width: 100%;
  background-color: #FFF;
}

#link-a-cate03 li img,
#link-a-cate04b li img,
#link-a-cate06 li img {
  max-width: 100%;
}

#link-a-cate03 ul,
#link-a-cate06 ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

#link-a-cate03 li,
#link-a-cate06 li {
  float: left;
  width: 33.33%;
  min-width: 33.33%;
  padding: 0 1px 0 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#link-a-cate03 img,
#link-a-cate06 img {
  /*
      border-top: none;
      border-left: none;
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
    */
}

#link-a-cate03 .list-no-line,
#link-a-cate06 .list-no-line {
  border-right: none;
}

#link-a-cate04b ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

#link-a-cate04b li {
  float: left;
  width: 50%;
  min-width: 50%;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

#link-a-cate04b .list-no-line-r {
  border-right: 1px solid #FFF;
}

.bg-a-cate03,
.bg-a-cate04b,
.bg-a-cate06 {
  background-color: #eee ;
}

#img-b-cate03,
#img-b-cate04a,
#img-b-cate04b,
#img-b-cate05,
#img-b-cate06,
#link-b-cate03,
#link-b-cate04a,
#link-b-cate04b,
#link-b-cate05,
#link-b-cate06 {
  width: 100%;
  text-align: center;
}

#img-b-cate03 img,
#img-b-cate04a img,
#img-b-cate04b img,
#img-b-cate05 img,
#img-b-cate06 img,
#link-b-cate03 img,
#link-b-cate04a img,
#link-b-cate04b img,
#link-b-cate05 img,
#link-b-cate06 img {
  max-width: 100%;
}

#link-b-cate03,
#link-b-cate04a,
#link-b-cate04b,
#link-b-cate05,
#link-b-cate06 {
  border-top: 1px solid #fff;
}

#link-b-cate03 li,
#link-b-cate04a li,
#link-b-cate04b li,
#link-b-cate05 li,
#link-b-cate06 li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#link-b-cate03,
#link-b-cate06 {
  margin: 0 0 0 2px;
}

#link-b-cate03 li,
#link-b-cate06 li {
  width: 33.33%;
  min-width: 33.33%;
  border-right: 1px solid #fff;
}

#link-b-cate04a li {
  width: 25%;
  min-width: 25%;
}

#link-b-cate04b li {
  width: 50%;
  min-width: 50%;
}

#link-b-cate05 li {
  float: left;
}

#link-b-cate05 .col2 {
  margin: 0 2px;
}

#link-b-cate05 .col2 li {
  width: 50%;
  min-width: 50%;
}

#link-b-cate05 .col3 {
  margin: 0 0 0 2px;
}

#link-b-cate05 .col3 li {
  width: 33.33%;
  min-width: 33.33%;
  border-right: 1px solid #fff;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #img-a-cate03 img,
  #img-a-cate04b img,
  #img-a-cate06 img {
    width: 100%;
  }
  #link-a-cate03 img,
  #link-a-cate04b img,
  #link-a-cate06 img {
    width: 100%;
  }
  #link-a-cate03,
  #link-a-cate06 {
    width: 100%;
  }
  #link-a-cate03 img,
  #link-a-cate06 img {
    border-bottom: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
  }
  #img-b-cate03 img,
  #img-b-cate04a img,
  #img-b-cate04b img,
  #img-b-cate05 img,
  #img-b-cate06 img {
    width: 100%;
  }
  #link-b-cate03 img,
  #link-b-cate04a img,
  #link-b-cate04b img,
  #link-b-cate05 img,
  #link-b-cate06 img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .main-visual {
    height: auto;
    margin: 0 0 20px 0;
    text-align: left;
  }
  #img-a-cate04a {
    float: left;
    width: 62.86%;
    min-width: 62.86%;
  }
  #link-a-cate04a {
    float: right;
    width: 37.14%;
    min-width: 37.14%;
    background: none;
  }
  #link-a-cate04a ul {
    border: none;
    height: 100%;
    /*min-height: 370px;*/
    padding: 0;
  }
  #link-a-cate04a li {
    display: block;
    float: left;
    width: 45.39%;
    min-width: 45.39%;
    margin: 3.08% 0 0 3.08%;
    border: none;
  }
  #link-a-cate04a li div {
    margin: 0;
    padding: 0 0 18.23% 0;
    background-color: #FFF;
    background-image: url(../responsive_temp_img/arw_main_link_area.gif);
    background-position: center 94%;
    background-repeat: no-repeat;
    background-size: auto;
  }
  #link-a-cate04a .genre {
    float: left;
    width: 50%;
    min-width: 50%;
  }
  #link-a-cate04a .genre-name {
    display: block;
    margin: 0 0 5px 0;
  }
  #link-a-cate04a .genre-img {
    float: right;
    width: 50%;
    min-width: 50%;
    margin: 0;
  }
  #link-a-cate04a .genre-name img,
  #link-a-cate04a .genre-copy img,
  #link-a-cate04a .genre-img img {
    max-width: 100%;
  }
  .bg-a-cate04a {
    background-image: url(../responsive_temp_img/bg_a_cate04a.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #img-a-cate03,
  #img-a-cate04b,
  #img-a-cate06 {
    float: left;
  }
  #img-a-cate03 img,
  #img-a-cate04b img,
  #img-a-cate06 img {
    max-width: 100%;
  }
  #img-a-cate03 {
    width: 50%;
    min-width: 50%;
  }
  #img-a-cate04b {
    width: 62.86%;
    min-width: 62.86%;
  }
  #img-a-cate06 {
    width: 44.86%;
    min-width: 44.86%;
  }
  #link-a-cate03,
  #link-a-cate04b,
  #link-a-cate06 {
    float: left;
    background-color: transparent;
  }
  #link-a-cate03 ul,
  #link-a-cate04b ul,
  #link-a-cate06 ul {
    border-bottom: none;
  }
  #link-a-cate03 li,
  #link-a-cate04b li,
  #link-a-cate06 li {
    text-align: right;
  }
  #link-a-cate03 img,
  #link-a-cate04b img,
  #link-a-cate06 img {
    max-width: 90%;
    vertical-align: top;
    /*
      border-top: 1px solid #aaa;
      border-left: 1px solid #aaa;
      border-bottom: 1px solid #aaa;
      border-right: 1px solid #aaa;
      */
  }
  #link-a-cate03 .list-no-line,
  #link-a-cate04b .list-no-line,
  #link-a-cate06 .list-no-line {
    /*
        border-right: 1px solid #aaa;
      */
  }
  #link-a-cate03 .list-no-line-r,
  #link-a-cate04b .list-no-line-r,
  #link-a-cate06 .list-no-line-r {
    border-right: none;
  }
  #link-a-cate03 {
    width: 50%;
    min-width: 50%;
  }
  #link-a-cate03 ul {
    margin: 2.29% 0;
    padding: 0;
  }
  #link-a-cate03 li {
    width: 30.29%;
    min-width: 30.29%;
    margin: 0 0 0 2.29%;
    padding: 0;
  }
  #link-a-cate04b {
    width: 37.14%;
    min-width: 37.14%;
  }
  #link-a-cate04b li {
    width: 45.39%;
    min-width: 45.39%;
    margin: 0 0 0 3.08%;
    padding: 3.08% 0 0 0;
    border: none;
  }
  #link-a-cate06 {
    width: 55.14%;
    min-width: 55.14%;
  }
  #link-a-cate06 ul {
    padding: 0;
  }
  #link-a-cate06 li {
    width: 30.58%;
    min-width: 30.58%;
    margin: 0 0 0 2.08%;
    padding: 2.08% 0 0 0;
  }
  .bg-a-cate03,
  .bg-a-cate04b,
  .bg-a-cate06 {
    background-color: #eee ;
  }
  #link-b-cate03,
  #link-b-cate04a,
  #link-b-cate04b,
  #link-b-cate05,
  #link-b-cate06 {
    float: left;
    border-top: none;
  }
  #link-b-cate03 img,
  #link-b-cate04a img,
  #link-b-cate04b img,
  #link-b-cate05 img,
  #link-b-cate06 img {
    vertical-align: top;
  }
  #link-b-cate03,
  #link-b-cate06 {
    width: 50%;
    min-width: 50%;
    margin: 0;
  }
  #link-b-cate03 li,
  #link-b-cate06 li {
    border-right: none;
  }
  #link-b-cate04a {
    width: 30%;
    min-width: 30%;
  }
  #link-b-cate04a li {
    width: 50%;
    min-width: 50%;
  }
  #link-b-cate04b {
    width: 45%;
    min-width: 45%;
  }
  #link-b-cate04b li {
    width: 50%;
    min-width: 50%;
  }
  #link-b-cate05 {
    width: 45%;
    min-width: 45%;
  }
  #link-b-cate05 .col2 {
    margin: 0;
  }
  #link-b-cate05 .col3 {
    margin: 0;
  }
  #link-b-cate05 .col3 li {
    border-right: none;
  }
  #img-b-cate03,
  #img-b-cate04a,
  #img-b-cate04b,
  #img-b-cate05,
  #img-b-cate06 {
    float: left;
  }
  #img-b-cate03 img,
  #img-b-cate04a img,
  #img-b-cate04b img,
  #img-b-cate05 img,
  #img-b-cate06 img {
    vertical-align: top;
  }
  #img-b-cate03,
  #img-b-cate06 {
    width: 50%;
    min-width: 50%;
  }
  #img-b-cate04a {
    width: 70%;
    min-width: 70%;
  }
  #img-b-cate04b,
  #img-b-cate05 {
    width: 55%;
    min-width: 55%;
  }
  .a-4,
  .a-8 {
    max-width: 1399px;
  }
}

@media only screen and (min-width: 1400px) {
  #img-a-cate03 img,
  #img-a-cate04b img,
  #img-a-cate06 img,
  #link-a-cate03 li img,
  #link-a-cate04b li img,
  #link-a-cate06 li img,
  #link-a-cate04a .genre-name img,
  #link-a-cate04a .genre-copy img,
  #link-a-cate04a .genre-img img {
    max-width: 100%;
  }
  #link-a-cate04b .list-no-line-r {
    border-right: none;
  }
}

.list-ttl-area-l h1,
.list-ttl-area-c h1,
.list-ttl-area-btm h1 {
  line-height: 0;
  margin: 0;
  padding: 0;
}

.list-ttl-area-l h1 img,
.list-ttl-area-c h1 img,
.list-ttl-area-btm h1 img {
  max-width: 100%;
}

.list-ttl-area-l {
  width: 100%;
  background-image: url(../responsive_temp_img/bg_h1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
}

.list-ttl-area-l h1 {
  text-align: left;
}

.list-ttl-area-l span {
  display: none;
}

.list-ttl-area-c {
  width: 100%;
  background-image: url(../responsive_temp_img/bg_h1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
}

.list-ttl-area-c h1 {
  text-align: center;
}

.list-ttl-area-btm h1 {
  text-align: center;
}

.list-ttl-area-btm div {
  width: 100%;
  background-image: url(../responsive_temp_img/bg_h1.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
}

.list-ttl-area-btm span {
  display: block;
  line-height: 1.3;
  padding: 5px 10px 0 10px;
}

.b1 {
  background: none;
}

.b1 span {
  display: block;
  line-height: 1.4;
  padding: 5px 10px 0 10px;
}

.list-ttl-01,
.list-ttl-02,
.list-ttl-03 {
  margin: 0;
  padding: 12px 0 0 0;
}

.list-ttl-01 h2,
.list-ttl-02 h2,
.list-ttl-03 h2 {
  font-size: 14px;
  font-weight: bold;
}

.list-ttl-01 h2 {
  padding: 0 0 0 5px;
  border-left: 5px solid #000;
  color: #333;
}

.list-ttl-02 h2 {
  padding: 7px 0 7px 10px;
  background-color: #000;
  color: #fff;
}

.list-ttl-03 h2 {
  padding: 7px 0 7px 10px;
  border-bottom: 2px solid #000;
  color: #333;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .b1 h1 {
    background-image: url(../responsive_temp_img/bg_h1.jpg);
  }
}

@media only screen and (min-width: 768px) {
  .list-ttl-area-c h1,
  .list-ttl-area-l h1,
  .list-ttl-area-btm h1 {
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  .list-ttl-area-c h1 img,
  .list-ttl-area-l h1 img,
  .list-ttl-area-btm h1 img {
    max-width: 100%;
    vertical-align: bottom;
  }
  .list-ttl-area-c,
  .list-ttl-area-l {
    background-image: url(../responsive_temp_img/bg_h1.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
  }
  .list-ttl-area-l h1,
  .list-ttl-area-l span {
    width: 50%;
    min-width: 50%;
    display: table-cell;
  }
  .list-ttl-area-l span {
    line-height: 1.3;
    vertical-align: middle;
    color: #000;
  }
  .list-ttl-area-c h1 {
    width: 50%;
    min-width: 50%;
    margin: 0 25%;
  }
  .list-ttl-area-btm h1 {
    width: 50%;
    min-width: 50%;
    margin: 0 25%;
  }
  .list-ttl-area-btm div {
    background-image: url(../responsive_temp_img/bg_h1.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
  }
  .list-ttl-area-btm span {
    padding: 10px 10px 0 10px;
    color: #000;
  }
  .b1 span {
    display: table-cell;
    width: auto;
    padding: 0 10px;
    line-height: 1.3;
  }
  .b-2 span {
    padding: 0 10px;
  }
  .list-ttl-01,
  .list-ttl-02,
  .list-ttl-03 {
    clear: both;
    margin: 0 10px;
  }
  .list-ttl-01 h2,
  .list-ttl-02 h2,
  .list-ttl-03 h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
  }
  .item-wrap .nav-area .list-ttl-01, .item-wrap .nav-area
  .list-ttl-02, .item-wrap .nav-area
  .list-ttl-03 {
    clear: both;
    margin: 0 10px;
  }
  .item-wrap .nav-area .list-ttl-01 h2, .item-wrap .nav-area
  .list-ttl-02 h2, .item-wrap .nav-area
  .list-ttl-03 h2 {
    font-size: 16px;
    font-weight: bold;
  }
  .list-ttl-01 h2 {
    padding: 0 0 0 5px;
    border-left: 5px solid #000;
    color: #333;
  }
  .list-ttl-03 h2 {
    padding: 7px 0;
  }
}

.vertical-line {
  background: none;
}

.vertical-line .item-s div,
.vertical-line .item-m div,
.vertical-line .item-l div,
.vertical-line .item-m-col3-01 div,
.vertical-line .item-m-col3-02 div,
.vertical-line .item-m-col3-03 div {
  padding: 4px 3px 4px 4px;
}

.vertical-line2 .item-m-col3-01 div,
.vertical-line2 .item-m-col3-02 div,
.vertical-line2 .item-m-col3-03 div {
  padding: 4px 2px 4px 3px;
}

.col-line {
  background: url(../responsive_temp_img/bg_item_line.gif) 49.99% top repeat-y;
}

.item-m-col3-01 {
  width: 33.33%;
  text-align: center;
  border-right: 1px solid #ccc !important;
}

.no-line .item-m-col3-01 {
  width: 33.33%;
  text-align: center;
  border-right: transparent !important;
}

.item-wrap .item-m-col3-01 img {
  max-width: 100%;
}

.item-m-col3-01 .h106 {
  height: 106px;
}

.rightend {
  border-right: transparent !important;
}

.c-8a-2,
.c-8b-2,
.c-8c-2,
.c-8d-2 {
  max-width: 1398px;
}

.c-9-2 {
  max-width: 1399px;
}

.item-m-col3-02 {
  width: 100%;
  text-align: center;
}

.item-m-col3-03 {
  float: left !important;
  width: 50%;
  text-align: center;
}

.item-m-col3-03.rightend {
  border-right: none !important;
}

.no-line .item-m-col3-02, .no-line
.item-m-col3-03 {
  text-align: center;
  border-right: transparent !important;
}

.item-wrap .item-m-col3-02, .item-wrap
.item-m-col3-03 {
  float: none;
}

.item-wrap .item-m-col3-02 img, .item-wrap
.item-m-col3-03 img {
  max-width: 100%;
}

.item-wrap .item-m-col3-03-o {
  clear: left;
}

.item-wrap .item-m-col3-03-e {
  border-left: 1px solid #ccc;
}

.item-wrap .item-m-col3-03-e.top-none {
  border-top: none;
}

.item-wrap.no-line .item-m-col3-03-e {
  border-left: none;
}

.c-8d-l {
  width: 100% !important;
}

.c-8d-c,
.c-8d-r {
  width: 50% !important;
}

.x3 {
  width: 100% !important;
}

.x3 li {
  padding: 0;
  border-top: 1px solid #ccc;
}

.x3 .item-wrap {
  border: none;
}

.x3 .item-m-col3-01 {
  border-right: none !important;
}

.c-9-1 .item-m-col3-01.rightend {
  border-right: 1px solid #fff !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .wrap .c-8d-r .item-copy {
    padding: 6px;
  }
}

@media only screen and (min-width: 768px) {
  .vertical-line {
    background: url(../responsive_temp_img/bg_item_line.gif) center top repeat-y;
  }
  .no-line .item-m-col3-01 {
    width: 33.33%;
    text-align: center;
    border-right: transparent !important;
  }
  .item-m-col3-01 .h106 {
    height: auto;
  }
  .c-8 .item-m-col3-01 {
    width: 33.33% !important;
  }
  .rightend {
    border-right: transparent !important;
  }
  .no-line .rightend {
    border-right: transparent !important;
  }
  .item-m-col3-02,
  .item-m-col3-03 {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #ccc !important;
  }
  .no-line .item-m-col3-02, .no-line
  .item-m-col3-03 {
    width: 33.33%;
    text-align: center;
    border-right: transparent !important;
  }
  .item-wrap .item-m-col3-02, .item-wrap
  .item-m-col3-03 {
    float: left;
  }
  .item-wrap .item-m-col3-03-o {
    clear: none;
  }
  .item-wrap .item-m-col3-03-e {
    border-left: none;
  }
}

.other-bnr {
  clear: both;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}

.other-bnr li {
  margin: 0 0 10px 0;
}

.other-bnr li div img {
  max-width: 100%;
}

.other-bnr .bnr254 {
  width: 320px;
  margin: 0 auto !important;
}

.other-bnr .bnr254 li {
  width: 49.8%;
}

.other-bnr .bnr254 li.f-left {
  float: left;
}

.other-bnr .bnr254 li.f-left-right {
  float: right !important;
}

.other-bnr .bnr254 li.f-right {
  float: right;
}

.other-bnr .bnr320 li,
.other-bnr .bnr400 li,
.other-bnr .bnr438 li,
.other-bnr .bnr670 li,
.other-bnr .bnr1140-c li,
.other-bnr .bnr1370 li {
  text-align: center;
}

.item-brand-list {
  border-top: 1px solid #ccc;
}

.item-brand-list li {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-brand-list li:nth-child(4) {
  width: 24.999%;
  border-right: transparent;
}

.item-brand-list li div {
  padding: 0;
  text-align: center;
}

.item-brand-list li a {
  text-decoration: none;
}

.item-brand-list li .list-img img {
  max-width: 100%;
}

.item-brand-list li .list-item-img,
.item-brand-list li .brand-name {
  display: none;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .d-6 .list-img {
    display: block;
    width: 100%;
    min-width: 100%;
  }
  .item-brand-list li .list-img img {
    width: 100%;
    max-width: 126px;
  }
}

@media only screen and (min-width: 768px) {
  .other-bnr li {
    float: left;
    margin: 0;
    padding: 10px 0;
  }
  .other-bnr li div {
    margin: 0 1.07%;
  }
  .other-bnr .bnr320 {
    margin: 0 1.08% !important;
  }
  .other-bnr .bnr320 li {
    width: 23.37%;
  }
  .other-bnr .bnr320 li:not(:last-child) {
    margin: 0 2.17% 0 0;
  }
  .other-bnr .bnr320 li div {
    margin: 0;
  }
  .other-bnr .bnr438 {
    margin: 0 1.08% !important;
  }
  .other-bnr .bnr438 li {
    width: 31.98%;
  }
  .other-bnr .bnr438 li:not(:last-child) {
    margin: 0 2.03% 0 0;
  }
  .other-bnr .bnr438 li div {
    margin: 0;
  }
  .other-bnr .bnr670 {
    margin: 0 1.08% !important;
  }
  .other-bnr .bnr670 li {
    width: 48.92%;
  }
  .other-bnr .bnr670 li:not(:last-child) {
    margin: 0 2.16% 0 0;
  }
  .other-bnr .bnr670 li div {
    margin: 0;
  }
  .other-bnr .bnr400 {
    margin: 0 5% !important;
  }
  .other-bnr .bnr400 li {
    width: 31.75%;
  }
  .other-bnr .bnr400 li:not(:last-child) {
    margin: 0 2.37% 0 0;
  }
  .other-bnr .bnr400 li div {
    margin: 0;
  }
  .other-bnr .bnr254 {
    width: auto;
    margin: 0 1.08% !important;
  }
  .other-bnr .bnr254 li {
    width: 18.55% !important;
  }
  .other-bnr .bnr254 li.f-left, .other-bnr .bnr254 li.f-right {
    float: left;
  }
  .other-bnr .bnr254 li.f-left-right {
    float: left !important;
  }
  .other-bnr .bnr254 li:not(:last-child) {
    margin: 0 1.81% 0 0;
  }
  .other-bnr .bnr254 li div {
    margin: 0;
  }
  .other-bnr .bnr1140-c li {
    float: none;
    text-align: center;
  }
  .other-bnr .bnr1370 li {
    width: 100%;
  }
  .list-brand {
    margin: 0 1.08% !important;
  }
  .item-brand-list {
    border-top: none;
    color: #666;
  }
  .item-brand-list li {
    width: 18.55% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  .item-brand-list li:not(:last-child) {
    margin: 0 1.81% 0 0;
  }
  .item-brand-list li div {
    border: 1px solid #ccc;
    padding: 0;
    background-color: #FFF;
  }
  .item-brand-list li .list-img,
  .item-brand-list li .list-item-img {
    display: block;
    float: left;
  }
  .item-brand-list li .list-img img,
  .item-brand-list li .list-item-img img {
    max-width: 100%;
  }
  .item-brand-list li .list-img {
    width: 50%;
    vertical-align: text-bottom;
  }
  .item-brand-list li .list-item-img,
  .item-brand-list li .brand-name {
    display: block;
  }
  .item-brand-list li .list-item-img {
    width: 50%;
  }
  .item-brand-list li .brand-name {
    clear: both;
    display: block;
    padding: 5px 5px 0 5px;
  }
  .item-brand-list a .brand-name {
    color: #666;
  }
  .item-brand-list a:link .brand-name, .item-brand-list a:visited .brand-name {
    text-decoration: underline;
  }
  .item-brand-list a:hover .brand-name, .item-brand-list a:active .brand-name {
    text-decoration: none;
  }
}

.item-col01 {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.item-col01 div {
  margin: 0;
}

.item-col01 div img {
  max-width: 100%;
}

.item-col01 a {
  text-decoration: none;
}

.item-col02,
.item-col03 {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-col02:nth-child(odd),
.item-col03:nth-child(odd) {
  border-right: none;
}

.item-col02 div,
.item-col03 div {
  padding: 0;
}

.item-col02 a,
.item-col03 a {
  text-decoration: none;
}

.item-col02 .list-img {
  width: 25% !important;
}

.item-col02 .list-name {
  width: 75%;
}

.item-col03 .list-img {
  width: 29.7% !important;
}

.item-col03 .list-name {
  width: 70.3% !important;
}

.item-list-b-col3 {
  border-top: 1px solid #ccc;
}

.item-list-b-col3 li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
}

.item-list-b-col3 li div {
  padding: 0;
  background-color: #fff;
}

.item-list-b-col3 li a {
  text-decoration: none;
}

.item-list-b-col4,
.item-list-b-col5 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-list-b-col4 li,
.item-list-b-col5 li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-list-b-col4 li:nth-child(even),
.item-list-b-col5 li:nth-child(even) {
  border-right: none;
}

.item-list-b-col4 li.line-btm-none,
.item-list-b-col5 li.line-btm-none {
  border-bottom: none;
}

.item-list-b-col4 li div,
.item-list-b-col5 li div {
  padding: 0;
  background-color: #fff;
}

.item-list-b-col4 li a,
.item-list-b-col5 li a {
  text-decoration: none;
}

.item-list-b-col4 .list-img {
  width: 25%;
  min-width: 25%;
}

.item-list-c01,
.item-list-c02 {
  border-top: 1px solid #ccc;
}

.item-list-c01 li,
.item-list-c02 li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-list-c01 li:nth-child(even),
.item-list-c02 li:nth-child(even) {
  border-right: none;
}

.item-list-c01 li.line-btm-none,
.item-list-c02 li.line-btm-none {
  border-bottom: none;
}

.item-list-c01 li div,
.item-list-c02 li div {
  display: table;
  background-color: #fff;
}

.item-list-c01 li div .list-name,
.item-list-c02 li div .list-name {
  display: table-cell;
  padding: 0.8em 1em 0.8em 2.2em;
  line-height: 1.2;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
}

.item-list-c01 li a,
.item-list-c02 li a {
  text-decoration: none;
}

.item-list-c01 {
  border-bottom: 1px solid #ccc;
}

.item-list-d {
  border-top: 1px solid #ccc;
}

.item-list-d li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.item-list-d li div {
  display: table;
  background-color: #fff;
}

.item-list-d li div .list-name {
  display: table-cell;
  padding: 1.2em 1em 1.2em 2.2em;
  line-height: 1.2;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
}

.item-list-d li a {
  text-decoration: none;
}

.line-top-none {
  border-top: none;
}

.e-1 a > div,
.e-2 a > div,
.e-3 a > div,
.e-4 a > div,
.e-5 a > div {
  display: table;
  table-layout: fixed;
  width: 100%;
}

@-moz-document url-prefix() {
  .e-1 .item-col03 .list-img {
    width: 35.7% !important;
    min-width: 35.7% !important;
  }
  .e-2 .item-col02 .list-img {
    width: 21.7% !important;
    min-width: 21.7% !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .e-1 .item-col03 a > div,
  .e-2 .item-col02 a > div,
  .e-3 a > div,
  .e-4 a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .e-1 .item-col03 a > div img,
  .e-2 .item-col02 a > div img,
  .e-3 a > div img,
  .e-4 a > div img {
    width: 100%;
  }
  .e-1 .item-col03 .list-img,
  .e-2 .item-col02 .list-img,
  .e-3 .list-img,
  .e-4 .list-img {
    width: 20.9% !important;
    min-width: 20.9% !important;
  }
  .e-1 .item-col03 .list-name,
  .e-2 .item-col02 .list-name,
  .e-3 .list-name,
  .e-4 .list-name {
    width: 79.1% !important;
    min-width: 79.1% !important;
  }
  .e-5 a > div {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .e-5 a > div img {
    width: 100%;
  }
  .e-5 .list-img {
    width: 19.4% !important;
    min-width: 19.4% !important;
  }
  .e-5 .list-name {
    width: 80.6% !important;
  }
  /*
.e-2,
.e-4 {
    .list-img {
      width: 30% !important;
    } 
}
*/
}

@media only screen and (min-width: 768px) {
  .e-1 .list-a,
  .e-2 .list-a {
    padding: 0;
  }
  .item-col01 {
    width: 37.9%;
    margin-left: 1.05%;
    border-bottom: none;
  }
  .item-col01 div {
    border: none;
  }
  .item-col01 img {
    max-width: 100%;
  }
  .item-col01 a:hover, .item-col01 a:active {
    color: #000;
    text-decoration: underline;
  }
  .item-col02,
  .item-col03 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  .item-col02 div,
  .item-col03 div {
    border: 1px solid #ccc;
  }
  .item-col02 a:hover, .item-col02 a:active,
  .item-col03 a:hover,
  .item-col03 a:active {
    color: #000;
    text-decoration: underline;
  }
  .item-col02 {
    width: 28.9%;
    margin-left: 1.05%;
    margin-bottom: 1.05%;
  }
  .item-col02 .list-img {
    width: 19.45% !important;
  }
  .item-col02 .list-name {
    width: 80.55% !important;
  }
  .item-col03 {
    width: 18.93%;
    margin-left: 1.08%;
    margin-bottom: 1.08%;
  }
  .item-col03 .list-img {
    width: 29.7% !important;
  }
  .item-list-b-col3,
  .item-list-b-col4,
  .item-list-b-col5 {
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  .item-list-b-col3 li,
  .item-list-b-col4 li,
  .item-list-b-col5 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  .item-list-b-col3 li div,
  .item-list-b-col4 li div,
  .item-list-b-col5 li div {
    border: 1px solid #ccc;
  }
  .item-list-b-col3 a:hover, .item-list-b-col3 a:active,
  .item-list-b-col4 a:hover,
  .item-list-b-col4 a:active,
  .item-list-b-col5 a:hover,
  .item-list-b-col5 a:active {
    color: #000;
    text-decoration: underline;
  }
  .item-list-b-col3 .list-name,
  .item-list-b-col4 .list-name,
  .item-list-b-col5 .list-name {
    padding: 0 2em 0 8px;
  }
  .item-list-b-col3 {
    margin: 0 1.08% !important;
  }
  .item-list-b-col3 li {
    width: 31.98%;
    margin: 0 2.03% 1.07% 0;
    border-bottom: none;
  }
  .item-list-b-col3 li:last-of-type {
    margin: 0;
  }
  .item-list-b-col3 .list-img {
    width: 33.3%;
  }
  .item-list-b-col3 .list-name {
    width: 66.7%;
  }
  .item-list-b-col4 {
    margin: 0 1.08% !important;
  }
  .item-list-b-col4 li {
    width: 23.37%;
    margin: 0 2.17% 1.05% 0;
  }
  .item-list-b-col4 li:last-of-type {
    margin: 0;
  }
  .item-list-b-col4 .list-img {
    width: 23.7%;
    min-width: 23.7%;
  }
  .item-list-b-col4 .list-name {
    width: 76.3%;
    min-width: 76.3%;
  }
  .item-list-b-col5 {
    margin: 0 1.08% !important;
  }
  .item-list-b-col5 li {
    width: 18.55%;
    margin: 0 1.81% 1.05% 0;
  }
  .item-list-b-col5 li:last-of-type {
    margin: 0;
  }
  .item-list-c01,
  .item-list-c02,
  .item-list-d {
    border-top: none;
    border-right: none;
    border-bottom: none;
  }
  .item-list-c01 li,
  .item-list-c02 li,
  .item-list-d li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
  }
  .item-list-c01 li div,
  .item-list-c02 li div,
  .item-list-d li div {
    background-color: transparent;
  }
  .item-list-c01 li div .list-name,
  .item-list-c02 li div .list-name,
  .item-list-d li div .list-name {
    display: block;
    padding: 0.6em 1em 0.6em 2.4em;
    font-weight: normal;
  }
  .item-list-c01 li a:hover .list-name, .item-list-c01 li a:active .list-name,
  .item-list-c02 li a:hover .list-name,
  .item-list-c02 li a:active .list-name,
  .item-list-d li a:hover .list-name,
  .item-list-d li a:active .list-name {
    color: #000;
    text-decoration: underline;
  }
  .item-list-c01 {
    float: left;
    width: 25%;
  }
  .item-list-c01 li {
    float: none;
    width: 100%;
  }
  .item-list-c01 li div .line-2 {
    padding: 0.6em 1em 0.3em 2.4em;
  }
  .item-list-c02 li {
    float: left;
    width: 25%;
  }
  .item-list-d {
    float: left;
    width: 33.33%;
    border-bottom: none;
  }
  .item-list-d li {
    float: none;
    width: 100%;
  }
  .e-1 .list-img img,
  .e-2 .list-img img,
  .e-3 .list-img img,
  .e-4 .list-img img,
  .e-5 .list-img img {
    width: 100%;
  }
  .e-1 a > div,
  .e-2 a > div,
  .e-3 a > div,
  .e-4 a > div,
  .e-5 a > div {
    width: auto;
  }
  .e-3 .list-name {
    width: 70.3%;
  }
}

@media only screen and (min-width: 1400px) {
  /*
  .item-list-b-col3 {
    .list-img {
      width: 145px;
      min-width: 145px;
    }
  }
  .item-list-b-col4 {
    .list-img {
      width: 78px;
      min-width: 78px;
    }
  }
  */
  .e-1 .item-col03 .list-img,
  .e-2 .item-col02 .list-img,
  .e-3 .list-img,
  .e-4 .list-img {
    width: 78px !important;
    min-width: 78px !important;
  }
}

#bc01 {
  display: block;
  width: 100%;
  height: 200px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #bc01 {
    display: block;
    width: 50%;
    height: 200px;
  }
}

@media only screen and (min-width: 768px) {
  #bc01 {
    display: block;
    width: 50%;
    height: 500px;
  }
}

@media only screen and (min-width: 1400px) {
  #bc01 {
    display: block;
    width: 70%;
    height: 600px;
  }
}

.h-1-3 .item-m-col2 .item-copy3 {
  padding: 10px 2px 10px 3px !important;
}

.h-1-3 .item-m-col2 .item-name3 {
  padding: 10px 1px 0 0 !important;
}

.h-1-3 .item-m-col2 .item-price3 {
  padding: 10px 1px 0 1px !important;
}

.to-pagetop {
  clear: both;
  margin: 0 15px 0 0 !important;
  padding: 15px 20px 20px 0 !important;
  background: url(../responsive_temp_img/icon_pagetop.gif) right 14px no-repeat;
  text-align: right;
  font-size: 12px;
}

@media only screen and (min-width: 768px) {
  .h-1-3 .item-m-col2 .item-copy3 {
    padding: 10px 1px 10px 1px !important;
  }
  .to-pagetop {
    margin: 0;
  }
}

.item-m-col2 {
  width: 49.9%;
  text-align: center;
}

.item-m-col2:nth-child(odd) {
  float: left;
}

.item-m-col2:nth-child(even) {
  float: right;
}

.item-m-col2 div {
  padding: 5px;
}

.item-m-col2 div.item-detail {
  display: block;
  padding: 0 0 10px 0;
}

.item-m-col2 img {
  max-width: 100%;
}

.no-line .item-m-col2 {
  width: 50%;
}

.no-line .item-m-col2 img {
  max-width: 100%;
}

.no-line .item-m-col2 .item-copy2 {
  padding: 6px 13px 6px 12px;
}

.no-line .item-m-col2 .item-copy3 {
  padding: 6px 7px 6px 8px;
}

.no-line .item-m-col2 .item-name2 {
  padding: 10px 12px 0 11px;
}

.no-line .item-m-col2 .item-name3 {
  padding: 10px 6px 0 6px;
}

.no-line .item-m-col2 .item-price2 {
  padding: 10px 12px 0 10px;
}

.no-line .item-m-col2 .item-price3 {
  padding: 10px 6px 0 6px;
}

.nav-area .nav {
  margin: 10px 0 0 0;
}

.nav-list {
  border-top: 1px solid #ccc;
}

.nav-list li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.nav-list li:nth-child(even) {
  border-right: none;
}

.nav-list li.line-btm-none {
  border-bottom: none;
}

.nav-list li div {
  display: table;
  background-color: #fff;
}

.nav-list li div .list-name {
  display: table-cell;
  padding: 0.6em 1em 0.6em 2.2em;
  line-height: 1.2;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
}

.nav-list li a {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .item-m-col2 {
  }
  .item-m-col2 .item-copy {
    padding: 10px 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .item-wrap .item-m-col2 img {
    max-width: 100%;
  }
  .no-line .item-m-col2 img {
    max-width: 100%;
  }
  .no-line .item-m-col2 .item-copy {
    padding: 10px 5px 11px 5px;
  }
  .no-line .item-m-col2 .item-copy2 {
    padding: 10px 12px 10px 10px;
  }
  .no-line .item-m-col2 .item-copy3 {
    padding: 10px 6px 10px 6px;
  }
  .no-line .item-m-col2 .item-name2 {
    padding: 10px 11px 0 10px;
  }
  .no-line .item-m-col2 .item-name3 {
    padding: 10px 6px 0 5px;
  }
  .no-line .item-m-col2 .item-price2 {
    padding: 10px 12px 0 10px;
  }
  .no-line .item-m-col2 .item-price3 {
    padding: 10px 6px 0 6px;
  }
  .ie9 .item-wrap .item-m-col2 img {
    max-width: 100%;
  }
  .nav-area {
    width: 33% !important;
    min-width: 33% !important;
  }
  .nav-area.bg-gray {
    background-color: #eee;
    background-image: none;
  }
  .nav-area .nav {
    margin: 10px;
  }
  .nav-list {
    margin: 10px 0 0 0;
  }
  .nav-list li {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none;
  }
  .nav-list li div {
    background-color: transparent;
  }
  .nav-list li div .list-name {
    display: table-cell;
    padding: 0.5em 1em 0.5em 2.2em;
  }
  .nav-list li div .line-2 {
    line-height: 1.4;
    padding: 0.4em 1em 0.4em 2.2em;
  }
  .nav-list li a {
    display: block;
  }
  .nav-list li a:hover .list-name,
  .nav-list li a:active .list-name {
    color: #000;
    text-decoration: underline;
  }
  .nav-list .item-list-arw01 {
    background: url(../responsive_temp_img/arw_item_list_01.png) 0.6em center no-repeat;
  }
  .ie9 .col-wrap {
    width: 49.9%;
    min-width: 49.9%;
  }
  .ie9 .no-line .col-wrap {
    width: 66.2%;
    min-width: 66.2%;
  }
}

@media only screen and (min-width: 1400px) {
  .wrap .item-wrap .cont-area {
    width: 66.6%;
    min-width: 66.6%;
  }
}

#slide1-wrap .slide .item {
  margin: 0;
}

#slide1-wrap .slide .item img {
  display: block;
  width: 100%;
  height: auto;
}

#slide1-wrap .slide-nav {
  text-align: center;
}

#slide1-wrap .slide-nav a {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

#slide1-wrap .slide1-img {
  display: block;
}

#slide1-wrap .slide1-name {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
}

#slide1-wrap .slide1-price {
  display: block;
  font-size: 12px;
  line-height: 1.5;
}

#slide1-wrap .btn {
  cursor: pointer;
}

.j-1-3-i .item-img {
  text-align: center;
}

.j-1-3-i .item-img img {
  width: 100%;
}

.no-line .j-1-3-i li {
  padding: 0 5px;
}

.no-line .j-1-3-i .item-copy {
  padding: 6px 6px 6px 6px;
}

.no-line .j-1-3-i .item-name {
  padding: 10px 7px 0 7px;
}

.no-line .j-1-3-i .item-price {
  padding: 5px 5px 0 5px;
}

.j-1-3-1 {
  width: 100%;
}

.no-line .j-1-3-1 .item-price {
  padding: 5px 5px 30px 5px;
}

.j-1-3-2,
.j-1-3-3,
.j-1-3-4,
.j-1-3-5 {
  width: 50%;
  height: 400px;
}

.j-1-3-6,
.j-1-3-7,
.j-1-3-8,
.j-1-3-9,
.j-1-3-10 {
  display: none;
}

@media only screen and (min-width: 480px) {
  .j-1-3-1 .item-img img {
    width: 480px;
  }
  .j-1-3-2,
  .j-1-3-3,
  .j-1-3-4,
  .j-1-3-5 {
    width: 50%;
    height: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .j-1-3-i {
    display: block;
  }
  .no-line .j-1-3-i .item-copy {
    padding: 10px 6px 10px 5px;
  }
  .no-line .j-1-3-i .item-name {
    padding: 10px 6px 0 5px;
  }
  .no-line .j-1-3-i .item-price {
    padding: 10px 6px 0 5px;
  }
  .j-1-3-1,
  .j-1-3-2,
  .j-1-3-3,
  .j-1-3-4 {
    width: 50%;
    height: 50%;
  }
  .j-1-3-5,
  .j-1-3-6,
  .j-1-3-7,
  .j-1-3-8,
  .j-1-3-9,
  .j-1-3-10 {
    width: 33.33%;
    height: 33.33%;
  }
  .j-1-3-1 .item-img img {
    width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .j-1-3-i:nth-child(1) .item-img img, .j-1-3-i:nth-child(2) .item-img img, .j-1-3-i:nth-child(3) .item-img img, .j-1-3-i:nth-child(4) .item-img img {
    width: 685px;
  }
}

.wrap-child img {
  width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .wrap-child {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .wrap-child {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1400px) {
  .wrap-full {
    width: 100%;
  }
  .wrap-child {
    width: 100%;
  }
}