@charset "UTF-8";
/* ==========================================================================
 出力先階層
========================================================================== */
/* ==========================================================================
 Foundation
========================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/* -----------------------------------------------------------------
 Only
----------------------------------------------------------------- */
/* =================================================================
 /lineup/sseries_tuner.html 専用CSS
================================================================= */
.p-bar.-ultraBlue {
  background: #d7f2ff;
}

.p-bar.-ultraBlue .p-bar_st {
  background: #0487c5;
}

.p-panel.-ultraBlue .p-panel_item {
  color: #0487c5;
}

.p-bar.-deepGreen {
  background: #c5f0ec;
}

.p-bar.-deepGreen .p-bar_st {
  background: #004029;
}

.p-panel.-deepGreen .p-panel_item {
  color: #004029;
}

.p-bar.-gray {
  background: #576266;
}

.p-bar.-gray .p-bar_st {
  background: #576266;
}

.p-panel.-gray .p-panel_item {
  color: #576266;
}

.c-note.-astNum .c-note_list.-alt {
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}

.c-iconList_list {
	display: flex;
	align-items: center;
}

.c-iconList .c-iconList_list.nocross {
  margin-right: 10px;
}
.c-iconList .c-iconList_list.nocross::after {
  display: none;
}

.p-anchorSel_st {
  width: 220px;
  flex: 0 0 220px;
}

.p-anchorGenre_list {
  width: 50%;
  max-width: 50%;
  flex: 1 1 50%;
}

.c-icon.-paleGreenSquareR {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #30c1ae;
  border-radius: 4px;
  padding: 10px;
  vertical-align: middle;
}

.c-icon.-deepGreenSquareR {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #004029;
  border-radius: 4px;
  padding: 10px;
  vertical-align: middle;
}

.p-tuner .p-tuner_unit.-normal .p-tuner_list.-paleGreenSquareR {
  background-color: #30c1ae;
}

.p-tuner .p-tuner_unit.-normal .p-tuner_list.-deepGreenSquareR {
  background-color: #004029;
}

.p-tuner .p-tuner_unit .p-tuner_list.-bscs4k {
	width: 78px;
	flex: 0 0 78px;
  background-color: #3b9dda;
}


@media screen and (max-width: 640px) {
  .p-anchorSel_st {
    width: 160px;
    flex: 0 0 160px;
  }
}
/* -----------------------------------------------------------------
 Js
----------------------------------------------------------------- */