@charset "UTF-8";
/*--------------------------------------------------------------------
  メインビジュアル
--------------------------------------------------------------------*/
.p-home-banner {
  position:relative;

  padding:10px 0 10px 0;
  min-width:980px;

  background-image:url("../img/img_hero.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.p-home-banner__contents {
  width:980px;
  position:relative;
  margin:6px auto 0px auto;
  display:flex;
}
.p-home-banner__logo_and_text {
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}
.p-home-banner__logo_and_slogan {
  flex:0 0 auto;
  display:flex;
}
.p-home-banner__logo {
  flex:0 0 auto;
  width:120px;
}
.p-home-banner__slogan {
  flex:1 1 auto;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.p-home-banner__slogan h1 {
  font-size:1.8rem;
  line-height:1.2;
  text-align:right;
  color:#ffffff;
}
.p-home-banner__title {
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.p-home-banner__title h1 {
  font-weight:700;
  font-size:2.4rem;
  line-height:1.2;
  font-family:Roboto;
  text-align:right;
  color:#ffffff;
}
.p-home-banner__slider {
  width:542px;
  height:158px;
  overflow:hidden;
  flex:0 0 auto;
  align-self:flex-end;
  margin-bottom:10px;
  border:1px solid #9b9b9b;
}
.p-home-banner__slider img {
  width:540px;
  height:156px;
}
.p-home-banner__search {
  bottom:15px;
  width:980px;
  margin:0 auto;
}
.p-home-banner__search::after {
  content:"";

  display:block;
  clear:both;
}
.p-home-banner__input {
  width:570px;
}
.p-home-banner__selectbox {
  float:left;
  width:160px;
  height:36px;
  margin:2px;
  padding:7px 40px 8px 16px;

  background-color:#cccccc;
}
.p-home-banner__textbox {
  width:366px;
}

/*--------------------------------------------------------------------
  スライダー
--------------------------------------------------------------------*/
#slider a:focus, .slick-dots li button:focus, .slick-arrow:focus {
  opacity:.6;
}
.slick-dots li button:hover, .slick-arrow:hover {
  opacity:.6;
}
.slick-dots {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  margin:5px 10px;
  display:flex;
}
.slick-dots li button {
  background:#999;
  text-indent:-9999px;
  width:12px;
  height:12px;
  margin:0 5px;
  border-radius:6px;
  border:solid 1px #cccccc;
  color: transparent;
}
.slick-dots li.slick-active button {
  background:#e60000;
  opacity:1 !important;
  cursor:default;
}
.slick-arrow {
position:absolute;
top:calc(50% - 26px);
width:23px;
height:52px;
background:rgba(0,0,0,.3);
color: transparent;
z-index:99;
}
.slick-prev {
left:3px;
}
.slick-next {
right:3px;
}
.slick-arrow::after {
content:"";
position:absolute;
top:15px;
left:5px;
width:13px;
height:22px;
}
.slick-prev::after {
background-image:url("../img/slider-prev.svg");
}
.slick-next::after {
background-image:url("../img/slider-next.svg");
}
/*--------------------------------------------------------------------
  Main
--------------------------------------------------------------------*/
.p-home-main {
  width:980px;
  margin:0 auto;
  padding:20px 10px;
}

.p-home-main::after {
  content:"";

  display:block;
  clear:both;
}

.p-home-news {
  float:left;
}

.p-home-news__head.c-home-list__head {
  padding:3px 20px;
}
.p-home-news__head h2 {
  font-weight:bold;
  color:yellow;
  font-size:calc(1em + 4px);
}

.p-home-news__head h2::before {
  background-image:url("../img/icon_note.svg");
}

.p-home-news input {
  display:none;
}

.p-home-news__tabs {
  border-right:2px solid #cccccc;
  border-left:2px solid #cccccc;
  border-bottom:2px solid #cccccc;
  display:flex;
  padding:5px 5px 0 5px;
}
.p-home-news__tab {
  position:relative;
  bottom:-2px;
  flex:1 0 auto;
  padding:6px 0 4px 0;
  margin:0 5px;

  font-weight:bold;
  text-align:center;
  background-color:#e6e6e6;
  border:2px solid #cccccc;
  border-radius:5px 5px 0 0;
}
.p-home-news__tab:focus, .p-home-news__tab:hover {
  opacity:.6;
}
#p-home-tab1:checked ~ .p-home-news__tabs > .p-home-tab1,
#p-home-tab2:checked ~ .p-home-news__tabs > .p-home-tab2,
#p-home-tab3:checked ~ .p-home-news__tabs > .p-home-tab3,
#p-home-tab4:checked ~ .p-home-news__tabs > .p-home-tab4 {
  background-color:#ffffff;
  padding-bottom:5px;
  border-bottom:1px solid #ededed;
  opacity:1;
}
#p-home-tab1:checked ~ .p-home-news__body > .p-home-tab1,
#p-home-tab2:checked ~ .p-home-news__body > .p-home-tab2,
#p-home-tab3:checked ~ .p-home-news__body > .p-home-tab3,
#p-home-tab4:checked ~ .p-home-news__body > .p-home-tab4 {
  display:block;
}

.p-home-news__body {
  position:relative;
}

.p-home-news__body > * {
  display:none;
}

.p-home-news__more {
  position:absolute;
  right:0;
  bottom:-18px;
  left:0;

  width:140px;
  margin:auto;
  padding:7px 10px 6px;

  font-size:1.2rem;
  text-align:center;

  background-color:#ffffff;
  background-image:url("../img/icon_arrow_down_black.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-position:right 5px center;
  background-size:20px;
  border:1px solid #cccccc;
  border-radius:18px;
  cursor:pointer;
}

.p-home-news__more ~ .p-home-news__item:nth-child(11) {
  padding-bottom:28px;
}

.p-home-news__item {
  padding:8px 15px;
}

.p-home-news__item::after {
  content:"";

  display:block;
  clear:both;
}

.p-home-news__item ~ .p-home-news__item {
  border-top:1px solid #ededed;
}

.p-home-news__item--more {
  display:none;

  opacity:0;
}

.p-home-news__thumbnail {
  position:relative;

  float:left;
  width:80px;
  height:80px;
  margin-right:15px;
}

.p-home-news__thumbnail img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;

  max-width:80px;
  max-height:80px;
  margin:auto;
}

.p-home-ranking__thumbnail {
  position:relative;
  width:60px;
  height:60px;
  margin-right:15px;
}

.p-home-ranking__thumbnail img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;

  max-width:60px;
  max-height:60px;
  margin:auto;
}

.p-home-news__date {
  font-size:1.2rem;
}

.p-home-news__name {
  font-weight:bold;
}

.p-home-news__name a {
  font-weight:bold;
  color:inherit;
  text-decoration:none;
}

.p-home-news__desc {
  font-size:1.2rem;
}

.p-home-ranking {
  float:right;
}

.c-home-list {
  width: 475px;
}

.c-home-list__head {
  padding: 6px 20px;

  font-size: 1.6rem;
  color: #ffffff;

  background-color: #a8a8a8;
  border-radius: 5px 5px 0 0;
}

.c-home-list__head h2 {
  position: relative;
  position: relative;

  padding-left: 30px;
  padding-left: 30px;

  font-weight: bold;
}

.c-home-list__head h2::before {
  content: "";
  position: absolute;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  display: block;
  width: 20px;
  height: 20px;
  margin: auto;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.c-home-list__body {
  background-color: #ffffff;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  border-left: 2px solid #cccccc;
  border-radius: 0 0 5px 5px;
}

.c-home-ranking__head {
  position: relative;
}

.c-home-ranking__head h2 {
  font-weight: bold;
}

.c-home-ranking__head h2::before {
  background-image: url("../img/icon_crown.svg");
}

.c-home-ranking__head span {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  padding: 9px 10px 10px;

  font-size: 1.2rem;
}

.c-home-ranking__head i {
  color: white !important;
}

.c-home-ranking__body {
  padding: 15px;

  counter-reset: ranking;
}

.c-home-ranking__item a {
  position: relative;

  display: block;
  padding: 3px 0 3px 45px;

  font-weight: bold;
  color: inherit;
  text-decoration: none;
}

.c-home-ranking__item a::before {
  content: counter(ranking);
  position: absolute;
  left: 0;

  display: block;
  width: 30px;
  height: 30px;
  padding: 1px;
  top: 50%;
  margin-top: -15px;

  font-family: Roboto;
  text-align: center;
  color: #666666;

  border: 1px solid #a8a8a8;
  border-radius: 15px;

  counter-increment: ranking;
}

.c-home-ranking__item:nth-of-type(1) a::before, .c-home-ranking__item:nth-of-type(2) a::before, .c-home-ranking__item:nth-of-type(3) a::before {
  color: #e54646;

  border: 2px solid #e54646;
}

.c-home-ranking__item ~ .c-home-ranking__item {
  margin-top: 6px;
}

.c-home-ranking ~ .c-home-ranking {
  margin-top: 10px;
}

.c-home-ranking .c-infoPanel__desc {
  display: none;
  top: 80%;
  color: black;
  right: -10px;
}

.c-home-notice {
  display: flex;
  flex-wrap: nowrap;
}
.c-home-notice__title {
  margin-left:10px;
}
.c-home-notice .p-home-news__date {
  margin-top: 3px;
}
.c-home-notice__new::before {
  margin-right: 5px;
  content: "New!";
  font-size: 1.2rem;
  color: red;
}
.p-home-case {
  display:flex !important;
  align-items:center;
}
.p-home-case__thumbnail {
  position:relative;
  flex:0 0 auto;
  width:80px;
  height:80px;
  margin-right:15px;
  display:flex;
}
.p-home-case__thumbnail img {
  max-width:80px;
  max-height:80px;
  margin:auto;
}
.p-home-case__date {
  font-size:1.2rem;
}
.p-home-case__new::after {
  margin-left: 5px;
  content: "New!";
  color: red;
}
.p-home-case__text {
  width:100%;
  display:flex;
  flex-direction:column;
  color:black !important;
}
.p-home-case__text div {
  width:100%;
}
.p-home-case__title1 {
  font-weight:bold;
}
.p-home-video{
  display:flex;
}
.p-home-video__thumbnail {
  flex:0 0 auto;
  position:relative;
  width:160px;
  margin-right:15px;
}
.p-home-video__thumbnail img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;

  max-width:160px;
  max-height:90px;
  margin:auto;
}
.p-home-video__date {
  font-size:1.2rem;
}
.p-home-video__new::after {
  margin-left: 5px;
  content: "New!";
  color: red;
}
.p-home-video__text {
  width:100%;
  display:flex;
  flex-direction:column;
  color:black !important;
}
.p-home-video__title {
  font-weight:bold;
}