@charset "UTF-8";
/*
Theme Name: 産学連携‐人材育成研究会
Theme URI: https://sshrd.com/
Description: 人材育成研究会テーマ
Version: 1.0
Author: 
Author URI: https://sshrd.com/
*/

@import url("./css/sanitize.css");
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
/* CSS Document */
body { margin:0; color:#000033; font-family:'Noto Serif JP', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif; line-height:1.5em; font-size:15px; min-width:920px; }
h1,h2,h3,h4,h5 {margin:0;padding:0;}
p {margin:0;padding:0;}
ul {margin:0;padding:0;}
li {margin:0;padding:0;list-style:none;}
.clear {clear:both;}
a { text-decoration:none;color:#f26009;}
a:hover { text-decoration:underline;}
a img {border:none;}

/*ヘッダー部分*/
header {
	border-bottom:1px solid #000033;
	background: #fff;
	left:0px;
	top:0px;
	width:100%;
	height:115px;
	z-index:9999;
  box-sizing: content-box;
}

header h1 {
	margin:0 auto;
	width:165px;
	height:70px;}
	
#header_inner {
	margin:0 auto;
	width:900px;}
	
nav {
	margin:0 auto;
	width:700px;}

nav ul {
  display: flex;
}
nav li {
	width: 16.666%;
	height:45px;
	margin:0;
	padding:0 25px;
  position: relative;
}
nav li a {
  display: block;
}

/******************************************/
/* 表示中のメニュー○の画像クラス */
/******************************************/
.menu_maru{
  position: absolute; left: 50%; transform: translateX(-50%);
}

/******************************************/
/* 表示中のメニュー画像クラス */
/******************************************/
.menu_gazou {
	position: absolute; left: 50%; transform: translateX(-50%);
	display:block;
	bottom: 0;
}

/******************************************/
/* 表示中ページじゃないメニュー画像クラス */
/******************************************/
.menu_othergazou{
	position: absolute;
	display:block;
	bottom: 0;
}
/**********************/
/* メニュー枠組クラス */
/**********************/
.menu_waku {
  position:relative;
}

	
/*メイン部分*/

#main {}

#top_image {
	background:url(images/top_image.png) no-repeat;
	width:900px;
	height:400px;
	margin:30px auto;}

#top_about {
	width:900px;
	margin:0 auto;}

#top_about_inner {
	margin: 5em auto;
	width: 780px;}

#top_about li {
	float:left;
	position:relative;}
	
#top_about_setumei {
	top:60px;}
	
#top_about_right {
	margin:0 80px;
	top:60px;}
	
#top_about_circle {}
	
#top_about_name {
	width:350px;
	margin:0 auto;}


/*ニュース部分*/

#top_news h2 {
	height:40px;}
	
.entry-date {
	font-size: 90%;
	color: #F26009;}

#top_news {
	background: #f8f8f8;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 3em 0;
  margin-top: 5em;
}
#top_news_inner {
	width: 900px;
	margin: 0 auto; }
#top_news_inner .h2 {
  text-align: center;
}
#top_news_title {
  border-bottom: #F26009 solid 1px;
  margin-bottom: 0.5em;
}
	
#top_news_title a {
	color:#000033;
	font-size:110%;
	font-weight:bold;}

#top_news_title span {
	padding: 8px 0;
	display: block;}

#top_news_sub {
	color:#f26009;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 5px 0 0 0;}

#top_news_content {
	margin:20px;}
	
/*コラム部分*/
#top_column {
	width:900px;
	margin:60px auto;}

#top_column_title li {
	float:left;
	margin:0 10px;}
	
#top_column_title {
	margin: 0 auto;
	width: 500px;}

#top_column_under {
	width:90px;
	height:50px;
	margin:10px auto;}
	

/*フェイスブック部分*/
#fb {
	width:900px;
	margin:0 auto;}
	
/*フッター部分*/
footer {
	background:#f8f8f8;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	text-align:center;
	padding:20px;
	margin:30px 0 0 0;
	position:relative;
	bottom:0;
	min-width:880px;
}
	
#footer_inner {
	margin:0 auto;
	width:900px;}
	
#copy {
	font-size:90%;}
	
.bx-prev, .bx-next {
font-family: 'Josefin Sans', sans-serif;
font-size: 60px;
line-height: 70px;
text-align: center;
vertical-align: baseline;
padding-bottom: 20px;
display: block;
width: 70px;
height: 70px;
position: absolute;
top: -250px;
}

/* 森作業分 */
/****************/
/* join.html用  */
/* Join Div系   */
/* Join先頭部分 */
/****************/
#join_head{
	margin-top:20px;
	padding:0px;
	text-align:center;
}

/************/
/* 丸いJoin */
/************/
#join_circle{}

/************/
/* 会則標題 */
/************/
#join_kaisoku_title{
	width:770px;
	margin:10px auto;}

/********/
/* 会則 */
/********/
#join_kaisoku{
	width:800px;
	height:300px;
	border-color:#000033; 
    border-width:1px; 
    border-style:solid;
	margin:10px auto;
	overflow:auto;}

/**************/
/* 会則の内容 */
/**************/
#join_kaisoku_naiyou{
	margin:5px auto;
	}

/******************/
/* 画面下部送付先 */
/******************/
#join_souhusaki{
	width:800px;
	margin:10px auto;}

/****************/
/* Join Table系 */
/****************/
/****************************/
/* キャッチコピーのテーブル */
/****************************/
#join_catch{
margin: 10px;}

/***********************/
/* 送付先PDFのテーブル */
/***********************/
#join_souhusaki_pdf{
	margin-left:10px;}

/**************************/
/* 会則の表示するテーブル */
/**************************/
#join_kaisoku_table{
	margin-left:10px;
	border-spacing:0px 3px;}

/****************************/
/* 会則のテーブルクラス定義 */
/****************************/
/********/
/* 標題 */
/********/
.title{
	text-align:left;
	width:800px;
	font-size:14px;
	line-height:14px;}

/********/
/* 箇条 */
/********/
.kajyou{
	width:60px;
	font-size:14px;
	line-height:16px;}

/********/
/* 内容 */
/********/
.naiyou{ 
	width:740px;
	font-size:14px;
	line-height:16px;}
/***************************/
/* ！join.html用ここまで！ */
/***************************/

/*****************/
/* about.html用  */
/* about Div系   */
/* about先頭部分 */
/*****************/
#about_head{
	margin-top:20px;
	padding:0px;
	text-align:center;}

/****************/
/* 概要表の先頭 */
/****************/
#about_aisatsu_title{
	text-align:center;
}

/**************/
/* メニュー欄 */
/**************/
#about_menu{
	margin:20px;}

/************************/
/* メニュー欄内テーブル */
/************************/
#about_menu_table{
	text-align:center;
	margin:auto;
	border-style:none;
}

/******************/
/* 隠しメニュー欄 */
/******************/
#about_kakushi_menu{
	display:none;
	background:white;
	left:0px;
	top:46px;
	position:fixed;
	width:100%;
	height:35px;
	z-index:9999;

	}

/***********/
/* About表 */
/***********/
#about_aisatsu_honbun{
	text-align:center;
	margin:auto;
	font-size:14px;
	line-height:25px;}

/**************/
/* 通常のセル */
/**************/
.about_cell_normal{
	border-style:none;
	height:1px;
	cursor: pointer;
	}

/****************/
/* あいだのセル */
/****************/
.about_cell_line{
	font-size:26px;
	border-style:none;
	}

/**************************/
/* ページ内遷移のアンカー */
/**************************/
#about_anchor_aisatsu{
	position:relative;
	top:-80px; left:0;}

#about_anchor_yurai{
	position:relative;
	top:-80px; left:0;}

#about_anchor_kousei{
	position:relative;
	top:-80px; left:0;}

/**********************************/
/* ページ内遷移のアンカーここまで */
/**********************************/

/************/
/* 本文内容 */
/************/
.about_naiyou{
	text-align:left;
	width:800px;
	}

/**********/
/* 著者欄 */
/**********/
.about_author{
	text-align:right;
	margin-bottom:1000px;
	}

/****************************/
/* ！about.html用ここまで！ */
/****************************/

/************************/
/* index.html用ここから */
/************************/

/****************/
/* bxslider関連 */
/****************/
.bg_img
{
	width: 100%;
        max-width: 960px;
	margin: 0 auto 150px;
}
.bg_img .bx-wrapper
{
	height: 100%;
}
.bx-window
{
	margin-bottom: 10px;
}


#slider li a
{
	padding: 30px 0 0 40px;
	font-size: 24px;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333333;
}

.slider
{
	width: 100%;
	margin: 0px auto;
}

/* ページ送りボタン系クラス */

/********************/
/* ページ送り系共通 */
/********************/
.bx-prev,.bx-next
{
	width:67px;
	height:47px;
	position: absolute;
	font-size: 36px;
	text-decoration: none !important;
	color: #ffffff !important;
	text-shadow: 1px 1px 2px #333333;
}

/**************************/
/* 前へ戻るボタンのクラス */
/**************************/
.bx-prev
{
	left: 30px;
	top: 35%;
}

/**********************************/
/* 前へ戻るボタンのロールオーバー */
/**********************************/
.bx-prev:hover
{
	background-image:url('images/top_column_slide_left_r.png');
}

/**************************/
/* 次へ進むボタンのクラス */
/**************************/
.bx-next
{
	right: 30px;
	top: 35%;
}

/**********************************/
/* 次へ進むボタンのロールオーバー */
/**********************************/
.bx-next:hover
{
	background-image:url('images/top_column_slide_right_r.png');
}

/************************/
/* bxslider関連ここまで */
/************************/

/************************/
/* index.html用ここまで */
/************************/



/*teramoto 追加分 ↓*/
/*パンくずリスト*/
#pankuzu{
	margin:5px auto;
	width:900px;
	text-align:left;
}

/*左寄せ*/
.float_left {
	float:left;
}
/*右寄せ*/
.float_right {
	float:right
}
/*真ん中（記事等の×ボタンのリンク位置設定用）*/
.float_center {
	width:63px;
	margin:0 auto;
}

/*ニュース メイン部分*/
#news_main {
	width:900px;
	margin:0 auto;
}

/*ニュース　コンテンツ部分*/
#news_content{
	float:left;
	margin:auto;
	width:730px;
	padding-top:10px;
}

#news_content h2 {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #000033;
}

#news_content span {
	color:#F26009;
}

#news_content_Text{
	margin-top:20px;
	line-height: 1.7em;
}

#respond {
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px dotted;}

.children {
	margin: 10px 0 0 30px;}

/*ニュース　サイドメニュー部分*/
#news_side {
	text-align:center;
	float:right;
	width:170px;
}

.sidelogin {
	margin: 10px 0;}

#loginopen span {
    color: #F26009;
    cursor: pointer;
    }

#loginopen span:hover {
	text-decoration:underline;
}

#loginform {
	display:none;
	background:#F26009;
	padding:5px 0;}


/*ニュース　リンク部分*/
#news_link {
	border-top:1px solid #000033;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:10px;
}

/* ニュース一覧 */
.newslist_main{
	width:730px;
	text-align:center;
  padding-top: 50px;
}

.newslist_main a {
	color:#000033;
	font-size:110%;
	font-weight:bold;}
	
.newslist_main span {	
	color:#F26009; 
}

/*ニュース一覧　本文（一部）部分*/
div.newslist_content{
	padding-top:10px;
	background:url("images/news_border.png") no-repeat center bottom;
	padding-bottom:50px;
}

/* トップ用ニュース一覧 */
div.top_newslist_content{
	padding-top:10px;
	padding-bottom:10px;
	}

/*ニュース一覧　画像表示*/
.newslist_main img {
	padding-top:10px;
	padding-bottom:10px;}

/* コラム */
#column_main{
	margin:0 auto;
	width:900px;
}

/*コラム　左側（記事）*/
#column_left{
	float:left;
	width:680px;
	text-align:left;
}

#column_text {
	line-height:1.7em;
	padding-top:20px;}
#quarterly_text {
	line-height:1.7em;
	padding-top:20px;
}
#quarterly_text p {
  margin-bottom: 1em;
}


/*コラム　右側（プロフィール）*/
#column_right{
	float:right;
	width:200px;
}

/*コラム　プロフィール欄*/
#profile{
	padding: 50px 5px 5px 5px;
	border:1px solid #F26009;
	text-align:left;
}

.profile_text_center {text-align:center;padding: 10px 0;}

/*プロフィール欄　画像設定*/
#profile_img{
	display:block;
	position:relative; 
	top:50px;
	margin:0 auto;
}

/*記事欄　日付表示設定*/
#column_main strong{
	text-align:left;
	padding-bottom:30px;
	font-size:12px;
	color:#F26009; 
}

/*記事欄　タイトル部分（全体）*/
#column_main dl{
	padding-top:40px;
	border-bottom:1px solid #000033;
	margin-bottom:0;
  overflow: hidden;
}

/*記事欄　タイトル部分（番号）*/
#column_main dt{
	float:left;
	width:65px;
	padding-top:10px;
	padding-bottom:10px;
	color:#F26009;
	border-right:1px solid #000033;
	text-align:center;
  margin-bottom: 0.5em;
}

/*記事欄　タイトル部分（タイトル）*/
#column_main dd{
	padding-left:50px;
	text-align:left;
}

/*コラム一覧*/
.columnlist_main {
	text-align:center;
	width:900px;
	margin:0 auto 20px auto;
}
.columnlist_main a {
  display: block; position: relative;
}
.columnlist_main a:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.columnlist_main a:hover:before {
  opacity: 0;
  transition: opacity .6s;
}
/*コラム一覧　背景（半透明の黒）*/
.background_black {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/*コラム一覧　背景（半透明の黒）のテキスト部分上*/
.background_content_text1{
	margin:0 auto;
	border-bottom:1px solid #FFF;
	position:relative;
	width:345px;
	font-size:18px;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}

/* 2012.01.09 Mori FireFoxでの黒い文字列のために追加 S */
@-moz-document url-prefix(){
	/*コラム一覧　背景（半透明の黒）のテキスト部分上*/
	.background_content_text1{
		margin:0 auto;
		border-bottom:1px solid #FFF;
		position:relative;
		width:345px;
		font-size:18px;
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
	}
}
/* 2012.01.09 Mori FireFoxでの黒い文字列のために追加 E */

/*コラム一覧　背景（写真）*/
.columnlist_background{
	height:240px;
	margin-top:10px;
}

#columnlist a{
	color:#FFFFFF;
	text-decoration:none;
}

/*コラム一覧　テキスト部分全体*/
.columnlist_content{
	margin-top:-247px;
	height:240px;	
}

/*コラム一覧　テキスト部分上*/
.columnlist_content_text1{
	margin:0 auto;
	border-bottom:1px solid #FFF;
	position:relative;
	width:345px;
	font-size:18px;
	padding:20px;
}

/*コラム一覧　テキスト部分真ん中*/
.columnlist_content_text2{
	font-size:23px;
	padding:20px;
}

/*コラム一覧　テキスト部分下*/
.columnlist_content_text3{
	font-family:"Adobe Hebrew";
	margin:0 auto;
	border-top:1px solid #FFF;	
	position:relative;
	width:345px;
	padding:20px;
}
/*teramoto 追加分 ↑*/


/* Topの最新コラム画像用 */
/*コラム一覧*/
#top_columnlist {
  max-width: 900px;
  margin: auto;
}
#top_columnlist .no small {
  font-size: 50%;
}
.quarterly_list {
  display: flex; flex-wrap: wrap;
}
.quarterly_box {
  width: 50%;
}
.quarterly_box a {
  color: #000033;
  text-decoration: none;
  display: flex;
}
.quarterly_box a:hover {
  opacity: .6; transition: opacity .6s;
}
.quarterly_box .thumb {
  width: 150px; height: 150px; position: relative; overflow: hidden;
}
.quarterly_box .content {
  width: calc( 100% - 150px ); padding-left: 1em;
}
.quarterly_box .meta {
  display: flex; align-items: center;
}
.quarterly_box .meta time {
  font-size: 1.6rem; border-top: #000033 solid 1px; border-bottom: #000033 solid 1px; padding-top: 0.25em; padding-bottom: 0.25em; display: inline-block;
}
.quarterly_box .meta .no {
  font-size: 2.4rem; font-family: 'Merriweather', serif; padding-left: 0.25em;
}
.quarterly_box .h3 {
  font-size: 1.6rem; font-weight: normal; line-height: 1.2; margin-top: 0.5em;
}
.top_columnlist_main {
	text-align: center;
	width: 900px;
	margin: 20px auto;
  position: relative;
}
.top_columnlist_main .n_thumb_i {
  position: relative;
}
.top_columnlist_main .n_thumb_i:after {
  content: '';
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
}
.top_columnlist_main .n_thumb_i:hover:after {
  opacity: 0;
  transition: opacity .6s;
}
#top_columnlist .top_columnlist_main a {
	color: #fff;
	text-decoration: none;
}

/*トップのコラム一覧　テキスト部分全体*/
.top_columnlist_content {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/*トップのコラム一覧　テキスト部分上*/
.top_columnlist_content_text1 {
	font-size: 32px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2px;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
.top_columnlist_content_text1 small {
  font-size: 50%;
  padding-bottom: 0.5em;
  display: block;
}
.top_columnlist_content_text1 time {
  line-height: 0.8;
  padding-top: 0.5em; display: block;
}
/*トップのコラム一覧　テキスト部分真ん中*/
.top_columnlist_content_text2 {
	font-size:23px;
	padding: 0.5em 0;
	border-top:1px solid #FFF;	
	border-bottom:1px solid #FFF;
}
.top_columnlist_content_text2 .h3 {
  font-weight: normal;
  line-height: 1.2;
}

/*トップのコラム一覧　テキスト部分下*/
.top_columnlist_content_text3{
  font-size: 2.4rem;
	font-family: 'Merriweather', serif;
	margin: 0 auto;
	position:relative;
	padding-top: 0.5em;
}


/* イイネボタン用のDivタグスタイルシート */
#IineButtonDiv{
	text-align:right;
	margin-top:-20px;
	}