@charset "UTF-8";
/**
 *
 * machine_search: 機種検索
 *
*/
/*----------------------------
	ツール
-----------------------------*/
/*----------------------------
	ツール
-----------------------------*/
/*---------------------------------------------
	SpecialInfo
----------------------------------------------*/
#SpecialInfo {
  padding-top: 0;
}

#SpecialInfo .sub_tittle {
  border: none;
  background: #9B9B9B;
  margin-bottom: 20px;
}

#SpecialInfo .sub_tittle h3 {
  color: #fff;
}

#SpecialInfo .linkgroup {
  margin-bottom: 10px;
}

#SpecialInfo .linkgroup:last-child {
  margin-bottom: 0;
}

#SpecialInfo .linkgroup .type_tittle {
  text-align: left;
  background: #fff;
  border: none;
  padding-bottom: 5px;
  padding-top: 0;
}

#SpecialInfo .linkgroup .type_tittle h3 {
  color: #FDA51B;
}

#SpecialInfo .linkgroup .type_tittle .type {
  margin: 5px 0 0 0;
  width: 72px;
  height: 9px;
  background: url("../../img/renewal/icon_slot-o.svg") no-repeat center left;
  background-size: 72px;
}

#SpecialInfo .linkgroup .type_tittle .type::before, #SpecialInfo .linkgroup .type_tittle .type::after {
  display: none;
}

#SpecialInfo .linkgroup .itemlist {
  border: solid 1px #C8C8C8;
  border-bottom: none;
}

#SpecialInfo .linkgroup .itemlist .item .morebtn {
  width: 100%;
  background: #FAFAFA;
  height: 47px;
  border-bottom: solid 3px #FDA51B;
  border-radius: 0;
  min-width: auto;
  min-width: none;
  min-width: unset;
  padding-left: 0;
  padding-right: 0;
}

#SpecialInfo .linkgroup .itemlist .item .morebtn label {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #323232;
}

#SpecialInfo .linkgroup .itemlist .item .morebtn::after {
  border-top: solid 2px #C8C8C8;
  border-right: solid 2px #C8C8C8;
  right: 10px;
}

#SpecialInfo .linkgroup .itemlist .item .morebtn:hover {
  background: #F0F0F0;
  text-decoration: none;
}

#SpecialInfo .linkgroup .itemlist .item .morebtn:hover * {
  text-decoration: none;
}

#SpecialInfo .linkgroup.pachi .type_tittle h3 {
  color: #007ADC;
}

#SpecialInfo .linkgroup.pachi .type_tittle .type {
  width: 64px;
  background: url("../../img/renewal/icon_pachi-b.svg") no-repeat center left;
  background-size: 64px;
}

#SpecialInfo .linkgroup.pachi .itemlist .item .morebtn {
  border-bottom: solid 3px #007ADC;
}

/*---------------------------------------------
	PickUpHall
----------------------------------------------*/
#PickUpHall, #GrandRenewelOpen {
  padding-bottom: 10px;
}

#PickUpHall #PickUpNone, #GrandRenewelOpen #PickUpNone {
  height: 80px;
  background: none;
}

#PickUpHall #PickUpNone p, #GrandRenewelOpen #PickUpNone p {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

#PickUpHall .prefectures_form select, #GrandRenewelOpen .prefectures_form select {
  width: 100%;
  margin-bottom: 10px;
  margin-right: 0 !important;
}

#PickUpHall .prefectures_form .submit_btn, #GrandRenewelOpen .prefectures_form .submit_btn {
  width: 100% !important;
}

#PickUpHall .halllist, #GrandRenewelOpen .halllist {
  margin-top: 10px;
}

#PickUpHall .halllist .hall, #GrandRenewelOpen .halllist .hall {
  width: 100%;
  padding: 10px 0;
  border-top: solid 1px #C8C8C8;
}

#PickUpHall .halllist .hall a, #GrandRenewelOpen .halllist .hall a {
  display: block;
}

#PickUpHall .halllist .hall a .hall_header, #GrandRenewelOpen .halllist .hall a .hall_header {
  align-items: flex-end;
}

#PickUpHall .halllist .hall a .hall_header .date, #GrandRenewelOpen .halllist .hall a .hall_header .date {
  padding: 4px 0;
}

#PickUpHall .halllist .hall a .hall_header .hallopen, #GrandRenewelOpen .halllist .hall a .hall_header .hallopen, #PickUpHall .halllist .hall a .hall_header .pickup, #GrandRenewelOpen .halllist .hall a .hall_header .pickup {
  width: 90px;
  height: 24px;
}

#PickUpHall .halllist .hall a .hall_header .hallopen.grandopen, #GrandRenewelOpen .halllist .hall a .hall_header .hallopen.grandopen, #PickUpHall .halllist .hall a .hall_header .pickup.grandopen, #GrandRenewelOpen .halllist .hall a .hall_header .pickup.grandopen {
  background: url("../../img/renewal/icon_hallopen_short1.png") no-repeat center center;
  background-size: 90px;
}

#PickUpHall .halllist .hall a .hall_header .hallopen.renewalopen, #GrandRenewelOpen .halllist .hall a .hall_header .hallopen.renewalopen, #PickUpHall .halllist .hall a .hall_header .pickup.renewalopen, #GrandRenewelOpen .halllist .hall a .hall_header .pickup.renewalopen {
  background: url("../../img/renewal/icon_hallopen_short2.png") no-repeat center center;
  background-size: 90px;
}

#PickUpHall .halllist .hall a .hall_header .hallopen.refreshopen, #GrandRenewelOpen .halllist .hall a .hall_header .hallopen.refreshopen, #PickUpHall .halllist .hall a .hall_header .pickup.refreshopen, #GrandRenewelOpen .halllist .hall a .hall_header .pickup.refreshopen {
  background: url("../../img/renewal/icon_hallopen_short3.png") no-repeat center center;
  background-size: 90px;
}

#PickUpHall .halllist .hall a .hall_header .hallopen.pickup, #GrandRenewelOpen .halllist .hall a .hall_header .hallopen.pickup, #PickUpHall .halllist .hall a .hall_header .pickup.pickup, #GrandRenewelOpen .halllist .hall a .hall_header .pickup.pickup {
  background: url("../../img/renewal/icon_pickup_short.png") no-repeat center center;
  background-size: 90px;
}

#PickUpHall .halllist .hall a figure, #GrandRenewelOpen .halllist .hall a figure {
  width: 100%;
  height: 120px;
  margin-top: 5px;
}

#PickUpHall .halllist .hall a figcaption, #GrandRenewelOpen .halllist .hall a figcaption {
  margin-top: 5px;
}

#PickUpHall .halllist .hall a figcaption h4, #GrandRenewelOpen .halllist .hall a figcaption h4 {
  font-size: 15px;
  line-height: 17px;
  color: #0D69C9;
}

#PickUpHall .halllist .hall a figcaption p, #GrandRenewelOpen .halllist .hall a figcaption p {
  margin-top: 3px;
  font-size: 11px;
  line-height: 14px;
  color: #646464;
}

#PickUpHall .halllist .hall a:hover, #GrandRenewelOpen .halllist .hall a:hover {
  text-decoration: none;
}

#PickUpHall .halllist .hall a:hover *, #GrandRenewelOpen .halllist .hall a:hover * {
  text-decoration: none;
}

#PickUpHall .halllist .hall a:hover figcaption h4, #GrandRenewelOpen .halllist .hall a:hover figcaption h4 {
  color: #1f8dff;
}

/*---------------------------------------------
	GrandRenewelOpen
----------------------------------------------*/
#GrandRenewelOpen .halllist .hall a {
  position: relative;
}

#GrandRenewelOpen .halllist .hall a .hallopen {
  width: 86px;
  height: 21px;
  position: absolute;
  top: -4px;
  right: 0;
}

#GrandRenewelOpen .halllist .hall a .hallopen.grandopen {
  background: url("../../img/renewal/icon_hallopen_short1.png") no-repeat center center;
  background-size: 86px;
}

#GrandRenewelOpen .halllist .hall a .hallopen.renewalopen {
  background: url("../../img/renewal/icon_hallopen_short2.png") no-repeat center center;
  background-size: 86px;
}

#GrandRenewelOpen .halllist .hall a .hallopen.refreshopen {
  background: url("../../img/renewal/icon_hallopen_short3.png") no-repeat center center;
  background-size: 86px;
}

/*---------------------------------------------
	SearchBox
----------------------------------------------*/
#SearchBox {
  padding: 20px !important;
  border: solid 1px #C8C8C8;
}

#SearchBox #machineSearch .togglenav {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center;
}

#SearchBox #machineSearch .togglenav h4 {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 22px;
  position: relative;
  padding-left: 35px;
}

#SearchBox #machineSearch .togglenav h4::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../../img/renewal/icon_search-g.svg") no-repeat center center;
  background-size: 30px;
  position: absolute;
  top: -6px;
  left: 0;
  transform: rotateZ(15deg);
}

#SearchBox #machineSearch .togglenav .machineSearchTablist {
  margin-left: 10px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li {
  width: 125px;
  border-right: solid 1px #fff;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li:last-child {
  border-right: none;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a {
  display: block;
  background: #F0F0F0;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  color: #D3D3D3;
  padding: 8px 20px;
  text-align: center;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a:hover {
  text-decoration: none;
  background: #787878;
  color: #fff;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a:hover.slot {
  background: #FDA51B;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a:hover.pachi {
  background: #007ADC;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a.active {
  pointer-events: none;
  background: #787878;
  color: #fff;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a.active.slot {
  background: #FDA51B;
}

#SearchBox #machineSearch .togglenav .machineSearchTablist li a.active.pachi {
  background: #007ADC;
}

#SearchBox #machineSearch .machineSearchBody {
  margin-top: 20px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: relative;
}

#SearchBox #machineSearch .machineSearchBody form {
  width: 100%;
  display: none;
}

#SearchBox #machineSearch .machineSearchBody .ipt-txt {
  font-size: 18px;
  width: calc(100% - 94px);
  height: 48px;
  border: solid 3px #C8C8C8;
  border-right: none;
  padding: 5px 10px;
  display: block;
}

#SearchBox #machineSearch .machineSearchBody .exception {
  width: 94px;
  height: 48px;
  cursor: pointer;
  background: #787878;
  padding: 6px;
  border: solid 3px #787878;
  border-left: none;
}

#SearchBox #machineSearch .machineSearchBody .exception:hover {
  opacity: 0.7;
}

#SearchBox #machineSearch .machineSearchBody.all form.all {
  display: -webkit-flex;
  display: flex;
}

#SearchBox #machineSearch .machineSearchBody.slot form.slot {
  display: -webkit-flex;
  display: flex;
}

#SearchBox #machineSearch .machineSearchBody.pachi form.pachi {
  display: -webkit-flex;
  display: flex;
}

#SearchBox .soaringword {
  background: #EDEDED;
  margin-top: 20px;
}

#SearchBox .soaringword h4 {
  width: 100%;
  background: #9B9B9B;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 17px;
  line-height: 17px;
  color: #fff;
  padding: 10px;
}

#SearchBox .soaringword .itemlist {
  padding: 10px 10px 0 10px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#SearchBox .soaringword .itemlist .item {
  width: calc(25% - 8px);
  margin: 0 10px 10px 0;
  height: 24px;
  overflow: hidden;
}

#SearchBox .soaringword .itemlist .item:nth-child(4n) {
  margin-right: 0;
}

#SearchBox .soaringword .itemlist .item a {
  text-align: center;
  background: #fff;
  -webkit-line-clamp: 1;
  padding: 4px 0 2px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

/*---------------------------------------------
	PickUpMachine
----------------------------------------------*/
#PickUpMachine #MachineSlider {
  width: 100%;
  background: #737373;
  margin-bottom: 0;
}

#PickUpMachine #MachineSlider .item a {
  display: block;
  position: relative;
  outline: none;
}

#PickUpMachine #MachineSlider .item a time {
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 12px 4px 12px;
  font-size: 14px;
  line-height: 14px;
}

#PickUpMachine #MachineSlider .item a figure {
  padding: 30px;
  width: 100%;
}

#PickUpMachine #MachineSlider .item a figure .type {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #FDA51B;
  padding: 6px 12px 4px 12px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}

#PickUpMachine #MachineSlider .item a figure .type.pachi {
  background: #007ADC;
}

#PickUpMachine #MachineSlider .item a figcaption {
  width: 100%;
  height: 70px;
  padding: 10px 10px 20px 10px;
  background: #414141;
}

#PickUpMachine #MachineSlider .item a figcaption p {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}

#PickUpMachine #MachineSlider .item a:hover {
  text-decoration: none;
}

#PickUpMachine #MachineSlider .item a:hover * {
  text-decoration: none;
}

#PickUpMachine #MachineSlider .item a:hover figcaption p {
  opacity: 0.7;
}

/*---------------------------------------------
	PopularRanking
----------------------------------------------*/
#PopularRanking .type_title, #RecommendedMachine .type_title {
  width: 100%;
  background: #FDA51B;
  border-left: solid 14px #FDBF53;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  padding: 10px 10px;
}

#PopularRanking .type_title.pachi, #RecommendedMachine .type_title.pachi {
  background: #007ADC;
  border-left: solid 14px #00B7E2;
}

#PopularRanking .article_box, #RecommendedMachine .article_box {
  margin-bottom: 20px;
}

#PopularRanking .article_box:last-of-type, #RecommendedMachine .article_box:last-of-type {
  margin-bottom: 0;
}

#PopularRanking .article_box .machinelist, #RecommendedMachine .article_box .machinelist {
  width: 100%;
  border: solid 1px #DCDCDC;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-top: 15px;
}

#PopularRanking .article_box .machinelist .slick-track, #RecommendedMachine .article_box .machinelist .slick-track {
  height: 100%;
}

#PopularRanking .article_box .machinelist .slider-arrow, #RecommendedMachine .article_box .machinelist .slider-arrow {
  top: 160px;
}

#PopularRanking .article_box .machinelist .machine, #RecommendedMachine .article_box .machinelist .machine {
  width: 20%;
  border-right: solid 1px #DCDCDC;
}

#PopularRanking .article_box .machinelist .machine:first-child a .rank, #RecommendedMachine .article_box .machinelist .machine:first-child a .rank {
  background: #F3EA64;
}

#PopularRanking .article_box .machinelist .machine:nth-child(2) a .rank, #RecommendedMachine .article_box .machinelist .machine:nth-child(2) a .rank {
  background: #CEE7FD;
}

#PopularRanking .article_box .machinelist .machine:nth-child(3) a .rank, #RecommendedMachine .article_box .machinelist .machine:nth-child(3) a .rank {
  background: #DEC17D;
}

#PopularRanking .article_box .machinelist .machine:nth-child(5), #RecommendedMachine .article_box .machinelist .machine:nth-child(5) {
  border-right: none;
}

#PopularRanking .article_box .machinelist .machine a, #RecommendedMachine .article_box .machinelist .machine a {
  display: block;
  padding: 10px;
  position: relative;
}

#PopularRanking .article_box .machinelist .machine a .rank, #RecommendedMachine .article_box .machinelist .machine a .rank {
  background: #fff;
  border: solid 1px #DCDCDC;
  height: 30px;
  position: relative;
  margin-bottom: 8px;
}

#PopularRanking .article_box .machinelist .machine a .rank label, #RecommendedMachine .article_box .machinelist .machine a .rank label {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: #323232;
}

#PopularRanking .article_box .machinelist .machine a .rank label .small, #RecommendedMachine .article_box .machinelist .machine a .rank label .small {
  font-size: 15px;
  line-height: 15px;
}

#PopularRanking .article_box .machinelist .machine a .rank::before, #RecommendedMachine .article_box .machinelist .machine a .rank::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../../img/renewal/icon_arrow-r.svg") no-repeat center center;
  background-size: 20px;
  position: absolute;
  top: calc(50% - 10px);
  left: 5px;
  transform: rotateZ(-45deg);
}

#PopularRanking .article_box .machinelist .machine a .rank.rank_down::before, #RecommendedMachine .article_box .machinelist .machine a .rank.rank_down::before {
  background: url("../../img/renewal/icon_arrow-d.svg") no-repeat center center;
  background-size: 20px;
  transform: rotateZ(45deg);
}

#PopularRanking .article_box .machinelist .machine a .rank.rank_linear::before, #RecommendedMachine .article_box .machinelist .machine a .rank.rank_linear::before {
  background: url("../../img/renewal/icon_arrow-b.svg") no-repeat center center;
  background-size: 20px;
  transform: rotateZ(0deg);
}

#PopularRanking .article_box .machinelist .machine a figure {
  display: flex;
  height: 240px;
  align-items: flex-end;
  justify-content: center;
}

#PopularRanking .article_box .machinelist .machine a figure img {
  max-height: 100%;
  width: auto;
}

#PopularRanking .article_box .machinelist .machine a figcaption, #RecommendedMachine .article_box .machinelist .machine a figcaption {
  margin-top: 8px;
}

#PopularRanking .article_box .machinelist .machine a figcaption h4, #RecommendedMachine .article_box .machinelist .machine a figcaption h4 {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #323232;
  -webkit-line-clamp: 3;
  height: 54px;
}

#PopularRanking .article_box .machinelist .machine a .maker, #RecommendedMachine .article_box .machinelist .machine a .maker {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  background: #1E1E1E;
  padding: 3px 8px 4px 8px;
  display: inline-block;
  margin-top: 5px;
}

#PopularRanking .article_box .machinelist .machine a:hover, #RecommendedMachine .article_box .machinelist .machine a:hover {
  text-decoration: none;
}

#PopularRanking .article_box .machinelist .machine a:hover *, #RecommendedMachine .article_box .machinelist .machine a:hover * {
  text-decoration: none;
}

#PopularRanking .article_box .machinelist .machine a:hover figcaption h4, #RecommendedMachine .article_box .machinelist .machine a:hover figcaption h4 {
  color: #1f8dff;
}

#PopularRanking .morebtn, #RecommendedMachine .morebtn {
  width: 500px;
  height: 50px;
  margin-top: 20px;
  font-size: 25px;
  line-height: 30px;
}

#contents {
  overflow: visible;
}

#TypeChange {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  z-index: 100;
  border-bottom: none;
  width: calc(100% - 20px);
  margin: 15px auto 0 auto;
  padding-bottom: 5px;
  -webkit-transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#TypeChange .type {
  width: 50%;
  text-align: center;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #D3D3D3;
  padding: 10px;
  background: #f1f1f1;
}

#TypeChange .type.active {
  color: #fff;
  pointer-events: none;
}

#TypeChange .type.active.slot {
  background: #FDA51B;
}

#TypeChange .type.active.pachi {
  background: #007ADC;
}

/*---------------------------------------------
	NewMachineCalendar
----------------------------------------------*/
#NewMachineCalendar .article_box {
  margin-bottom: 10px;
}

#NewMachineCalendar .article_box:last-of-type {
  margin-bottom: 0;
}

#NewMachineCalendar .article_box h3 {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: #323232;
  background: #F0F0F0;
  border-left: solid 15px #C8C8C8;
  padding: 10px 10px 10px 15px;
}

#NewMachineCalendar .article_box .itemlist .item {
  width: 100%;
  border-bottom: solid 1px #C8C8C8;
}

#NewMachineCalendar .article_box .itemlist .item label {
  display: block;
  padding: 10px 23px 8px 5px;
  font-size: 17px;
  line-height: 22px;
  cursor: auto;
}

#NewMachineCalendar .article_box .itemlist .item a {
  display: block;
  position: relative;
}

#NewMachineCalendar .article_box .itemlist .item a label {
  cursor: pointer;
}

#NewMachineCalendar .article_box .itemlist .item a::after {
  content: "";
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 1px #C8C8C8;
  border-right: solid 1px #C8C8C8;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
}

#NewMachineCalendar .morebtn {
  height: 68px;
  margin-top: 20px;
}

#NewMachineCalendar .morebtn label {
  text-align: center;
}

/*---------------------------------------------
	RecommendedMachine
----------------------------------------------*/
#RecommendedMachine .article_box .machinelist .slider-arrow {
  top: 120px;
}

/*---------------------------------------------
	searchgenre
----------------------------------------------*/
.searchgenre {
  padding: 0 !important;
  margin-bottom: 20px;
}

.searchgenre .accordion dt {
  width: 100%;
  border-radius: 0;
  background: #414141;
  padding: 15px;
}

.searchgenre .accordion dt label {
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}

.searchgenre .accordion dt .toggle {
  background: #fff;
  top: 15px;
}

.searchgenre .accordion dt .toggle::before, .searchgenre .accordion dt .toggle::after {
  background: #414141;
}

.searchgenre .accordion dt.active .toggle::after {
  display: none;
}

.searchgenre .accordion dd {
  border: solid 1px #C8C8C8;
  border-top: none;
  padding: 0 0 15px 15px;
}

.searchgenre .accordion dd .scroll_container .scroll_custom {
  max-height: 560px;
}

.searchgenre .accordion dd .scroll_container .scroll_custom .scroll_box .article_box {
  margin-bottom: 10px;
}

.searchgenre .accordion dd .scroll_container .scroll_custom .scroll_box .article_box:last-child {
  margin-bottom: 0;
}

.searchgenre .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist {
  margin-top: 5px;
}

.searchgenre .accordion dd .scroll_container .scrollbar {
  border: solid 1px #C8C8C8;
}

.searchgenre .accordion dd .morebtn {
  margin-top: 15px;
}

.searchgenre .accordion dd .morebtn label {
  text-align: center;
}

/*---------------------------------------------
	PassingInfo
----------------------------------------------*/
#PassingInfo .accordion dd {
  padding-bottom: 10px;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom {
  padding-right: 15px;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box {
  padding-top: 15px;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box time {
  display: block;
  width: 100%;
  background: #F0F0F0;
  font-size: 17px;
  line-height: 17px;
  border-bottom: solid 1px #C8C8C8;
  padding: 10px;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist .item {
  width: 100%;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 5px 0;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist .item label {
  width: 60px;
  height: 22px;
  background: #FDA51B;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0;
  color: #fff;
  cursor: auto;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist .item label.pachi {
  background: #007ADC;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist .item a {
  width: calc(100% - 60px);
  position: relative;
}

#PassingInfo .accordion dd .scroll_container .scroll_custom .scroll_box .article_box .itemlist .item h4 {
  margin-top: 2px;
  padding-left: 10px;
  font-size: 15px;
  line-height: 20px;
}

/*---------------------------------------------
	SearchMaker
----------------------------------------------*/
#SearchMaker .accordion dd {
  padding: 15px;
}

#SearchMaker .accordion dd .scroll_box {
  max-height: auto;
  max-height: none;
  max-height: unset;
}

#SearchMaker .accordion dd .scroll_box .article_box {
  width: 484px;
  margin-bottom: 0;
}

#SearchMaker .accordion dd .scroll_box .article_box .type_title {
  width: 100%;
  background: #FDA51B;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  padding: 8px 10px;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scroll_custom {
  max-height: 560px;
  border: solid 1px #FDA51B;
  border-top: none;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scroll_custom .itemlist {
  margin: 0;
  padding: 10px 15px 0 10px;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scroll_custom .itemlist li {
  width: calc(50% - 5px);
  margin-bottom: 8px;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scroll_custom .itemlist li a {
  font-size: 14px;
  line-height: 16px;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scrollbar {
  border: solid 1px #FDA51B;
  border-top: none;
}

#SearchMaker .accordion dd .scroll_box .article_box .scroll_container .scrollbar .scrollbar-thumb {
  padding: 2px;
}

#SearchMaker .accordion dd .scroll_box .article_box.pachi {
  width: calc(100% - 504px);
}

#SearchMaker .accordion dd .scroll_box .article_box.pachi .type_title {
  background: #007ADC;
}

#SearchMaker .accordion dd .scroll_box .article_box.pachi .scroll_container .scroll_custom {
  border: solid 1px #007ADC;
  border-top: none;
}

#SearchMaker .accordion dd .scroll_box .article_box.pachi .scroll_container .scroll_custom .itemlist li {
  width: 100%;
}

#SearchMaker .accordion dd .scroll_box .article_box.pachi .scroll_container .scrollbar {
  border: solid 1px #007ADC;
  border-top: none;
}

/*---------------------------------------------
	SearchSyllabary
----------------------------------------------*/
#SearchSyllabary .accordion dd {
  padding: 0;
}

#SearchSyllabary .accordion dd .scroll_box {
  max-height: auto;
  max-height: none;
  max-height: unset;
  padding-top: 15px;
}

#SearchSyllabary .accordion dd .scroll_box .ankerlist {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  width: calc(100% - 30px);
  margin: 0 auto;
}

#SearchSyllabary .accordion dd .scroll_box .ankerlist .anker {
  width: 12.5%;
  border-right: solid 1px #fff;
  display: block;
  text-align: center;
  padding: 12px 0 10px 0;
  background: #C8C8C8;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}

#SearchSyllabary .accordion dd .scroll_box .ankerlist .anker:hover {
  opacity: 1;
  text-decoration: none;
  background: #F0F0F0;
  color: #323232;
}

#SearchSyllabary .accordion dd .scroll_box .ankerlist .anker:last-child {
  border-right: none;
}

#SearchSyllabary .accordion dd .scroll_box .ankerlist .anker.active {
  background: #F0F0F0;
  color: #323232;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom {
  max-height: 560px;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom .article_box {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0 15px 15px 15px;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom .article_box section h2 {
  width: 100%;
  background: #efefef;
  padding: 6px;
  font-family: "HiraKakuProN-W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom .article_box section ul li {
  width: 100%;
  border-bottom: solid 1px #C8C8C8;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom .article_box section ul li:last-child {
  border-bottom: none;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scroll_custom .article_box section ul li a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 6px 6px 6px;
}

#SearchSyllabary .accordion dd .scroll_box .scroll_container .scrollbar {
  border: solid 1px #C8C8C8;
  border-style: solid none none solid;
}

/*---------------------------------------------
	App
----------------------------------------------*/
#App .itemlist .item {
  width: 252px;
}