@charset "UTF-8";
/******************************************************************
 *
 * ナチュラル ここで読み込まれたものは.natural .セレクタ名となるつまり、セレクタ名は他のシートと統一が必要
 *
 *****************************************************************/
/*************************
 *
 * footer 部分
 *
 ************************/
/*************************
 *
 * main 部分
 *
 ************************/
/*************************
*
* review 部分
*
************************/
/*************************
*
* learning 部分
*
************************/
.event-title h3.natural, .round-title h3.natural, .genre-title h3.natural {
  font-size: 3rem;
  text-align: right;
  line-height: 0.95em;
  font-weight: bold;
  color: #fffff0;
  text-shadow: 0 0.05em 0.08em rgba(0, 0, 0, 0.7);
  margin: 1% 2% 10% 3%;
}

.event-warp.natural .card_a.buturi::before {
  background-color: rgb(255, 40, 0);
}
.event-warp.natural .card_a.buturi {
  /*物理色*/
}
.event-warp.natural .card_a.buturi a .card_b img {
  width: 20%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 15%;

    border-style:none;

  border:0px solid red ;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/physics.png");
}
.event-warp.natural .card_a.buturi a .card_b p {
  color: rgb(255, 255, 255);
width:40%;
  text-shadow: 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209);
}
.event-warp.natural .card_a.kagaku::before {
  background-color: rgb(250, 245, 0);
}
.event-warp.natural .card_a.kagaku {
  /*化学色*/
}
.event-warp.natural .card_a.kagaku a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;

border="0" ;

  margin: 0px 25% 0px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/molecule.png");
}
.event-warp.natural .card_a.kagaku a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153), 0 0 3px rgb(255, 255, 153);
}
.event-warp.natural .card_a.seibutu::before {
  background-color: rgb(53, 161, 107);
}
.event-warp.natural .card_a.seibutu {
  /*生物色*/
}
.event-warp.natural .card_a.seibutu a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;

border="0" ;

  margin: 0px 25% 0px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/dna-helix.png");
}
.event-warp.natural .card_a.seibutu a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102), 0 0 3px rgb(203, 242, 102);
}
.event-warp.natural .card_a.eisei::before {
  background-color: rgb(0, 65, 255);
}
.event-warp.natural .card_a.eisei {
  /*衛生色*/
}
.event-warp.natural .card_a.eisei a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/dispenser.png");
}
.event-warp.natural .card_a.eisei a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250);
}
.event-warp.natural .card_a.yakuri::before {
  background-color: rgb(102, 204, 255);
}
.event-warp.natural .card_a.yakuri {
  /*薬理色*/
}
.event-warp.natural .card_a.yakuri a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/capsule.png");
}
.event-warp.natural .card_a.yakuri a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250), 0 0 3px rgb(180, 235, 250);
}
.event-warp.natural .card_a.yakuzai::before {
  background-color: rgb(255, 153, 160);
}
.event-warp.natural .card_a.yakuzai {
  /*薬剤色*/
}
.event-warp.natural .card_a.yakuzai a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/syringe.png");
}
.event-warp.natural .card_a.yakuzai a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209), 0 0 3px rgb(255, 209, 209);
}
.event-warp.natural .card_a.byotai::before {
  background-color: rgb(255, 153, 0);
}
.event-warp.natural .card_a.byotai {
  /*病態色*/
}
.event-warp.natural .card_a.byotai a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/hospital-bed.png");
}
.event-warp.natural .card_a.byotai a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143);
}
.event-warp.natural .card_a.hoki::before {
  background-color: rgb(154, 0, 121);
}
.event-warp.natural .card_a.hoki {
  /*法規色*/
}
.event-warp.natural .card_a.hoki a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/rod-of-asclepius.png");
}
.event-warp.natural .card_a.hoki a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222), 0 0 3px rgb(199, 178, 222);
}
.event-warp.natural .card_a.jitumu::before {
  background-color: rgb(102, 51, 0);
}
.event-warp.natural .card_a.jitumu {
  /*実務色*/
}
.event-warp.natural .card_a.jitumu a .card_b img {
  width: 100%;
  height: 8vh;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0px 25% 0px auto;

border="0" ;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/prescription.png");
}
.event-warp.natural .card_a.jitumu a .card_b p {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143), 0 0 3px rgb(237, 197, 143);
}

/*.event-warp.natural*/
.learning-top-warp .genre-warp {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.learning-top-warp .genre-warp .card_a.natural {
  background-color: #edf4fb;
}
.learning-top-warp .genre-warp .card_a.natural.buturi::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(255, 149, 0);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.kagaku::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: blue;
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.seibutu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(0, 255, 81);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.eisei::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(255, 0, 217);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.yakuri::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(0, 136, 255);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.yakuzai::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(255, 242, 0);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.byoutai::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(255, 0, 0);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.hoki::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(0, 255, 208);
  transform: skewX(-3deg);
}
.learning-top-warp .genre-warp .card_a.natural.jitumu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  top: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  text-align: right;
  background-color: rgb(136, 0, 255);
  transform: skewX(-3deg);
}

/*************************
*
* problem 部分
*
************************/
/*************************
*
* publish 部分
*
************************/
/*************************
*
* report 部分
*
************************/
/*************************
*
* library 部分
*
************************/
h4.natural.syoko-title {
  font-size: 3rem;
  text-align: center;
  line-height: 0.95em;
  font-weight: bold;
  color: #fffff0;
  text-shadow: 0 0.05em 0.08em rgba(0, 0, 0, 0.7);
}

/* 画像を囲む要素 */
.natural .book-cover {
  width: 30%; /* 本の幅 */
  height: 20vh;
  position: relative;
  box-shadow: 10px 15px 22px -5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.15); /* 周囲の影 */
  border-radius: 4px; /* 角丸にすると本らしさが出る */
}

/* 疑似要素で光沢演出のためのカバーを画像に重ねる */
.natural .book-cover:after {
  content: "";
  position: absolute; /* 親要素に重なるように */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 👇白の透明度を調整したグラデーション */
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.4) 94%, rgba(255, 255, 255, 0.5) 96%, rgba(255, 255, 255, 0) 100%);
}

/* 画像 */
.natural .book-cover-image {
  display: block;
  width: 100%; /* 親要素の幅に合うように */
  border-radius: 4px; /* 親要素に対してoverflowを使うとバグるブラウザがあるので、画像自体にもborder-radiusを適用する */
    height: 50%;
    object-fit: cover;
}

/*************************
*
* archive 部分
*
************************/
.yoko.natural {
  border-bottom: solid 10px #4ed952;
  border-radius: 8px;
}

/*'style="<?php echo $genre_collar['back']; ?>height:14vh; border-radius:8px; margin-top:0vh;margin-bottom:0vh;background: url('https://syukatu.information.tokyo.jp/syukatu/wp-content/uploads/2023/01/91553f07e8367e16774319b789451a7f.png');background-position:center center;background-size:200px;background-repeat: no-repeat;" id="post-<?php the_ID(); ?>" *//*# sourceMappingURL=design-natural.css.map */