@charset "UTF-8";
/* ================================================
OSD Theme Color-- 濃緑：#0d4231 / 本文グレー：#ddd / 背景：#eee
================================================ */
/*Alignment classes*/
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-nowrap {white-space: nowrap;}

.hoverEffect{
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}

.ex-topSp-5{
margin-top:-5px!important;
}

.ex-topSp10{margin-top:10px!important;}
.ex-topSp20{margin-top:20px!important;}
.ex-topSp30{margin-top:30px!important;}
.ex-topSp40{margin-top:40px!important;}
.ex-topSp50{margin-top:50px!important;}

/*------------------------------------------------------------
Bootstrap上書き
------------------------------------------------------------*/
.btn-primary{background-color: #0d4231;
	border: none;}


/*------------------------------------------------------------
共通
------------------------------------------------------------*/
body {
	background-position:0 38px;
	background-repeat: repeat-x;
	color: #333;
	font-family:'Roboto',"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , sans-serif;
}

.header_right a:hover,#home_contents a:hover,.newsArea a:hover,#mainArea a:hover,footer a:hover{text-decoration: underline;}
#mainArea{margin:0 10px 40px;}
#mainArea p{font-size:1em;line-height: 1.6;}
#mainArea li{font-size:1em;}
#mainArea .content{min-height: 300px}
#mainArea a,address a{text-decoration: underline;}
#mainArea a.btn,#mainArea .navigation a{text-decoration: none;}

/*-----------------------------------------------------------
header
------------------------------------------------------------*/

/*functionMenu 色変更に影響されない
========================================================= */
#functionMenu{width: 100%;background-color:#eee;}
#functionMenu nav{text-align: right;}
#functionMenu ul{float: left;list-style-type: none;padding: 12px 0;margin: 0 0 0 1em;font-size: 16px;}
#functionMenu li{float: left;line-height: 1;font-weight: normal;color:#333;}
#functionMenu li a{color:#333;}

#bgc li{margin-left: 0.8em;}
#bgc li a{text-decoration: none;}
#bgc .webFontBG{position: relative;text-align: center;line-height:16px;font-size: 0.875em;z-index: 1;}
#bgc .webFontBG:before {position: absolute;top: 0;left: 50%;margin-left: -0.45em;content: '\f111';color: #fff;font-size: 1.6em;font-family: fontAwesome;z-index: -1;}
#bgc #black a{color: #fff}
#bgc #black.webFontBG:before {color: #000}
#lang li a{color:#333;text-decoration: none;}
#lang li a:hover{text-decoration: underline;}

/*文字サイズ切り替え
*************************************/
#fontSize li{float:left;margin-right: 3px;}
#fontSize li.sizeTitle{}
#fontSize li.small:hover,#fontSize li.middle:hover,#fontSize li.large:hover{
	background-color: #4ee;color:#fff;
}

#fontSize .small,#fontSize .middle,#fontSize .large{
	display:block;
	padding: 0.1em 0.3em;
	color:#fff;
	margin-left: 0.2rem;
	background: #212068;
	cursor: pointer;
}

#fontSize li.current{color:#fff;background: #212068;}

/*header
========================================================= */
.header{padding: 20px 0}
@media(max-width:992px){
	.header{padding: 30px 0;}
	body.home #home_contents{margin-top: 20px;}
}

.site-title,.site-title a{display: block;width:517px;height:73px;}
#univ_logo{display: block;text-indent: -9999px;width: 186px;height: 48px;}
.site-description{display: none;}
.header_right #access,.header_right #searchform{float: left;}
.header_right p#access{line-height: 52px;margin:0 1rem;}
.header_right #searchform{margin-top: 12px;width: 65%;}
.site-title{text-indent: -9999px;max-width: 517px;}

@media (max-width:375px){
/*.header_right #searchform{margin-top: 12px;width: 60%;}*/
}

@media (max-width:480px){
	.site-title,.site-title a{display: block;height:42px;}
	}


/*イメージヘッダ*/
.imageHeader {
		height: 134px;width: 100%;background-color: #efefef;
		background: url(../img/pageheader_bg.jpg) no-repeat center center;
		/*background-attachment: fixed;*/
		background-size: cover;
}

.imageHeader h2{font-size: 24px;color:#fff;line-height: 134px;
-webkit-text-shadow: 0 0 6px #000;
-moz-text-shadow: 0 0 6px #000;
-ms-text-shadow: 0 0 6px #000;
-o-text-shadow: 0 0 6px #000;
text-shadow: 0 0 6px #000;
}

@media (max-width:480px){
	.imageHeader h2{
		font-size: 18px;
		white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  -o-text-overflow: ellipsis; /* Opera9,10対応 */
	}
	}

/**********************************************
検索フォーム
googleカスタム検索のCSS上書きのために
important祭り
**********************************************/
#gsc{
    /*width:100% ;!important*/
    margin:0 auto !important;
    position:relative !important;
      padding-bottom: 0px !important;
}
#gsc .gsc-control-cse,
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}

.gsc-input {
    line-height: 1;
}

/* フォームを格納するtdのスタイル設定 */
#gsc table.gsc-search-box td{
    vertical-align: top !important;
      border-style: none;
}

/* 入力フォーム全体 */
#gsc table.gsc-search-box input {
    background-color: #333333;
    border: 1px solid #333333;
    float: right;
    margin-left: 0 !important;
}

#gsc-iw-id1,.gsc-input-box{border: none;height: 33px;outline: 0; }

#gsc input.gsc-search-button,#gsc input.gsc-search-button-v2{

}

/* ボタンの色 */
#gsc input.gsc-search-button,input.gsc-search-button-v2 {
      /* ボタンの色をCSS側で調整できるようにここは維持 */
      /*box-sizing: content-box;*/
    background: #666!important;
    background: -ms-linear-gradient(top,  #666 0%,#666 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#666',GradientType=0 ); /* IE6-9 */
    border: 1px solid #666 !important;
      width:40px !important;
      height: 32px !important;
      padding: 6px 10px !important;
}

/* テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:34px !important;
      font-size: 16px;
    /*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;*/
}
#gsc input[type="text"]:focus {
    border: 1px solid #008ee1 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
#gsc #gsc-iw-id1{
	border:none !important;
}
.gsst_b{padding: 0!important;}
td.gsib_b{boder:none!important;outline: 0;}

.gnav-container li.nolink>a{
	pointer-events: none;
	cursor:default;
}



/* =========================================================
テンプレ
========================================================= */

/*sidebar
------------------------------------------------------------*/
#side ul {margin:0;padding:0;}
#side li{list-style-type:none;margin-bottom: 6px;}
#side li a{display: block;color:#333;background-color: #f5f5f5;}
#side li a:hover{text-decoration: none;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color:#0d4231;}

/*#menuBox 共通指定*/
#menuBox ul.menu,.metaArea ul.menu{margin-bottom:20px;line-height: 1.5em;font-size: 0.875em;}
#menuBox ul.menu li a,.metaArea ul.menu li a{display: block;padding:15px;border-bottom: none;text-decoration: none;}

/*current*/
#menuBox ul.menu li.current-menu-item > a,
#menuBox ul.menu li ul li.current-menu-item > a,
#menuBox ul.menu li a:hover,
#menuBox ul.menu li.current-menu-item ul li a:hover/*親がカレント*/{background-color:#0d4231;color:#fff;}
#menuBox ul.menu li.titleCell a{background-color:#999;color:#fff;}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
footer{font-size: 0.8em;line-height: 1.75;}
footer section ul,footer address p{margin: 0 10px;}
#relatedLink .widget-title{font-size: 1.3em;text-align: left;margin-bottom: 0.5em;}
#relatedLink ul{list-style-type: none;margin-left: 0;}
address{font-style: normal;margin-left: 10px;}
address .affiliation{font-size:1em;}
address .name{font-size: 1.4em;font-weight: bold;line-height: 1.4;}
.link_banner{float: left;padding: 3px 5px;background-color: #fff;margin-top: 5px;margin-right: 3px;}
.link_text{float: left;font-size: 0.8em;line-height: 1.5;margin-top: 5px;}
.facebook.link_banner{width: 110px;}

/*------------------------------------------------------------
single.php
------------------------------------------------------------*/
body.single header{margin-bottom: 40px;}
body.single h1.entry-title{margin-bottom: 0;padding-bottom: 0.4em;line-height: 1.3;}
body.single .entry-meta{font-size: 0.875em;}

#mainArea .navigation a:hover{text-decoration: none;}

/*------------------------------------------------------------
archive.php
------------------------------------------------------------*/

.archiveList ul{list-style-type: none;margin-left: 0;border-top: 1px solid #ddd;}
.archiveList li{padding: 12px 0;margin-bottom: 0;font-size: .875em;line-height: 1.8;border-bottom: 1px solid #ddd;}
.archiveList li .date{width: 135px;float: left;}
.archiveList li .title{float: left;}
.archiveList li .new{margin-left: 1em;padding: 0 0.5em;background-color:#D83500;color:#fff;font-size: 0.875em;}

nav#pagination{margin: 50px 0 0;text-align: center;}
/*wp-pagenavi*/
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;background-color: #eee;padding: 3px 8px;margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background-color: #0d4231;color:#fff;}
.wp-pagenavi span.current {font-weight: bold;}

/* =========================================================
ページ
========================================================= */

/*------------------------------------------------------------
HOME
------------------------------------------------------------*/
body.home  #home_contents{margin-top: 75px;margin-bottom: 40px;}
@media(max-width:992px){body.home #home_contents{margin-top:50px;}}

body.home .footer-widget{margin-top: 0;}
section#introduction{margin-bottom: 2em;}
section#introduction h1{line-height: 1.2em;font-size: 1.7em;margin: 0.3em 0;}
section#introduction p{margin-bottom: 0.5em;font-size: 0.875em;}

/*ニュース表示
------------------------------------------------------------*/
#newsTab ul{list-style-type: none;margin-left: 0}
.nav-tabs{border-bottom: none;}
.nav-tabs>li{position: relative;width: 180px;margin-left: 12px;text-align: center;}
@media (max-width:480px){
	.nav-tabs>li{width: 140px;}
}
.nav-tabs>li>a{background-color: #999;color:#fff;line-height: 1.6;}
.nav-tabs>li>a.selected{background-color: #0d4231;}
.nav-tabs>li a.selected:before{/*▼*/
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #0d4231;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.listBtn{margin-top: 5px;font-size: 0.9em;}
.listBtn a{border: 1px solid #0d4231; padding: 0.5em 1.6em;background-color: #fff;}
.listBtn a:hover{background-color: #fff;}


/*カード****************/

.newsArea {background-color: #ddd;padding:30px 0 60px;}
.newsArea article{margin-top: 30px;}
.card {background-color: #fff;	box-shadow: 0 2px 5px #ccc;}
.card-img {max-width: 100%;height: auto;}
.card-content {max-width: 100%;padding: 0;/*background-color: #fff;*/}
.card-title {
	font-size:1.2em;
	line-height: 1.5;
	padding-top: 30px;
	padding-bottom: 30px;
	margin:0 30px;
	color: #333;
	overflow: hidden;
	height: 10.8em;
}

.card-date {
	margin: 0 30px;
	position: absolute;
	bottom:40px;
	font-size: 0.875em;
	line-height: 1.5;
}

.card-date .new{
	margin-left: 0.5em;
	padding: 0.2em 0.5em;
	color: #fff;
	font-size: 0.8em;
	background-color: #d83300;
}

p#more_disp{margin-bottom: 0;line-height: 1;box-shadow: 0 2px 5px #ccc;}

#more_disp a{
	display: block;
	text-align: center;
	margin-top: 30px;
	padding: 0.5em;
	width: 100%;
	background-color: #fff;
	}

/* =========================================================
本文フォーマット
========================================================= */

#mainArea li li{font-size: 1em;}
.column{border: 1px solid #ccc;padding: 1.5em 2em 1em 2em;margin-bottom: 4em;}

/*****************************
調整用hr
******************************/
hr.space {
	margin: 60px 0 70px;
	border: none;
	border-top: 1px solid #ccc;
	clear: both;
}

hr.invisible{
	margin: 40px 0;
	border: none;
	clear: both;
}

hr.dot{
	border-top: 1px dotted #ccc;
}

/*リスト
------------------------------------------------------------*/
ol.paren li  {
	list-style-type:none;
	counter-increment: cnt;
	text-indent:-2.5em;
	padding:0;
	}
ol.paren0 li  {
	list-style-type:none;
	text-indent:-3em;
	padding:0;
	}
ol.paren li:before  {
	display: marker;
	content: "( "counter(cnt) " ) ";
	}

li ol.paren {
	margin-left: 3em;
}


/*テーブル
------------------------------------------------------------*/
#mainArea table{
	width: 100%;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-collapse: collapse;
	margin-bottom: 1em;
}

#mainArea table,#mainArea td,#mainArea th{border-color: #ccc;}

#mainArea table td,#mainArea table th{
	padding: 8px;
}

#mainArea table thead>tr>th {
	vertical-align: bottom;
	border-style: solid;
	border-width:1px 1px 2px 0;
}

#mainArea table tbody>tr>th{
	/*white-space: nowrap;*/
	}

#mainArea table tbody>tr>td,#mainArea table tbody>tr>th{
	line-height: 1.8;
	vertical-align: top;
	border-style: solid;
	border-width:1px 1px 1px 0;
	font-size: 0.875em;
}

 #mainArea table:last-child{
 	margin-bottom: 0;
 }

 #mainArea table tbody>tr>th.bg_p_color2{
	padding-top: 5px;
	padding-bottom: 5px;
}

#mainArea table tbody>tr>td.center,#mainArea table tbody>tr>th.center{
	text-align: center;
	vertical-align: middle;
}

/*trにセンター指定した場合、TDにのみ適用*/
#mainArea table tbody>tr.center>td{
	text-align: center;
	vertical-align: middle;
}

/*------------------------------------------------------------
調整
------------------------------------------------------------*/
#mainArea li>ul,#mainArea li>ol{margin-bottom: 0.5em;}
#mainArea li>img{margin-top: 0.3em;}
#mainArea div.2cl h3{margin-top: 0!important}
small{font-size: 86%;}
#mainArea h3+h4{margin-top: 1.5em;}
#mainArea h4+h5{margin-top: 1em;}
#mainArea hr.dot{border-top: 1px dotted #ccc;background-color: #fff;margin: 25px 0;}
#mainArea .wp-caption .wp-caption-text{color:#333;font-size:13px;margin:5px 0 0; text-align: center;}

#mainArea #searchResults table,#mainArea #searchResults td,#mainArea #searchResults th{border:none;}

/*------------------------------------------------------------
フォーム用
------------------------------------------------------------*/
.wpcf7-form .mod-divForm {
}

.wpcf7-form {
    margin: 30px auto;
    padding: 0 0 1em;
   }

/*フォーム用テーブル*/

.mod-divForm{
	width: 100%;
}

.mod-divForm p{
	line-height: 1.8;
	vertical-align: top;
	font-size: 1em;
}

.wpcf7-form .w_basic,.wpcf7-form .w_name,.wpcf7-form .w300{width: 100%;}

#mainArea .mod-divForm .sbj{
	font-size: 17px;
	padding-top: 0.5em;
	margin:2em 0 1em;
}

.mod-divForm .formTxt{
	/*display: inline-block;*/			
	margin-bottom: 0.5em;
}

 .mod-divForm:last-child{
 	margin-bottom: 0;
 }

.mod-divForm .wpcf7-select,.mod-divForm .wpcf7-text{padding: 0.2em 0.3em;}
.mod-divForm .wpcf7-file{padding: 0;border: none;}
.mod-divForm .wpcf7-text.your-name{width:100%;}
textarea.area_detail{width: 100%}

/*送信完了メッセージ
********************************/
.wpcf7 form div.visible-only-if-sent {display: none;}
.wpcf7 form.sent div.visible-only-if-sent {display: block;}
#mainArea div.visible-only-if-sent{padding:1.5em;font-size:1.4em;border: 5px solid #ccc}
#mainArea div.visible-only-if-sent p{font-size: 16px;}
.wpcf7-mail-sent-ok + .mod-divForm{display:none;}
/*ここまで**********************/

div#submit_btn input[type="submit"].btnBase, div#submit_btn button.btnBase {
    display: block;
    margin: 30px auto;
    border: none;
    padding: 0.5em 1.5em;
    line-height: 1.8;
    box-sizing: content-box;
}

/*フォームパーツ用クラス
**********************************/

.form-control ,.wpcf7-form-control{
	font-size: 1em;
	padding: 0.7em;
	border:1px solid #ddd;
	margin-right: 0.5em;
	box-sizing:border-box;
}

.wpcf7-form-control.uploads{border: none;}
.mod-divForm .req{font-size: 0.9em;padding: 0.1em 0.5em;background-color: #d83300;color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;}
.mod-divForm .note{padding-top: 0.6em;display: inline-block;}

/*フォームのズレをなおす*/

.mod-divForm input{
	 	vertical-align: middle;
}

.mod-divForm .wpcf7c-conf{
	border: none!important;
	background-color: #f5f5f5!important;}

/*------------------------------------------------------------
btnBase
------------------------------------------------------------*/
.mod-divForm .btnBase,#mainArea .visible-only-if-sent .btnBase{
	display: block;
	padding: 5px;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out;
	color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#mainArea .mod-divForm .btnBase,#mainArea .visible-only-if-sent .btnBase{
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}

#mainArea .visible-only-if-sent .btnBase{
	display:inline-block;
	width: 180px; float:left;
	margin-right: 10px;
}

#mainArea .visible-only-if-sent .nextBtn {
	margin: 20px 0 0;
}

.wpcf7-mail-sent-ok{display: none!important;}
