/**
Theme Name: byoutai-byouri
Theme URI: 
 */
.small{font-size: 0.8em;}
.small2{font-size: 0.6em;}
.small3{font-size: 0.4em;}
.big{font-size: 1.2em;}
.big2{font-size: 1.4em;}
.big3{font-size: 1.6em;}

.bold {font-weight: bold;}

.red {  color: #d60033;}
.blue {  color: #1e47b7;}
.green {  color: #26966d;}

.m-red {background: linear-gradient(transparent 60%, #ffd0d1 60%);}
.m-blue {background: linear-gradient(transparent 60%, #a8dafb 60%);}
.m-yellow {background: linear-gradient(transparent 60%, #ff9 60%);}


.blur-bg {
	backdrop-filter:blur(5px);
}



/*-- 研究実績 --*/


.year-buttons {
  display: flex;
  gap: 16px;
  justify-content: center; /* 左寄せなら left に変更 */
  margin: 20px 0 70px;
  flex-wrap: wrap;
}

.year-btn {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #999;
  border-radius: 6px;
  text-decoration: none;
  color: #334155;
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s;
}

.year-btn:hover {
  background-color: #046bd2;
  color: white;
  border-color: #046bd2;
}



.pub-year {
  background-color: #08338e;
  margin: 70px 0px 30px 0px !important;
  padding: 30px 0px 30px 0px;
  color:#ffffff;
  font-size:36px;
  font-weight:bold;
  text-align:center;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.06em;
}


.pub-section {
  border: 1px solid #ddd;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom:30px;
}

.pub-title {
  padding: 20px 20px 20px 30px;
  font-size: 1.5em;
  font-weight: 800;
  background-color: #EBF4FF;
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
  color: #2C5282 !important;
  letter-spacing: 0.05em;

}

.pub-entry {
  background-color: #fff;
  padding: 0;
}

.pub-content {
  padding: 16px 20px;
  border-bottom: 1px dotted #555;
  margin: 0 20px;
}

.pub-entry:last-child .pub-content {
  border-bottom: none;
}

.pub-content p {
  margin: 4px 0;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.25;
}

.circle-number {
  display: inline-block;
  background-color: #60a5fa;
  color: white;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-weight: normal;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 25px;
}
.two{
  background-color: #34d399;
}

.three{
  background-color: #a78bfa;
}
.four{
  background-color: #fb923c;
}

.sky-blue{
  background-color: #3182CE;
}


.quote-block::before {
  content: "“";
  font-size: 2rem;
  display: block;
  text-align: center;
  margin-bottom: 0.2em;
  color: #333;
}
.quote-block::after {
  content: "”";
  font-size: 2rem;
  display: block;
  text-align: center;
  margin-top: 0.2em;
  color: #333;
}



.page-id-642 .site-header
{
	display:none;
	}



/*-- トップ お知らせ --*/

.news-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0 !important;
}
.news-list li {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  padding: 0.7em 0;
  border-bottom: 1px dashed #666;
  font-size: 16px;
}
.news-list li:last-child {

}
.news-date {
  font-weight: bold;
  color: #1e4c88;  /* 富山大ブルー */
  white-space: nowrap;
  min-width: 90px;
  font-size: 0.98em;
}
.news-body {
  flex: 1;
}
.news-link {
  text-align: right;
  margin-top: 1em;
}
.news-link a {
  color: #1e4c88;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}
.news-link a:hover {
  text-decoration: underline;
}




/*-- スタッフ一覧 --*/

.staff-box {
  border-radius: 4px 8px 8px 4px;
  padding: 12px 16px;
  background-color: #ffffff;
  box-shadow: 0 0px 2px rgba(15,48,252,0.5);
  margin-bottom: 16px;
}

.staff-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.staff-name {
  font-size: 20px;
  color: #1e3a8a;
}

.staff-box.blue .staff-name { 
  width: 690px;
}


.badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: normal;
  margin-left: 6px;
  white-space: nowrap;
}

.badge.green {
  background-color: #ecfdf5;
  color: #047857;
}

.badge.pink {
  background-color: #fee2e2;
  color: #b91c1c;
}

.staff-detail {
  font-size: 0.9rem;
  color: #4b5563;
  margin-top: 6px;
}

.staff-box.blue    { border-left: 6px solid #3b82f6; } /* 青 */
.staff-box.green   { border-left: 6px solid #10b981; } /* 緑 */
.staff-box.orange  { border-left: 6px solid #f97316; } /* オレンジ */
.staff-box.purple  { border-left: 6px solid #8b5cf6; } /* 紫 */
.staff-box.pink    { border-left: 6px solid #ec4899; } /* ピンク */
.staff-box.teal    { border-left: 6px solid #008080; } /* やや青みがかった緑 */



/* 2列レイアウト用ラッパー */
.staff-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

/* 各スタッフカードの幅調整 */
.staff-grid .staff-box {
  flex: 0 0 calc(50% - 8px); /* 2列 */
  box-sizing: border-box;
}




/*-- 研究内容 --*/
.research-box {
  position: relative;
  border: 2px solid #e3eafd;
  border-radius: 14px;
  background: #fff;
  padding: 1.2em 1.5em 1.2em 2em;
  margin: 1.6em 0;
  max-width: 900px;
  box-sizing: border-box;
  overflow: hidden;
  color: #666;   /* 本文・担当などはグレー */
}

/* 左側カラー帯 */
.research-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 100%;
  border-radius: 12px 0 0 12px;
  z-index: 1;
}

/* 各色ごとにカラーカスタム */
.research-box.blue::before    { background: #1e4c88; }
.research-box.green::before   { background: #19a875; }
.research-box.purple::before  { background: #987de9; }
.research-box.orange::before  { background: #ff9800; }

/* h3のみ「濃い青」 */
.research-box h3 {
  color: #1e4c88;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 0.4em 0;
  display: flex;
  align-items: center;
}

/* 担当はちょっと濃いグレーで強調 */
.research-box .research-staff {
  font-weight: bold;
  color: #444;
  margin-top: 1em;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .research-box {
    padding: 1em 0.7em 1em 1.2em;
  }
  .research-box::before {
    width: 5px;
    border-radius: 9px 0 0 9px;
  }
}






@media (max-width: 921px) {
      .pub-title {
        font-size: 1.4em;
        padding: 14px;
      }
    
      .pub-content {
        padding: 14px 18px;
        margin: 0 16px;
      }
    
      .pub-content p {
        font-size: 13.5px;
        line-height: 1.35;
      }
      
	.staff-box.blue .staff-name {
	  width: 75%;
	}
      
      
      
      
      
      
    }

@media (max-width: 767px) {

		  .news-list li {
		    flex-direction: column;
		    gap: 0.3em;
		  }
		  .news-date {
		    min-width: 0;
		  }

      .pub-year {
        padding: 20px 0px 20px 0px;
        font-size:24px;
      }


      .pub-title {
        font-size: 1.3em;
        padding: 12px;
      }
    
      .pub-content {
        padding: 12px 14px;
        margin: 0 12px;
      }
    
      .pub-content p {
        font-size: 13px;
        line-height: 1.4;
      }
     
	.staff-box.blue .staff-name {
		font-size:16px;
	  width: 100%;
	  margin-bottom: 7px;
	}
     
     
     
     
     
     
    }




@media (max-width: 767px) {
  .sp-only { display: block; }
  .pc-only { display: none; }
}

@media (min-width: 768px) {
  .sp-only { display: none; }
  .pc-only { display: inline; } /* <br>にも効くように inline 指定 */
}