/*
Theme Name: 山口大学 理学部
Description: 追加スタイルシート
Date:　20220608- 

*/

/*  TOPページ　　　*/
/*  フッターロゴサイズ　　　*/
.ft_logo img {
    width: 70% !important;

}

/* 20241016 15px→14px　試し　pcとスマホでベースのフォントサイズを変えてみる */
@media  screen and (max-width: 769px){
html{
 font-size:14px !important;
 }
}
@media  screen and (min-width: 770px){
html{
 font-size:15px !important;
 }
}

/*　ベース余白　*/
@media  screen and (max-width: 769px){
.con{
    padding: 0px 20px 20px;
 }
}
@media  screen and (min-width: 770px){
.w_base{
    width:90% !important;
 }
}


/****/

/*  見出し                                                        */

/****/

@media screen and (max-width: 769px){
.hd_bg{
  background: url(https://www.yamaguchi-u.ac.jp/sci/wp-content/themes/faculty-ja/images/slideshow/i_img_4.jpg) repeat center;
  padding:0;
  background-size:cover;
 }
}
@media screen and (min-width: 770px){
.hd_bg{
  background: url(https://www.yamaguchi-u.ac.jp/sci/wp-content/themes/faculty-ja/images/slideshow/i_img_4.jpg)  left;
  background-size:cover;
 }
}
@media screen and (min-width: 770px){
.mcon h1 {
/*    margin-top: 10px;  */
    margin-bottom: 10px;
/*    padding-left: 20px; */
    font-size: 1.4em;
    font-weight: 500;
/*    border-left: 5px solid #8CC14A;   */
/*    border-left: 8px double #8CC14A;  */

	background: #2B8756;
	color:white;
    line-height: 1.5;
    padding: 8px 15px 7px;
    overflow: hidden;


 }
}
@media screen and (max-width: 769px){
.mcon h1 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 20px; 
 /*   font-size: 1.3em; */
    font-size: 1.2em;
    font-weight: 400;
/*    border-left: 3px solid #8CC14A;   */
/*    border-right: 3px solid #8CC14A;  */
 /*   background-color: #f5f5f5;  */

	background: #2B8756;
		color:white;
	padding:10px 3.125%;
 }
}
.mcon h2 {
    border-left:none;
    position: relative;
    margin: 20px 0 10px;
    padding-bottom: 5px;
    font-size: 1.4em;
    font-weight: 500;
    border-bottom: 2px solid #ddd;
}
.mcon h2::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    width: 8em;
    height: 2px;
    background: #8CC14A;
}
@media screen and (max-width: 769px){
.mcon h2 {
    font-size: 1.2em;
    font-weight: 400;
 }
}


.mcon h3 {
    position: relative;
    display: block;
    margin: 0 10px 10px 10px;
    padding-left: 2em;
    font-size: 1.1em;
    font-weight: 500;

}

.mcon h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

    content: "";
    display: block;
    width: 1.5em;
    height: 0.03em; 
/*    height: 0.01em;  スマホでラインが見えないので暫定太くしてみる   */
    background: #8CC14A;  


}
/*  保留    */
.mcon h4 {

    position: relative;
    display: block;
    margin: 0 10px;
    padding-left: 2em;
    font-size: 1.1em;
    font-weight: 500;

}

.mcon h5 {
  font-size: 0.9em;
  margin-bottom: 2px;
  margin-top: 5px;
  font-weight:500;
}






/****/

/*  table                                                        */

/****/
/* **　*/
/* table 基本 枠線 タイトル-太字?網掛け   参考：各種申請窓口   */
/* **　*/
table.standard {
  border-collapse: collapse;
  border:1px;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom:15px;
  padding: 0;
/*  table-layout: fixed; */
}

table.standard td {
  border: 1px solid gray;
  padding: 7px 7px 7px 7px;
}

table.standard thead td {
  border: 1px solid gray;
  padding: 7px 7px 7px 7px;
  background-color: lightgray;
  font-weight: bold;
}

table.standard th {
  border: 1px solid gray;
  padding: 7px 7px 7px 7px;
  background-color: lightgray;
  font-weight: bold;
}


/* **　*/
/* table : 　教員一覧 名誉教授　　*/
/* **　*/
@media screen and (min-width: 540px){
 .table_list{
   border-collapse: collapse;
   border:0;
   margin: 0 auto;
   padding: 0;
   width: 90%;
   table-layout: fixed;
 }

 .table_list tr {
   background-color: #fff;
   padding: .35em;
   border-bottom: 1px dotted gray;

 }
 .table_list tr:first-child{
    border-top: 2px solid  #8BC34A;
 }
 .table_list tr:last-child{
    border-bottom: 2px solid  #8BC34A;
 }
 .table_list td {
   padding: 7px 7px 7px 7px;
 }
}
@media screen and (max-width: 539px) {
  .table_list {
    border: 0;
    width:100%;
    font-size: x-small;
    table-layout: fixed; 

  }
  
  .table_list tr {
    display: block;
    margin-bottom: 10px;

    border-bottom: 1px dotted gray;

  }
 .table_list th,td {
     border-top: 0;         
     border-bottom: 0;   
     padding: 5px;      /* 余白指定 */
     text-align:  left; 
	 line-height:20px;   /*  追加 20240719  */
 }

 .table_list tr:first-child{
    border-top: 2px solid  #8BC34A;
 }
 .table_list tr:last-child{
    border-bottom: 2px solid  #8BC34A;  
 }
}
/*  画像とキャプションを表形式で並べるために    */
@media screen and (min-width: 540px){
table tr td {
	margin:10px;
	padding:0 10px 3px 10px;
	}
}

@media screen and (max-width: 539px) {
table tr td {
	margin:0;
	padding:3px;
	line-height:15px;
	}
table tr td img{
	margin:0 !important;
	}
}

/* ****　　*/

/*　　パンくず表示の調整　　　　　　　　　　　　　　*/

/* ****　　*/
.breadcrumbs {
    margin: 1.5em 0;
}

.breadcrumb {
  gap: 0.1em !important;
/*  column-gap: 0.5em !important;　*/
/*  display:flex; */
  flex-wrap:wrap;
  margin:0 !important;
/*  padding:1px 0;  */
  font-size:10pt;
/*  position:relative;  */
  justify-content:flex-start
}


.breadcrumbs a {

    font-weight: bold;
    font-size: small;

    border-radius: 4px;
    padding: 4px 12px;
    margin: 0 5px;
}

.breadcrumbs a:hover {
    color: #000000;
    background-color : #e88f74;   
}

.breadcrumb li{
  list-style:none !important;
  display:inline-block;
  text-align:left;
}
.breadcrumb li::before {
   right: -0.1em;
}
.breadcrumb li a {
    display: inline-block;
    padding-right: 12px;
    color: #2766a0;
}
.breadcrumb .current-item {
    padding: 4px 12px;
}
/*   タイトルの上に出すので、パンくず末尾の記事タイトルは非表示   */
.single-post .breadcrumbs span[typeof="ListItem"]:last-child span[property="name"] {
    display: none ;
}



/* ****　　*/

/*　　メニュー?見出し部品　　　　　　　　　　　　*/

/* ****　　*/

/* NAVメニュー　*/
.nav_bg .nav .hd_nav_list > li > a{
	font-weight: 400;
}



/* 　ページ下　flexメニューS　------------------　ここから↓　 */
/* 　　　　　幅770以上　横並び 4×改行　 　　　　　　　　　*/
/* 　　　　　幅770未満　縦並びメニュー　　　　　　　　　 */

/* **　*/
/*　幅770未満　縦並びメニュー　*/
/* **　*/
@media screen and (max-width: 769px) {
 .index_course_list_sci {

    display: flex;

    flex-wrap: wrap;
    gap: 20px;
    width: 90%;
    margin: 40px auto 0;
  }
}

@media screen and (max-width: 769px){
.index_course_list_sci .index_course_item_sci {
    width: 100%;
 }
}
/* **　*/
/*　幅770以上　横並び 4×改行　*/
/* **　*/
@media screen and (min-width: 770px) {
.index_course_list_sci {

    display: flex;

    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 20px auto 30px;
 }
}
@media screen and (min-width: 770px) {
 .index_course_list_sci .index_course_item_sci {
    width: calc((100% - 20px * 3) / 4);
 }
}
/*　必要なら調整しよう　*/
/*
@media all and (min-width: 768px) and (max-width: 1024px) {
  .index_course_list_sci .index_course_item_sci {
    width: calc((100% - 20px) / 2);
  }
}
*/
.index_course_list_sci .index_course_item_sci a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 30px 15px 10px;
    background: #f4f4f4;
    color: #00913a;
    font-weight: 500;
    text-decoration: none;

 }

.index_course_item_sci a::before {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #00913a;

    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
    transition: all 0.5s ease;

}
.index_course_item_sci a::after {
    right: 16px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transform: rotate(45deg);

    position: absolute;
    top: 0;
    bottom: 0;

    margin: auto;
    content: "";
    vertical-align: middle;

    transition: all 0.5s ease;

}
.index_course_list_sci .index_course_item_sci a:hover {
    background: #00913a;
    color: #fff;
}

/* 　ページ下　flexメニューS　------------------　ここまで　↑　 */




/* 　ページ下　flexメニューS2　------------------　ここから↓　 */
/* 　　　　　幅770以上　横並び 3×改行　 　　　　　　　　　*/
/* 　　　　　幅770未満　縦並びメニュー　　　　　　　　　 */

/* **　*/
/*　幅770未満　立て並びメニュー　*/
/* **　*/

@media screen and (max-width: 769px) {
.index_link_list_02_sci {

    display: flex;

    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 769px){
.index_link_list_02_sci .index_link_item {
    width: 100%;
 }
}
/* **　*/
/*　幅770以上　横3並びメニュー　*/
/* **　*/
@media screen and (min-width: 770px) {
.index_link_list_02_sci {

    display: flex;
    flex-wrap: wrap;
    gap: 30px;

  }
}

@media screen and (min-width: 770px) {
.index_link_list_02_sci .index_link_item {
  width: calc((100% - 30px * 2) / 3);
 }
}
.index_link_list_02_sci .index_link_item a {
  position: relative;

  display: flex;

  flex-wrap: wrap;
  -webkit-box-align: center;

  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 30px;
  background: #fff;
  color: #2a8856;
  font-size: 1.125rem;
  text-decoration: none;
  border: 1px solid #ccc;

}

.index_link_list_02_sci .index_link_item a::before {
  position: absolute;
  top: 50%;
  right: 25px;   
/*  -webkit-transform: translateY(-50%) rotate(45deg);  */
          transform: translateY(-50%) rotate(45deg); 
  z-index: 1;
  content: "";
  width: 8px;  
  height: 8px; 
  border-top: 2px solid #fff; 
  border-right: 2px solid #fff; 
}

.index_link_list_02_sci .index_link_item a::after {
  position: absolute;
  top: 50%;
  right: 10px;
/*  -webkit-transform: translateY(-50%);   */
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 34px;
  height: 80%;
  background: #2a8856;
}



/* 　ページ下　flexメニューS2　------------------　ここまで　↑　 */



/* 　 フレーム囲い　+　flexメニュー　------------------　ここから↓　 */
/* 　　　　　幅770以上　横並び 3×改行　 　　　　　　　　　*/
/* 　　　　　幅770未満　縦並びメニュー　　　　　　　　　 */

/* **　*/
/*　幅770未満　縦並びメニュー　*/
/* **　*/

.index_link_list_03_sci ul li{
    list-style:none;
    font-weight:500;
    font-size:1em;
}
.index_link_list_03_sci ul li:before{
     content:"》" 
}
.index_link_list_03_sci h2 {
    background-color:#097d5c;
    margin-top:0;
    color:#fff;
    padding:0.5rem;
    line-height:1.2;
    font-size:1.1em;
}


@media screen and (max-width: 769px) {
.index_link_list_03_sci li {

    display: flex;

    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    margin: 0px auto 0;
  }
}

@media screen and (max-width: 769px){
.index_link_list_03_sci .index_link_03_item {
    width: 100%;
 }
.index_link_list_03_sci ul li{
     margin-left:10px; 
 }
}

/* **　*/
/*　幅770以上　横3並びメニュー　*/
/* **　*/
.sec_index_link_list_03_sci{
    display:flex;
    flex-flow:wrap;
/*    margin-top:4rem;   */
    margin-top:1rem;

}

.index_link_list_03_sci  {

    border:1px solid #ccc;
/*    margin-bottom:4rem;  */
    margin-bottom:1rem;
    width:100%;
    padding:1em;

  }


@media screen and (min-width: 770px) {
.index_link_list_03_sci ul li {

    position:relative;
    margin:0 10px;
    display: flex;
    width:30%;
    float:left;

  }
}
/* 　フレーム囲い　+　flexメニュー　+　flexメニュー　------------------　ここまで　↑　 */

/* 　*/
/* フッターメニュー */
/* 　*/
/* block-common-heading__list {   */
.block-common-heading__list {
    border-bottom: 2px solid #2766a0;
    color:#2766a0;
    font-size:1.3em;
    font-weight: bold;
}

/* @media  screen and (min-width: 1020px) */
/*.block .block-content .block-common-heading__list { */
.block-common-heading__list {
    margin-top: 15px !important;
    margin-bottom: 8px !important;
}

.block-common-heading__list {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

@media  screen and (min-width: 780px){
.ft_menu {
    margin-bottom: 25px;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 32%;
    }
}
.ft_menu li{list-style:none;}
.ft_menu li:before { content:"》" }

/* フッターメニュー ここまで　　　　　*/



/****/

/*  共通調整のための　　　　　　　　　　　　　　　　　　　 */

/****/
a{
  text-decoration: none;
}

/***/
/*       箇条書き等                                          　*/
/***/
@media screen and (max-width: 769px) {
.mcon ul li ul li {
    list-style-type:circle;
    margin-left: 1.3em;
    margin-bottom: 0.5em; 

 }
.mcon ul li ul li ul li {
    list-style-type: square;
    margin-left:1.3em;
    margin-bottom: 0.5em;

 }
}

@media screen and (min-width: 770px) {
.mcon ul li ul li{
    list-style-type: circle;
    margin-left: 1.5em;
    margin-bottom: 0.5em;

 }
.mcon ul li ul li ul li {
    list-style-type: square;
    margin-left: 1.5em;
    margin-bottom: 0.5em;

 }
}

/*   箇条書きインデント      */
.mcon ol li{
	margin-left: 1.5em;
    padding-left:5px;
}
.mcon ol li ol li{
	list-style-type: lower-roman;
	margin-left: 1.5em;
}
.mcon ol li ol li ol li{
	list-style-type: lower-alpha;
	margin-left: 1.5em;
}
/*  試しにマーカーに着色　*/
.mcon li::marker{
    color:#009900;

}



/****/

/*  調整 汎用　　　　　　　　　　　　　　　　　　　 */

/****/
.mcon img{
    margin:10px;
}
.mcon li{
    font-size:1em;
}
/*  白縁画像に銀の縁取り      */
.img_frame_1_silver {
    margin: 0px;
    padding: 0px;
    border: solid 1px silver;
}


/*  画像の左右寄せ(float)?センタリング*/
.aligncenter{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.alignright{
	float: right;
	margin-left: 20px !important;
}
.alignleft{
	float: left;
	margin-right: 20px !important;
}


/*  float解除　　*/
.clear{
	clear:both;
}


/*　幅770以下の時　文字サイズをx-smallにする　*/
@media screen and (max-width: 769px){
.s_display_font_xs {

    font-size:x-small;

  }
}
/*　幅770以の時　文字サイズをsmallにする　*/
@media screen and (max-width: 769px){
.s_display_font_s {

    font-size:small;

  }
}



/****/

/*  ページ個別調整のための　　　　　　　　　　　　　　　　　　　 */

/****/

/* topページ　News*/
@media screen and (min-width: 770px) {
.index_main .index_news .index_news_con .tab_pnl .index_news_item{
	padding: 10px 0;
 }
}

/***        詩           ***/
/* 囲った部分は改行しない */
.change_line_no {
	display: inline-block;
}
/* 単語途中では改行しない */
.change_line_1 {
	word-break: keep-all;
}

/* hr線の色:　緑→フェイドアウト */
.bar1 {
  display: block;
  width: 100%;
  height: 2px;
/*  background-color: #98fb98;  */
  background: linear-gradient(to right, palegreen, white);
  border: solid 0 !important;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/

}
/* hr線の色:　淡緑　 */
.bar2{
  width: 100%;
  height: 2px;
  background-color: #cf9;
  border: solid 0 !important;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}
/* 詩　ベースカラー：snow　+　上下ライン：淡緑　 */
.poem{
  word-break: keep-all;
  background: snow;
  border-top: #cf9 solid 2px;
  border-bottom: #cf9 solid 2px;

}
@media  screen and (min-width: 760px){
.poem p{
    margin-left:150px;
 }
.poem img{
    margin-right:50px;
 }
}
/* つぶやき一覧 */
@media  screen and (min-width: 760px){
.post-type-archive-tweet .mcon img{
   padding:0 20px 10px 10px;
    float:left;
    max-width:30%;
    max-height:100%;
    
 }
}
@media  screen and (min-width: 500px) and (max-width:759px){
.post-type-archive-tweet .mcon img{
   padding:0 20px 10px 10px;
    float:right;
    max-width:30%;
    max-height:100%;
 }
}
@media  screen and (max-width: 499px){
.post-type-archive-tweet .mcon img{
   padding:0 0px 10px 10px;
    margin:0;
    float:right;
    max-width:40%;
    max-height:100%;
 }
}
.post-type-archive-tweet .news_item{
	display:block;
}

@media  screen and (min-width: 760px){
.post-type-archive-tweet .news_list{ max-width:800px; margin:0 auto;}
}


@media  screen and (min-width: 760px){
.post-type-archive-tweet .news_item_date{
	padding-left:0px !important;
    /* color:red;   */
 }
}
.post-type-archive-tweet .news_item{
	margin:0;
}

.post-type-archive-tweet .excerpt{
	margin:10px 0;
}
@media  screen and (min-width: 760px){
.post-type-archive-tweet .news_item_ttl a{
	font-size:1.2em;
	margin:5px 0;
 }
}
@media  screen and (max-width: 759px){
.post-type-archive-tweet .news_item_ttl a{
	font-size:0.93em;
 }
}
@media  screen and (max-width: 759px){
.post-type-archive-tweet .excerpt p{
	font-size:10px;
 }
}
/* つぶやき一覧 ↑ここまで    */



/***/
/*       editer での調整　                                   　*/
/***/
#tinymce
 {
    padding-top:0 !important;
}
#tinymce   .index_course_list_sci .index_course_item_sci {
    padding:0 5px 20px 0;

}

/*    在学生ページなど　小メニューを3～4列並べるケースの　　*/
@media screen and (min-width: 770px) {
#tinymce   .index_course_list_sci .index_course_item_sci{
    width: calc(((100% - 20px * 3) / 4) - 10px) !important;
    margin:20px;
}
}



/*　　topページ　未来イベントをピックアップ表示   　　*/

.index-event  {
    position: relative;
}


.event-entry .date-set {
    float: left;
    width: 70px;
    padding-top: 20px;
    text-align: center;
    background: #2B8756;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    margin-right:10px;
}
.event-entry .date-set .date {
 /*   font-size: 26px;  */
    font-size: 1.73em;

}
.event-entry .date-set .month {
    margin: 3px 0 20px;
 /*   font-size: 16px;  */
    font-size: 1.06em;

}
.event-entry .date-set .week {
    padding: 6px 0;
    background: #272c32;
 /*   font-size: 18px;  */
    font-size: 1.2em;

}
.event-entry .future .event-header {
    padding-bottom: 0;
 /*   font-size: 18px; */
    font-size: 1rem;

}
.event-entry .future .event-footer {
    padding-top: 0;
    border-top: none;
}
.event-entry:after {
    content: "";
    display: table;
    clear: both;
}
.index-event .event-entry  .date-icon {
    position: relative;
    margin-top: 5px;
    padding-left: 25px;
 /*   font-size: 12px; */
    font-size: 0.8em;

}

.event-entry .future h2{
 /*   font-size: 14px; */
    font-size: 0.93em;
    padding:10px;
    font-weight:500;
}

@media screen and   (min-width: 770px){
.index-event .events-more {
    position: absolute;
    top: -50px;
    right: 0;
 }
}
@media screen and   (min-width: 770px){
.index-event .events-more a {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    line-height: 1;
 }
}
@media screen and    (min-width: 770px){
.index-event .events-more a::before {

    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url(https://www.yamaguchi-u.ac.jp/sci/wp-content/themes/faculty-ja/images/icon_archive.svg) no-repeat center center;
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
 }
}
@media screen and    (max-width: 769px){
.index-event .events-more a {

    display: flex;
    align-items: center;
        justify-content: center;
    width: 50%;
    padding: 15px 10px;
    background: #2b8756;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    margin: 30px auto 0 auto;
 }
}


/*　　topページ　未来イベントをピックアップ表示 　ここまで↑　*/

/* タグ（記事）*/
.mcon .tag-item, .index-event .tag-item, .index-topic .tag-item {
/*	background-color: #f2f2f2; */
/*	font-size: 11px;  */
/*    font-size: 0.73em; */
/*	inline-height: 2;  */
/*	margin:0 5px 5px 0;  */
/*	border-radius:4px;   */
/*	border:palegreen solid 0.3px;  */

 background: #85023e; 
/* background: #950b10;  */
font-size: 75%;
font-weight: 300;
display: inline-block;
vertical-align: middle;
padding: 0 8px;
margin-left: 10px;
}
/* 　　　　*/
.pub_ymd{
/*    text-align:  left;   */
    text-align:  right; 
 /*   font-size: 13px;  */
    font-size: 0.86em;
    margin-right:10px;

}
/* カテゴリー（記事）*/
.topics-cat{
/*    margin-left:20px; */
 /*   font-size: 10px;   */
/*    font-size: 0.66em;  */
/*	background-color: #f2f2f2;  */
/*    border-radius:4px;   */
/*    border:yellowgreen solid 0.3px; */
 background: #1B4F98;
font-size: 75%;
/* font-weight: 300;  */
display: inline-block;
vertical-align: middle;
padding: 0 8px;
margin-left: 10px;
}
.topics-cat a , .tag-item a{
	 color: #ffffff;
}
/*　　topページ　コンテンツ間調整   　　*/
@media screen and    (min-width: 770px){
.index_main .index_news {

    padding-bottom: 60px;
 }
.index_main .index_course {
    padding: 30px 0 50px;
 }
}

/*-----------カテゴリーアイコン--------------*/
.index_news_item_cate , .news_item_cate{
 color: #ff7f50;   
 border: 1px solid #ff7f50;  

}

/*-----------Navメニュー　SUB  --------------*/






/* アンカーリンクの着地地点がズレる時の対処    cf 物情-研究紹介 */
a.anchor_adjust{
	display: block;
	position: relative;
	top: -200px;
	visibility: hidden;
}
/*  イベント詳細情報　*/
.event_detail {
/*    background-color: #e5ffcc; */
    padding: 10px 10px;
    max-width: 500px;
	border-top: solid 0.5px #ddd;
	border-bottom: solid 0.5px #ddd;
}



/* ****　　*/

/*　　Lメニュー?見出し部品　こちらを採用　　　　　　　　　　　*/

/* ****　　*/
.index_other_item .index_other_item_img{
	overflow: hidden;
	flex-shrink: 0;
	width: 140px;
	height: 140px;
	margin-right: 15px;

}

.index_other_item a{
	position: relative;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-decoration: none;
	border: 1px solid #ccc;

    transition: all 0.5s ease;	
}

.index_other_item_ttl h3{
	margin-top: 0px;
	margin-left:0px;
	margin-bottom: 5px;
	color: #00913a;
	font-size: 1.05rem;
	font-weight: 500;
	padding-left:0 !important;
}
.index_other_item_ttl  h3::before {
	background:none;
}
/* マウスオン時の　アニメーション効果　　　*/
.index_other_list .index_other_item a:hover  img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);

	    transition: all 0.5s ease;
}

.index_other_item_ttl p{

	color: black;

	
}

/* ****　　*/

/*　　TOPページ　ピックアップ記事　　　　　　　　　*/

/* ****　　*/
.pickup_item .pickup_img{
	overflow: hidden;
	flex-shrink: 0;
	width: 140px;
	height: 140px;
	margin-right: 15px;

}

.pickup a{
	position: relative;
	display: flex;
	-webkit-box-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-decoration: none;
	border: 1px solid #ccc;

    transition: all 0.5s ease;	
}
	
/* 幅850-1050pxの時は画像の下に記事のレイアウトにする　*/
@media  screen and (min-width: 850px) and (max-width:1049px){
 .pickup a{
	display: inline-block;
 }
}
 /* 幅350px以下の時は画像の下に記事のレイアウトにする　*/
@media  screen and  (max-width:350px){
 .pickup a{
	display: inline-block;
 }
} 


.pickup_ttl h3{
	margin-top: 0px;
	margin-bottom: 5px;
	color: #00913a;
	font-size: 1rem;
	font-weight: 500;
	padding-left:0 !important;
}
.pickup_ttl  h3::before {
	background:none;
}

.pickup_ttl .excerpt p{

    font-size:0.75rem;
	color: black;
	
}


/* TOP ピックアップニュース     */
.index-news .index_other{
/*	padding-top:20px;   */
/*	padding-top:20px;  */
	padding-top:0px;
	padding-bottom:40px;
}
.index-news .index_other .index_other_list{
	margin-top:0px;
}
.index-news .index_other .index_other_list .index_other_item .index_other_item_ttl .excerpt p {
    font-size:0.75rem;

}



/* マウスオン時の　アニメーション効果　　　*/
.index_other_list .pickup_item a:hover  img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);

	    transition: all 0.5s ease;
}



/***/
/*                                                             */
/*       カスタム投稿 追加作成                                 */
/*                                                             */
/***/
/* ----------------------------------------------------*/
/*  研究の今　学生の今 他　PC版3列　スマホ1列　一覧ページ----------------------*/
/* ----------------------------------------------------*/
@media screen and    (min-width: 1050px){
.grid {
	display: grid;
	gap:26px;
	grid-template-columns: repeat(auto-fill,minmax(310px,1fr));
/*	margin-top:6%; */
	margin-top:4%;
/*	margin-bottom:50px;  */
/* margin-bottom:20px;  */
margin-bottom:10px; 
 }
}
@media screen and    (max-width: 1049px){
.grid {
	display: grid;
	gap:26px;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	margin-top:6%;
	margin-bottom:50px;
 }
}
.grid .news_item{
	padding:10px;
	border:solid 0.1px #ccc !important;
}
.grid .news_item .post-img .post-thumb{
	text-align : center;
}
/*  img:150*110    */
.grid .news_item .post-img .post-thumb img{
	width:150px;
	height:110px;
	object-fit: cover;
}
/*  img:280*110   */
.grid .news_item .post-img .post-thumb-wide{
	text-align : center;
}
.grid .news_item .post-img .post-thumb-wide img{
	width:280px;
	height:110px;
	object-fit: cover;
}
.grid .news_item .news_item_ttl{
	font-size:1.1em;
	text-align : center;
}
.grid .news_item .excerpt{
	font-size:  0.8em;
}
/* 所属?氏名　　20251208  */
.grid .news_item .blog_writer{
	font-size:0.8em;
	font-weight:500;
	text-align:center;
	padding:5px 0;
}



.grid .event-entry{
	border-bottom: solid 0.1px #ccc;
}
.grid .item{
	width:100%;
}




/* ----------------------------------------------------*/
/*  インタビュー         */
/* ----------------------------------------------------*/

/*     */
.interview_cont{
position: relative;
}
/* ----------------------------------------------------*/
/*  学生の今    タクソノミー：学生インタビュー         */
/* ----------------------------------------------------*/
@media  screen and  (min-width: 770px){
.interview_cont .title_logo{
  position: absolute;
  color: #fff;
/*  font-family: 'times new roman', times, serif;  */
  font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*  font-size: 1.1rem;  */
  top:10px;/*左上に配置*/
  left: 10px;/*左上に配置*/
/*  background: linear-gradient(to right,#0874cd, #50d4ff);   */
/*  background: #fff;    */
/* background: #72c9b3;   背景色*/
  padding: 0.3rem 0.5rem;/*文字の回りの余白*/
  margin: 0; 
  

  width:160px;
  height:160px;
  padding-top:40px;
  text-align:center;
/*   opacity:.9;   透明度 */
	filter: drop-shadow(5px 5px 5px skyblue);
  
  }  
.title_logo_jp{
	font-size:24px;
	line-height:35px;
	margin-bottom:5px !important;
    }
.title_logo_en{
	font-size:16px;
	font-family: 'times new roman', times, serif;
	letter-spacing:0.3rem;
    }
.title_flame{
    position: absolute;
    top:10px;/*左上に配置*/
  	left: 10px;/*左上に配置*/
    width: 150px;
    height:150px;
    text-align: center;
/*    border-radius: 3px;  */

    border: #fff solid 2px;
/*    padding: 3px;  */
    margin: 5px;
	filter: drop-shadow(3px 3px 5px skyblue);
    }
	   
}

@media  screen and  (max-width: 769px){
.interview_cont .title_logo{
  	position: absolute;
/*  	color: #0099cc;  */
	color: #fff;
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*  font-size: 0.8rem;  */
  	top:13px;/*左上に配置*/
  	left: 10px;/*左上に配置*/
/*    background: #fff; */
/* background: #72c9b3;   背景色*/
  	padding: 0.1rem 0.1rem;/*文字の回りの余白*/
  	margin: 0; 
  

  	width:100px;
  	height:100px;
  	padding-top:20px;
  	text-align:center;
/*  	opacity:.9;   透明度*/
	filter: drop-shadow(5px 5px 5px skyblue);
  
	}  
.interview_person_img{
	height:200px !important;
	object-fit: cover;
	margin-bottom:0 !important;
	}
.title_logo_jp{
	font-size:16px;
	letter-spacing:0.1rem;
	margin-bottom:1px !important;
	}
.title_logo_en{
	font-size:11px;
	font-family: 'times new roman', times, serif;
	letter-spacing:0.1rem;
/*	line-height:1;  */
	}
.title_flame{
    position: absolute;
    top:10px;/*左上に配置*/
  	left: 10px;/*左上に配置*/
    width: 90px;
    height:90px;
    text-align: center;
/*    border-radius: 3px;  */

/*    border: #0099cc solid 1px;  */
    border: #fff solid 2px;
/*    padding: 3px;  */
    margin: 5px;
    filter: drop-shadow(3px 3px 5px skyblue);
    }

}


/*  インタビュー　プロフィール    */  
@media  screen and  (min-width: 770px){
.interview_prof{
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*	font-family: 'times new roman', times, serif;  */
/*	background-color: rgba(255,255,255,0.75); */
	background-color: #0099cc;
	color:white;
	position:absolute;
	top:60%;
/*	top:300px;   */
	right:-10px;
	padding:15px 15px 0 15px;
	min-height:120px;  
	}
   
.prof_name{
	font-size: x-large;
	font-weight: 500;
	} 
.prof_dep{
	font-size: small;
	}
.prof_copy{
	font-size: medium;
	}		
	
	
}
@media  screen and  (max-width: 769px){
	.interview_prof{
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*		border: #ccc solid 1px;   */
/*		background-color:#EEF0F7;  */
		background-color: #0099cc;
		color:white;
		margin-top:-10px;
		margin-left:10px;
		margin-right:-10px;
/*		width:100%;   */
		padding:5px 20px;

	}
.prof_name{
	font-size: large;
	} 
.prof_dep{
	font-size: x-small;
	}
.prof_copy{
	font-size: small;
	}		
	
}




/* ----------------------------------------------------*/
/*  学生の今    タクソノミー：理学部の学生         */
/* ----------------------------------------------------*/

/* 理学部の学生  のみの一覧       */
/* 「学生の今」（インタビューと理学部の学生  合体）一覧は「研究の今」一覧と同一フォーマット       */
@media  screen and (min-width: 760px){
.tax-stfeature.term-sci_student .mcon img{
   padding:0 20px 10px 10px;
    float:left;
    max-width:30%;
    max-height:100%;
    
 }
}
@media  screen and (min-width: 500px) and (max-width:759px){
.tax-stfeature.term-sci_student .mcon img{
   padding:0 20px 10px 10px;
    float:right;
    max-width:30%;
    max-height:100%;
 }
}
@media  screen and (max-width: 499px){
.tax-v.term-sci_student .mcon img{
   padding:0 0px 10px 10px;
    margin:0;
    float:right;
    max-width:40%;
    max-height:100%;
 }
}

.tax-stfeature.term-sci_student .news_item{
	display:block;
}
.tax-stfeature.term-sci_student .news_item{
	margin:0;
}

.tax-stfeature.term-sci_student .excerpt{
	margin:10px 0;
	font-size:0.9em;
}

@media  screen and (min-width: 760px){
.tax-stfeature.term-sci_student .news_list{ max-width:800px; margin:0 auto;}

.tax-stfeature.term-sci_student .news_item_date{
	text-align:right;
	padding-right:0px !important;   
    /* color:red;   */
 }

.tax-stfeature.term-sci_student .news_item_ttl a{
	font-size:1.2em;
	margin:5px 0;

 }
.tax-stfeature.term-sci_student .blog_writer{
	font-size:0.8em;
	font-weight:500;
	text-align:left;
	padding:5px 0;
 }
}

@media  screen and (max-width: 759px){
.tax-stfeature.term-sci_student .news_item_ttl a{
	font-size:1.5em;
 }
 
.tax-stfeature.term-sci_student .blog_writer{
	font-size:0.8em;
	font-weight:500;
	text-align:left;
	padding:5px 0;
 }

.tax-stfeature.term-sci_student .excerpt p{
	font-size:0.8em;
 }
}
/* 学生の今　　タクソノミー：理学部の学生　一覧 ↑ここまで    */

/* 学生の今　　タクソノミー：理学部の学生 */
@media  screen and (min-width: 760px){
.now-student-template-default .blog_writer{
	font-size:1em;
	font-weight:500;
	text-align:left;
	margin:20px 0;
 }
}

@media  screen and (max-width: 759px){
.now-student-template-default .blog_writer{
	font-size:0.95em;
	font-weight:500;
	text-align:left;
	margin:20px 0;
 }
}
/* 学生の今　　タクソノミー：理学部の学生 ↑ここまで    */

/* ----------------------------------------------------*/
/*  研究の今    タクソノミー：教員インタビュー         */
/* ----------------------------------------------------*/
@media  screen and  (min-width: 770px){
.interview_cont .title_logo_research{
  position: absolute;
  color: #fff;
/*  font-family: 'times new roman', times, serif;  */
  font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*  font-size: 1.1rem;  */
  top: 80px;/*左上に配置*/
  left: 30px;/*左上に配置*/
/*  background: linear-gradient(to right,#0874cd, #50d4ff);   */
/*  background: #fff;    */
/* background: #72c9b3;   背景色*/
  padding: 0.3rem 0.5rem;/*文字の回りの余白*/
  margin: 0; 
  

/*  width:160px;  */
  height:160px;
/*  padding-top:40px;  */
  text-align:left;
  
  }  
.title_logo_en_research{
	font-size:45px;
	line-height:40px;
	font-family: 'times new roman', times, serif;
	letter-spacing:0.3rem;
	margin-bottom:0px !important;
      border-bottom: 1px solid pink;
      display: inline-block;		
    }
.title_logo_jp_research{
	font-size:16px;
	letter-spacing:0.3rem;
	margin-bottom:5px !important;
    }
    
.prof_copy{
	font-size: 1.4em;
	margin-top: 45px;
	padding-left:20px;
	letter-spacing:0.1rem;
	line-height:3rem;

	}	
	    
}

@media  screen and  (max-width: 769px){
.interview_cont .title_logo_research{
  	position: absolute;
/*  	color: #0099cc;  */
	color: #fff;
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
  	top:13px;/*左上に配置*/
  	left: 20px;/*左上に配置*/
/*    background: #fff; */
/* background: #72c9b3;   背景色*/
  	padding: 0.1rem 0.1rem;/*文字の回りの余白*/
  	margin: 0; 
  

/*  	width:100px;  */
  	height:100px;
  	padding-top:20px;
  	text-align:left;
  
	}  
.interview_person_img{
	height:200px !important;
	object-fit: cover;
	margin-bottom:0 !important;
	}

.title_logo_en_research{
	font-size:26px;
	font-family: 'times new roman', times, serif;
	letter-spacing:0.1rem;
	margin-bottom:0px !important;
	
      border-bottom: 1px solid pink;
      display: inline-block;
	}
.title_logo_jp_research{
	font-size:11px;
	letter-spacing:0.1rem;
	margin-bottom:1px !important;
	}
	
.prof_copy{
	font-size: 0.9em;
/*	color:blue; */
	margin-top: 45px;
	line-height:1.8rem;
	}		
}

/*  インタビュー　プロフィール    */  
@media  screen and  (min-width: 770px){
.interview_prof_research{
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*	font-family: 'times new roman', times, serif;  */
/*	background-color: rgba(255,255,255,0.75); */
	background-color: #0099cc;
	color:white;
	position:absolute;
	top:60%;
	right:-10px;
	margin:0 0 0 15px;  
	min-height:120px;  
	}

.prof_name_roma{
	padding-left:20px; 
	font-size: 1em;
	font-weight: 500;
	}	
	   
.prof_name{
	padding:0 20px; 
	font-size: 1.4em;
	font-weight: 500;

	} 
.prof_dep{
	padding:0 20px; 
	font-size: 1em;
	}
	


	
}
@media  screen and  (max-width: 769px){
	.interview_prof_research{
    font-family: sans-serif,'メイリオ','times new roman', times, serif;
/*		border: #ccc solid 1px;   */
/*		background-color:#EEF0F7;  */
		background-color: #0099cc;
		color:white;
		margin-top:-10px;
		margin-left:10px;
		margin-right:-10px;
/*		width:100%;   */
-*		padding:5px 20px; */

	}
	
.prof_name_roma{
	padding-left:20px; 
	font-size: 1em;
	font-weight: 500;
	}	
		
.prof_name{
	padding-left:20px; 
	font-size: 1.3em;
	} 
.prof_dep{
	padding-left:20px; 
	font-size: 0.9em;
	}
	
	
}

/* 研究の今    タクソノミー：教員インタビュー ↑ここまで    */



/* ---------------------------------------------*/

/*    ページ分割用ページャー                    */
/*                       学生の今で使用         */
/* ---------------------------------------------*/
/*       カレントページの色変                   */
.pager .pager_list .post-page-numbers.current {
	background: #8cc14a;
}
.pager .pager_list .post-page-numbers.current .page-numbers {
	color:  #fff !important;
}






/* ****　　*/

/*　　固定ページへ、Newsブロックの追加　　　　　　*/

/* ****　　*/
@media  screen and  (min-width: 770px){
.news_list_block{
	width:90%; 
	margin:auto;
	border:1px solid #ccc;
 }
}

@media  screen and  (max-width: 769px){
.news_list_block{
    margin: 10px ;
 }   
}

h2.center_title{

	display: -webkit-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    border:none;
}
/*アンダーラインはセンター寄せ*/
h2.center_title::before{
	left:auto;
}
/*固定ページへ、Newsブロックの追加　ここまで　↑　  */


/*   ギリシャ文字　+フォントサイズが小さいので大きさ調整    */
.font_greek{
	font-family:"Times New Roman",   "Bitstream Cyberbit", serif;
	font-size:120%;
	font-style:italic;
}

/***/
/*       工事中のもの　                                   　*/
/***/
/*  スマホ表示では横幅いっぱいの表示にする　HTMLにstyle指定をすればstyleが優先      */
@media  screen and (max-width: 499px){
.img_mb100 {
    width: 100%;
    height: auto;
    display: block;
 }
}