/*
Theme Name: gakugun2022
Version: 1.0
Template: generic
*/

/**ベース部分 ******************************
人間系／教員／ids共通
**********************************************/	
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css");

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: none;
}

body{
	color: #333;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
		background: white;
}

.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
		background: white;
}

#header, #container, #footer{padding: 0;}

a{color:#333;}

/**************************
header
**************************/
header#header{
	padding: 0;
    margin: 0;
    width: 100%;
	/* box-shadow: 0 1px 5px #ccc; */
   background: transparent linear-gradient(180deg, #0FBFBF 0%, #027886 100%) 0% 0% no-repeat padding-box;
opacity: 1;
}

#branding{
	padding-top:10px;
	float:none;
   margin: auto;
    background: url(images/hgroup_bg2.png) no-repeat 0 0;
}

#branding h1{
	margin-bottom: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#branding  #site-title{
	background-image: url(images/h1.png);
}

/*言語別タイトル表示*/
#branding #site-title_e{
	background: url(images/title_e.png) no-repeat 0 0;
	}

#branding #site-title_zh{
	background: url(images/title_zh.png) no-repeat 0 0;
	}

#branding #site-title_ko{
	background: url(images/title_ko.png) no-repeat 0 0;
	}

#branding #site-title a {
    display: block;
    width: 384px;
    height: 80px;
    /* height: 99px; */
}

#branding #site-title_e a{
 display: block;
	width:410px;
	height: 80px;
}

#branding #site-title_zh a{
 display: block;
	width:413px;
	height:80px;
}

#branding #site-title_ko a{
display: block;
	width:436px;
	height:80px;
}


/*functionMenu
========================================================= */
#functionMenu ul{
	/* float: right; */
	list-style-type: none;padding:0;margin: 0 0 0 0.5em;font-size: 16px;}
#functionMenu li{float: left;line-height: 32px;font-weight: normal;color:#333;}
#functionMenu li a{color:#333;}
 
/**************************************
文字サイズ切り替え
*************************************/
ul#fontSize{
	list-style-type:none;
}

#fontSize li{
	color:#fff;
	margin-right: 3px;	
	padding: 0 0.5em;
	font-size: 14px;
	border-radius: 2px;
}

#fontSize li:not(.font-title){
	background-color: #fdf9d9;;
	color:#333;
}

#fontSize li.active{
	color:#666;
	background: #fdf9d9;
}

#fontSize li:not(.font-title):hover{
	background-color: #fdf9d9;
	color:#666;
	cursor: pointer;
}

/**************************************
言語切り替え
*************************************/
#langBtn li{
	padding: 0 0.5em;
	font-size: 14px;
	background-color:#B9E9EA;
	margin-left: 3px;
		border-radius: 2px;
}

#langBtn li:hover{
	background-color: #fdf9d9;
}

#langBtn li a{
	text-decoration: none;
}

/**********************************************
検索フォーム
googleカスタム検索のCSS上書き
**********************************************/
#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;
}

/* フォームを格納するtableのスタイル設定 */
#___gcse_0 table{margin-top: 0!important;}
#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 .cse .gsc-search-button-v2, .gsc-search-button-v2 {
    background: #555!important;
    background: -ms-linear-gradient(top,  #555 0%,#555 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#555',GradientType=0 ); /* IE6-9 */
    border: 1px solid #555 !important;
      /* width:30px !important; */
      /* height: 32px !important; */
      padding: 10px 10px !important;
	  border-radius:2px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right: 0!important;
}

/* テキスト入力フォーム */
#gsc input[type="text"]{
    /* border: 1px solid #cccccc !important; */
    height:33px !important;
      font-size: 16px;
}
#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;
}

/**********************************************
sibebar
**********************************************/

#sidebar ul li{
	list-style-type: none;
	font-size: 1rem;
}


/************************************************
footer
*************************************************/
#footer{
    clear: both;
    width: 100%;
    background-image: url(images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: 50% -1px;
    background-color: #9cd8d8;
}

p.univ a {
    display: block;
    width: 140px;
    height: 35px;
    background: url(images/tsukubauniv.png) no-repeat 0 0;
    text-indent: -9999px;
}

.menu-footer_menu-container li {
	padding-left: 1.2em;
    background: url(images/footer_menu_arrow.png) no-repeat 0 0;
	line-height: 1;
}

/***************************************************************
メインパーツ
***************************************************************/
.header .entry-title,
header .entry-title{
	padding-left: 0.6em;
	border-left: 0.25em solid #0A828E;
	/* font-size:2.4em; */
	line-height:1.2em;
}

.entry-content h3 {
    padding: 0.4em 0;
    margin-bottom: 0;
    font-size: 1.8em;
    font-weight: bold;
    color: #0A828E;
    letter-spacing: 0;
    line-height: 1.5;
}

/*ページタイトル*/

.page .entry-title .lastupdate{
	position:absolute;
	top:20px;
	right:20px;
	font-weight:normal;
	font-size:0.5em;
}

#container{background-color: transparent;}
#content{float: right;
    padding-right: 0;
    padding-left: 0;
	background-color: #fff;
	box-shadow: 0 0 5px #ccc;
}

#sidebar{float: left;
	/* background-color: #e8e8e8; */
}
#header{padding: 0;}
#header, #container, #footer{padding: 2%;}

#pageHeaderArea{
	width: 100%;height: 110px;
	background:url(images/body_bg.jpg) repeat-x  0 0;
}

#menu .menu-toggle{color:#333}
#menu a{color:#333}
@media (max-width: 768px){
#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a {color:#333;}
}

/*UL指定*/
.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol{margin: 0;}

/***************************************************************
single
***************************************************************/
.single h1.entry-title {
	font-size: 28px;
	margin-bottom: 0.4em;
	line-height: 1.4;
		/* padding-bottom: 0.4em;
	border-bottom: 1px solid #ddd; */
}

.single h1.entry-title  a{
	color:#333;
    text-decoration: none;
	color: #333;
}

.entry-footer,.entry-meta{
	font-size: 16px;
	margin: 0 0 30px;
}

.page #content p, .single-post #content p {
    font-size: 16px;
    line-height: 1.75;
}

.entry-meta{
	text-align: right;
}

/***************************************************************
category
***************************************************************/
.category article h2.entry-title{
	font-size: 24px;
}
.category article.post{
	padding-bottom: 5%;
	margin-bottom: 5%;
 	border-bottom: 1px solid #ddd;
}

/***************************************************************
menu
***************************************************************/
#sidebar ul{
	/* width: 95%; */
	list-style-type: none;
}

#secondary .widget-title{
	margin-top:35px;
	margin-bottom:5px;
	font-size:1.3em;
	color:#0A828E;
}

.widget_nav_menu li,.widget_archive li{
	margin: 0;
    line-height: 1.6;
    letter-spacing: 0;
    font-weight: normal;
}

.widget_nav_menu li a,.widget_archive li a{
	display: block;
    padding: 12px 23px 12px 15px;
	margin-bottom: 6px;
    text-decoration: none;
    color: #333;
	background: url(images/chevron_right_black_24dp.svg)  no-repeat 98% 50% #d5f2f2; 
}

/*hover指定
******************************/
#secondary .menu li a:hover,#secondary .widget_archive 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:#fdf9d9;
}

/*current*/
#secondary ul.menu li.current-menu-item > a,
#secondary ul.menu li ul li.current-menu-item > a{
	background-color:#fdf9d9;
}

/*home*/
#secondary .menu li.home a,#secondary .menu li.home_e a{
	width:100%;
	height:90px;
	padding: 0;
	text-indent: -9999px;
}

#secondary .menu li.home a,
#secondary ul.menu li.home.current-menu-item > a{
	background:url(images/gakugun_top.png) no-repeat 50% 0 #B9E9EA;
		border: 1px solid #B3D7DC;
}
#secondary .menu li.home_e a,
#secondary ul.menu li.home_e.current-menu-item > a{
	background:url(images/gakugun_top_e.png) no-repeat  50% 0 #B9E9EA;
		border: 1px solid #B3D7DC;
}

/*hover指定：currentよりちょい薄め
------------------------------------------------------------*/
#secondary ul.menu li a:hover,
#secondary ul.menu li.current-menu-item ul li a:hover/*親がカレント*/{
	background-color:#fdf9d9;
	}

/********************************************
２階層目
 * *****************************************/

#secondary .menu li .sub-menu{
	display:none;
	margin-bottom:0;
	margin-top:8px;
	border-top:none;
}

#secondary .menu li.open_menu .sub-menu{
	display:block;
	margin-bottom:0;
	margin-top:8px;
	border-top:none;
}

#secondary .menu li.current-menu-item .sub-menu,
#secondary .menu li.current-menu-ancestor .sub-menu{
	display:block;
}

#secondary .menu li .sub-menu li{
	list-style-type:none;
	padding:0;
	border-top:1px dotted #333;
	border-bottom:none;
	font-size:0.9em;
	line-height:1.6;
}

#secondary .widget li .sub-menu li a,
#secondary .archiveList li a{
	display:block;
	margin:0.3em 0 0.3em 0.2em;
	padding-left:1.5em;
	text-decoration:none;
	background:none;
	}


/*アーカイブ用*/
#secondary .widget h4.archiveTitle{
	padding: 0.4em 0 0.3em 0;
	border-top: 2px solid black;
	border-bottom: 1px solid black;
	font-size: 1.6em;
}

#secondary .menu li.home a,#secondary .menu li.home_e a{
	/* width:220px; */
	height:90px;
	padding: 0;
	text-indent: -9999px;
}

/*------------------------------------------------------------
汎用パーツ
------------------------------------------------------------*/

/*generic再設定*/

p{margin: 20px 0;}

.entry-content ol, .widget-container ol, .comment-body ol{
	list-style: decimal inside;
    list-style-type: decimal;
}

.entry-content ul li, .widget-container ul li, .comment-body ul{
	list-style-type:disc;}

.entry-content ul, .widget-container ul, .comment-body ul, .entry-content ol, .widget-container ol, .comment-body ol {
margin-left: 1.5em;
background: transparent;
}	

.entry-content li, .widget-container li, .comment-body li{margin:0.5em auto ;}

/*テーブル*/
.mod-tableBase{
	width: 100%;
 	background-color: #fff;
	border: none;
 	border-bottom:1px solid #ddd;
	border-top: 1px solid #ddd;
}

.mod-tableBase td,.mod-tableBase th{
	padding: 8px;
	border-right: none;
}

.mod-tableBase thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.mod-tableBase tbody>tr>td,.mod-tableBase tbody>tr>th{
	padding-left: 8px;
	line-height: 1.8;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

 .mod-tableBase:last-child{
 	margin-bottom: 0;
 }

 .mod-tableBase tbody>tr>th.bg_p_color2{
	padding-top: 5px;
	padding-bottom: 5px;
}

.mod-tableBase tbody>tr>td.center,.mod-tableBase tbody>tr>th.center{
	text-align: center;
	vertical-align: middle;
}

/*table-noborder：ボーダーなし
------------------------------------------------------------*/
.table-noborder {
	border-top: none;
	border-bottom: none;
}

.table-noborder thead>tr>th,
.table-noborder thead>tr>td{
border: none;
}

.table-noborder tr>th,
.table-noborder tr>td{
border: none;
}

.table-noborder tbody>tr>td, .table-noborder tbody>tr>th{
	border:none;
}

/*------------------------------------------------------------
シラバス
------------------------------------------------------------*/
#content article .syllabus h3{
	clear: both;
	font-size: 1.8em;
	color:#0a828e;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0.8em;
}

#content article .syllabus ul{
	margin:0em 0 3em 1em;
	padding-left: 1em;
}

#content article .syllabus li{
	margin-bottom: 0.25em;
}

#content article .syllabus li.null{
	display: none;
}

.syllabus ul.L,.syllabus ul.R{
	width: 43%;
}

.syllabus ul.L{float: left;}
.syllabus ul.R{float: right;}

/*------------------------------------------------------------
説明会
------------------------------------------------------------*/
#open-campus section{margin-bottom: 50px;}
#open-campus .a_name{text-align: right;margin-right: 1em;}
#open-campus h2{font-size: 26px;}
.entry-content #open-campus h3{margin: 30px 0 5px;}
#open-campus hr.dot{
	margin: 30px 0;
	border-top: 1px dotted #ccc;
}
#open-campus hr.separater{margin: 50px 0 40px;}


/***********************************************
アーカイブページ
 ************************************************/

.archive h1.entry-title{
	padding: 0.2em 0.5em;
	margin-bottom:2em;
	background-color:#efefef;
	border-left: none;
	color:#333;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.4em;
}

.archive  article h2.entry-title{
	font-size: 1.4em;}

.archive article{
	padding-bottom: 3em;
	border-bottom:1px solid #ccc;
}
.archive article:last-child{
	border-bottom: none;
}


/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px dotted #ccc; margin-top: 30px;margin-left: 10px;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;-moz-border-radius:3px;padding:3px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
#branding #searchform .field{
	width:106px;
	padding:0;
	border:1px solid #ccc;
}

/**********************************************
ボタン類
**********************************************/
/*要素による調整 2015/07/24*/

 input[type="submit"],button{
 	display: block;
 	border: none;
 	padding: 5px;
 	line-height: 1.8;
 	box-sizing: content-box;
 }

.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;
	font-size: 1.2em;
}

.btnBase {
	margin: 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #666;
	width: 90px;
}

a:link.btnBase,a:visited.btnBase {color: #fff;}

.main .btnBase:hover{
	background-color: #D83300;
	text-decoration: none;
}

.btnBase i{
	margin-right: .7em;
}

.btnBase.w50{width: 40px;padding: 0 5px;}
.btnBase.w150{width: 140px;}
.btnBase.w200{width: 190px;}
.btnBase.w300{width: 290px;}
.btnBase.w400{width: 390px;}

.btnBase.disable{
	background-color: #ccc;
	pointer-events: none;
	cursor: default;
}

/**********************************************
メニュー設定
**********************************************/


/*hover指定
******************************/

#secondary .widget_nav_menu li a:hover,
#secondary .menu li .sub-menu li a:hover{
	text-decoration:none;
	background-color:#efefef;
}


/*------------------------------------------------------------
front-page.php
------------------------------------------------------------*/

h1#newsTitle{
	color:#0A828E;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

h1#newsTitle .sub{
	font-size: 0.5em;
	font-family: Helvetica, Arial,sans-serif;
	color:#999;
}

#newsTitle i{
	font-size: 0.6em;
	color:#FB9C3D;
}

/*最新情報欄*****************************************/

#news ul {
	list-style-type:none;
}

#news  li{border-bottom: 1px solid #ddd;}

#news  li p{
	display: inline-block;
	font-size:1rem ;
	margin-bottom: 0;
}

/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px dotted #ccc; margin-top: 30px;margin-left: 10px;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;-moz-border-radius:3px;padding:3px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}