@charset "UTF-8";
body {
  color: #000;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#newproducts ::selection {
  background: #fff; }

#newproducts ::-moz-selection {
  background: #fff; }

#newproducts a, #newproducts a img {
  color: inherit;
  opacity: 1;
  transition: 0.2s;
  -moz-transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  -ms-transition: opacity .25s; }

/*グロナビ・フッター修正*/
.sub_menu ul li, .guide_text, #footer_menu { text-align: left; }

#newproducts a:hover { opacity: 0.8; }

#newproducts .cont {
  width: 980px;
  margin: 0 auto;
  padding: 40px 0;
  border-bottom: 1px solid #000; }

#newproducts .cont.panel_area:last-child {
  border-bottom: 0; }

#newproducts .panel_area_top_inner {
  width: 980px;
  margin: 0 auto; }

#main_cont {
  background-color: #000;
  text-align: center; }

#main_cont img {
  width: 100%;
  height: auto; }

#wrap {
  padding: 50px 0;
}

#wrap_inner {
  width: 980px;
  margin: 0px auto 50px; }

/* --------------------
Headline
-------------------- */
#newproducts h2 {
  font-size: 14px;
  color: #252525;
  margin-bottom: 20px;
  text-align: center; }

#newproducts h2.white {
  color: #fff;
}

#newproducts h2 span {
  display: block;
  font-family: "Oswald";
  font-size: 38px;
  color: #fffa00;
  text-shadow: 1px 1px 2px rgba(0,0,0,.45);
  font-weight: 400; }

#newproducts h2 span span {
  display: inline;
  text-shadow: none; }

#newproducts .gray { color: #444444; }
#newproducts .black { color: #000; }
#newproducts .white { color: #fff; }


/*-------------------
Panel
--------------------*/
#cat_panel {
  width: 980px;
  margin: 0 auto; }

#cat_panel .bx-wrapper {
  position: relative; }

#cat_panel ul {
  height: 160px;
  overflow: hidden; }

#cat_panel ul li a img,
#cat_panel ul li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

#cat_panel ul li a:hover {
  opacity: 0.7; }

#cat_panel ul li a:hover img {
  -webkit-filter: brightness(75%);
  -moz-filter: brightness(75%);
  -o-filter:brightness(75%);
  -ms-filter:brightness(75%); }

#cat_panel .bx-controls a {
  position: absolute;
  top: 0;
  width: 30px;
  height: 160px;
  color: #fff;
  background: #000;
  outline: 0;
  text-align: center;
  line-height: 160px;
  z-index: 9999; }

#cat_panel .bx-controls .bx-prev {
  left: -40px; }

#cat_panel .bx-controls .bx-next {
  right: -40px; }

.bx_slider li:not(:first-child) {
  display: none; }

.bx-viewport .bx_slider li {
  display: block !important; }

/*スライダーOFF*/
#cat_panel.no_carousel ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}


/*--------------------
もっと見る.see_all
--------------------*/
#newproducts .see_all {
  width: 320px;
  margin: 0 auto;
  border: 2px solid #1e1e1e;
  text-align: center;
  font-weight: bold;
  font-size: 14px; }

#newproducts .see_all a {
  display: block;
  padding: 12px 0px; }

#newproducts .see_all a:hover {
  color: #fff;
  background: #000; }


/*--------------------------
Recommend
---------------------------*/
.special_item { width: 100%; margin: 0 auto; overflow: hidden; }
.special_item .itemName { font-weight: bold; min-height: 40px; }
.special_item .priceArea { text-align: right; margin: 0; }
.special_item .itemPrice { font-size: 20px; color: #C60001; font-family: "Oswald"; font-weight: bold; }
.special_item .FS2_itemPrice_addition { font-size: 11px; color: #000000; font-weight: bold; }
.special_item a img { border: none; }
.special_item ul { padding: 0px; overflow: hidden; margin-bottom: 20px; }
.special_item ul li { text-align: left; display: block; float: left; width: 177px; margin-right: 22px; line-height: 1.5; font-size: 100%; }
.special_item ul li a { display: block; position: relative; }
.special_item ul li.staff_re05 { margin-right: 0; }
.special_item ul li img { width: 177px; /*height: 169px;*/ margin-bottom: 6px; border: 1px solid #cccccc;}
.special_item ul li.no_p { margin-right: 0px; }

/*
|---------------------------------------------------------------
| バナー　respect_color
|---------------------------------------------------------------
*/
.panel_area.cont.bnr img {
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}

/*respectバナー用にボーダー色変更*/
.newproducts2018 #wrap_inner .panel_area:first-child {
  border-bottom-color: #ccc;
}



/*
|---------------------------------------------------------------
| 2020年新作
|---------------------------------------------------------------
*/
.newproducts2020 .cat_panel {
  padding: 100px 0;
  background: #1e1e1e url(../img/newproducts/panel_bg.jpg) 50% 50% / cover no-repeat;
}
.newproducts2023 .cat_panel {
  padding: 100px 0;
  background: #1e1e1e url(../img/newproducts/panel_bg_1.jpg) 50% 50% / cover no-repeat;
}

.cat_panel ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 980px;
  margin: 0 auto -10px;
}

.cat_panel ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}

.cat_panel ul a {
  display: block;
}

.cat_panel ul img {
  width: 100%;
  height: auto;
}

.cat_panel ul li:nth-of-type(1),
.cat_panel ul li:nth-of-type(2),
.cat_panel ul li:nth-of-type(5),
.cat_panel ul li:nth-of-type(6) {
  width: 388px;
  flex: 0 0 388px;
}

.cat_panel ul li:nth-of-type(3),
.cat_panel ul li:nth-of-type(4) {
  width: 186px;
  flex: 0 0 186px;
}



/*
|---------------------------------------------------------------
| 2021年新作
|---------------------------------------------------------------
*/
.conceptalbum_2021__link {
  display: block;
}

.conceptalbum_2021__pd_name {
  width: 340px;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.conceptalbum_2021__pd_price {
  width: 340px;
  margin: 0 auto;
  font-size: 18px;
  text-align: right;
}

.conceptalbum_2021__pd_price span {
  color: #e60012;
  font-size: 36px;
  font-family: Oswald, sans-serif;
}