@charset "UTF-8";

/* ========================
  カスタムブロック設定
======================== */

/* ========================================
   プロフィールブロック
   ======================================== */
.profile-block {
  margin: 2rem 0;
}

/* --- ヘッダー（写真 + 名前・肩書き）常に横並び --- */
.profile-header {
  display: flex;
  align-items: flex-start; /*上揃え*/
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.profile-photo {
  width: 120px;
  flex-shrink: 0;
}

.profile-photo img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.profile-info {
  align-self: center;  /*中央揃え*/
  margin-bottom: 0.25rem;
}

.profile-info h4 {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 0.25rem;
  color: #0c3388;
  border: none;
  padding: 0;
}

.profile-info p {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}

/* --- 本文 --- */
.profile-content {
  line-height: 2.0;
}
.cate-renkei ul.post10 > li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.cate-renkei ul.post10 > li:hover {
  background:#fffacd;
  text-decoration: none;
}

/* ========================================
   500px以上: 写真を少し大きく
   ======================================== */
@media (min-width: 500px) {
  .profile-photo {
    width: 240px;
  }
}

/* ========================================
   700px以上: 本文を2カラム（段組み）
   内容が少なければ左カラムのみに収まる
   ======================================== */
@media (min-width: 700px) {
  .profile-content {
    column-count: 2;
    column-gap: 2rem;
    column-fill: auto;
    min-height: 80px;
  }
}
/* ========================================
  薬理学パンフレット用　PDF
   ======================================== */
.yakuri_box {
  position: relative;
  overflow: hidden;
}
.yakuri_box a {
  display: block;
  margin: 0 0 2rem;
}
.yakuri_box a img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  border: solid 1px 666;
  box-shadow: 2px 2px 4px #666;
}

@media (min-width: 700px) {
 .yakuri_box a {
    width: 46%;
   float: left;
   margin: 2rem 2% 2rem;
  }
}

/* ========================================
  Responsive 画像＋文
   ======================================== */
.mt-be-columns .2r-is-waku {
  display: block;
  margin: 2rem 0rem;
  position: relative;
  overflow: hidden;
}
.left-float img,.right-float img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
/* ========================================
   500px以上: 画像横並び
   ======================================== */
@media (min-width: 500px) {
  .left-float,.right-float {
    width: 30%;
  }
   .left-float {
    float: left;
  }
   .right-float {
    float: right;
  }
}
/* ========================================
   960px以上: 画像横並び
   ======================================== */
@media (min-width: 960px) {
  .left-float,.right-float {
    width: 35%;
  }
}

/* ========================================
   カテゴリ連携　offset 1
   ======================================== */
.off1-list a {
  display: block;
  margin: 0rem 1rem 1rem;
  font-size: 1rem;
  
}

/* ========================
   ウェブページ　カテゴリ連携
======================== */

.cate-renkei {
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.cate-renkei h5 {
  display: inline-block;
  background-color: rgba(12,51,136,0.5);
  padding: 0.5rem 1rem;
  margin: 1rem 0rem 0rem;
  color: #fff;
  line-height: 1.2;
  text-shadow: 0px 1px #000;
}
a.cate-button,a.cate-button-off1 {
  display: block;
  float: right;
  color: #0c3388;
  border: solid 1px #0c3388;
}
a:hover.cate-button,a:hover.cate-button-off1 {
  background-color: rgba(12,51,136,0.5);
  color: #fff;
}
a.cate-button-off1 {
  color: #FFF;
  background-color:#0c3388;
  border: none;
}
.cate-renkei time {
 font-size: 0.9rem;
  background: #efefef;
  padding: 5px 10px;
  margin-right: 1rem;
}
.cate-renkei ul {
 list-style: none; 
}
.cate-off1,.cate-renkei,.cate-latext {
  position: relative;
  overflow: hidden;
}

/* ========================================
  seminor. 表示
   ======================================== */
a.seminor-a {
  display:block;
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
  border: solid 2px #ccc;
  box-shadow: 2px 2px 4px #ccc;
}
a:hover.seminor-a {
  background-color: rgba(232,56,23,0.2);
  text-decoration: none;
}
.seminor-img {
  width: 50%;
  float: left;
  margin: 0 1.5rem 0.5rem 0;
}
.entry .seminor-text h3 {
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  margin: 0;
}

.seminor-archive {
  
}
@media (min-width: 700px) {
.seminor-img {
  width: 25%;
  margin: 0 1.5rem 0 0;
} 
 
}
@media (min-width: 1200px) {
.seminor-img {
  padding: 1rem;
  width: 250px;
  float: left;
  margin: 0 1rem 0 0;
} 
 
}


/* ========================================
   本用　画像＋概要表示レスポンシブ
   ======================================== */
.book ul {
 list-style: none; 
}
.book ul li {
 display: block;
  position: relative;
  overflow: hidden;
  color: #000;
  border: solid 1px var(--jps-blue);
  margin-bottom: 2rem;
}
.book ul li h4 {
  border: none;
  background-color: var(--jps-blue);
  color: #fff;
  padding: 0.5rem 1rem;
}
.book-waku {
  height: 240px;
  padding: 1rem;
}
.book-waku img {
  display: block;
  max-height: 100%;
  margin: 0 auto;
}
.book-text {
  line-height: 1.2;
}
.book a.more {
  display: block;
  width: 240px;
  background-color: var(--jps-blue);
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  margin: 0 auto 1rem;
  color: #fff;
}
.book a:hover.more {
  background-color: var(--jps-blue-60);
 text-decoration: none;
  color: #fff;
}

@media (min-width: 700px) {
.book-waku {
  width: 35%;
   float: left;
} 
  
  
}