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

*/

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

}

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;
 }
}


/****/

/*  見出し                                                        */

/****/
/*         h1要素は保留。当面テンプレのまま　     */

.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: px 0 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: px 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;
  background-color: #fff;
  margin: 0 auto;
  padding: 0;
/*  table-layout: fixed; */
}

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

/* ---------------------------　*/
/* 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: 10px;      /* 余白指定 */
     text-align:  left; 
     
 }

 .table_list tr:first-child{
    border-top: 2px solid  #8BC34A;
 }

 .table_list tr:last-child{
    border-bottom: 2px solid  #8BC34A;  
 }
}



/* ****　　*/

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

/* ****　　*/
.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 ;
}
/* 最後の「＞」が上手く消せない
.breadcrumbs span[typeof="ListItem"]:first-child span[property="name"]:before{ 
    content: "";
}  
*/


/* ****　　*/

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

/* ****　　*/

/*-----grid pc３分割---------------------------------*/
@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;
 }
}
@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;
}
.grid .news_item .post-img .post-thumb img{
	width:150px;
	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;
}
.grid .event-entry{
	border-bottom: solid 0.1px #ccc;
}
.grid .item{
	width:100%;
}

/* ****　　*/

/*　　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-bottom: 5px;
	color: #00913a;
	font-size: 1rem;
	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;

	
}

/* ****　　*/

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

/* ****　　*/
/* 　ページ下　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;

    transition: all 0.5s ease;
 }

.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　------------------　ここまで　↑　 */



/****/

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

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


/****/

/*  調整 汎用　　　　　　　　　　　　　　　　　　　 */

/****/
.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;

  }
}



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

}

/*    ↓　効いてない　あとで調査　　　　　　*/
@media screen and (min-width: 770px) {
#tinymce   .index_course_list_sci .index_course_item_sci{
    width: calc((100% - 20px * 3) / 4) -10px !important;
    color:red;
}
}