@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');

/*-----RESET CSS*/
#undokai h1,
#undokai h2,
#undokai h3,
#undokai h4 {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

#undokai p {
  margin: 0;
  padding: 0;
}

#undokai ul,
#undokai li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#undokai *:focus {
  outline: none;
}

#undokai a {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/*
a:hover,#undokai img:hover{
  opacity: 1!important;
}
*/
/*RESET CSS-----*/

.block-genre-page-head {
  background: #f7fbfb;
  margin-bottom: 0;
}

/* 共通設定 ----------------- */
* {
  margin: 0;
  padding: 0;
}

#undokai {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 0;
  /*    font-feature-settings: "palt"1;*/
  letter-spacing: 0.03em;
  font-family: "m-plus-rounded-1c", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background-size: 100%, auto;
  background-repeat: no-repeat, repeat;
  background-position: center bottom, top;
}

#undokai img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}

#undokai a {
  text-decoration: none;
  cursor: pointer;
}

#undokai a:hover {
  opacity: .8;
}

#undokai ul,
#undokai li {
  list-style: none;
}

#undokai .row {
  padding-bottom: 35px;
  padding-top: 20px;
  background: #f7fbfb;
}

/* #undokai .row:first-child {
  padding-top: 0px;
} */

#undokai .sec02.row {
  margin-bottom: 35px;
}

#undokai .title {
  font-size: 24px;
  font-weight: 800;
  margin-top: 0px;
  text-align: center;
}

#undokai .pc {
  display: block !important;
}

#undokai .sp {
  display: none !important;
}

/* 共通設定 ----------------- */

#undokai .read_area {
  padding: 35px 5%;
  background: #f7fbfb;
}

#undokai .read_area>div {
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.8;
}

#undokai .read_area p {
  margin-bottom: 14px;
}

#undokai .title_area {
  text-align: center;
  margin-bottom: 14px;
}

#undokai .sec02 .title {
  color: #f4a638;
}

#undokai .deco {
  max-height: 80px;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

#undokai .deco.mt21 {
  margin-top: 21px;
}


#undokai .wrap_block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 5%;
}

#undokai .wrap_block .list_wrap {
  width: calc((100% - 32px)/2);
  margin-right: 16px;
  margin-bottom: 16px;
  background-color: #fff;
  border: 2px solid #75c2e3;
  border-radius: 8px;
  box-sizing: border-box;
}

#undokai .wrap_block_1 .list_wrap {
  width: calc((100% - 32px)/1);
  border: none;
  margin-bottom: 0;
}

#undokai .sec02 .wrap_block .list_wrap {
  border: 2px solid #f4a638;
}

/* #undokai .wrap_block .list_wrap:nth-child(3n) {
  margin-right: 0;
} */

#undokai .wrap_block .list_wrap h3 {
  background-color: #75c2e3;
  padding: 15px 20px;
}

#undokai .wrap_block .list_wrap h3.mt35 {
  margin-top: 35px;
}

#undokai .wrap_block .list_wrap h3.main_cate_link_nolink {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 4px rgb(0, 0, 0, .2);
  border-radius: 8px 8px 0 0;
}

#undokai .sec02 .wrap_block .list_wrap h3.main_cate_link_nolink {
  background-color: #f4a638;
  border-radius: 0;
}


#undokai .wrap_block .list_wrap h3 a.main_cate_link {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-shadow: 0 0 4px rgb(0, 0, 0, .2);
}

#undokai .wrap_block .list_wrap h3 a.main_cate_link::before {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -4px;
  transform: rotate(45deg);
}

#undokai .wrap_block .list_wrap .list {
  padding: 20px;
}

#undokai .wrap_block_1 .list_wrap .list {
  padding-bottom: 0;
}

#undokai .wrap_block .list_wrap .list a.cate_link {
  display: inline-block;
  padding-left: 16px;
  margin-bottom: 8px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

#undokai .wrap_block .list_wrap .list a.cate_link::before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #898989;
  border-right: solid 1px #898989;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  transform: rotate(45deg);
}

#undokai .wrap_block .list_wrap .list a.cate_link:hover {
  color: #75c2e3;
  transition: all .2s ease-in-out;
}



/*画面幅767px以下*/
@media only screen and (max-width: 767px) {

  /* 共通設定 ----------------- */
  #shingakki .row {
    padding-bottom: 45px;
    padding-top: 30px;
  }

  #shingakki .row:last-child {
    padding-bottom: 60px;
  }

  #shingakki .title {
    font-size: 30px;
    margin-bottom: 30px;
  }

  #undokai .pc {
    display: none !important;
  }

  #undokai .sp {
    display: block !important;
  }

  #undokai .wrap_block .list_wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  #undokai .read_area>div>p {
    text-align: left;
  }

}