@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2018.06.15
***************************************************************** **/

/* *--------------------------------------------------------------------
 トップページ（/）
--------------------------------------------------------------------* */

/*  メインビジュアル
--------------------------------------------------------------- */
#MAINPIC{
	min-height: 340px;
}
#MAINPIC{	background-image: url(../common/images/mainpic/common.jpg);}

.oecation{
    margin: 0 auto 60px auto;
    border:1px #000000 solid;
    padding: 20px;
}

.btnblock100{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}


.btnblock100 a{
	display: inline-block;
	background-color: #ededed;
	color: #000000;
	text-decoration: none;
	letter-spacing: 4px;
	font-size:18px;
	font-size:1.8rem;
}

.btnblock100 a{
	width: 100% !important;
	padding: 25px !important;
}



.btnblock100 a:hover{
	background-color: #cecece;
}

.btnblock100  li{
    margin-top: 8px;
}
.btnblock100  li:first-child{
    margin-top: 0;
}


#OPENEDUCAtION h3 + .btnblock100{
    margin-top: 40px;
}
.oeBLOCK{
    margin-bottom: 100px;
}


/* 外部リンク要素
----------------------------------------------------------- */  
#OPENEDUCATION .btnblock100 a[href$=".pdf"] span,
.oeLIST a[href$=".pdf"] span {
	background-image:url(images/pdf.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right: 20px;
}
.oeLIST a[href$=".doc"] span,
.oeLIST a[href$=".docx"] span {
	background-image:url(images/doc.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right: 20px;
}

#OPENEDUCATION .btnblock100 a[href$=".mp4"] span,
.oeLIST a[href$=".mp4"] span,
.oeLIST a[href$=".mov"] span {
	background-image:url(images/mov.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right: 20px;
}

.oeLIST a[href^="http"] span {   
	background-image:url(images/window.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-top:2px;	padding-bottom:2px;
	padding-right: 16px;
}
* html a.iconWINDOW   {   
	background-image:url(images/window.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-top:2px;	padding-bottom:2px;
	padding-right: 16px;
}
a[href^="https://www.hokuriku-u.ac.jp/"]  {  
    padding: inherit;
    background: transparent;
}




@media only screen and (max-width: 768px) {



.btnblock100 a{
	display:block;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 20px 5px !important;
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 1px;
	line-height: normal;

}


}


.oeLIST ul{
    margin: 0;
}
.oeLIST ul li{
    margin: 10px 0;
    list-style-type: disc;
}

/* ----------------------------------------------------------------------------
アコーディオン
https://webdesignday.jp/inspiration/technique/css/5670/

<script>
    $(function(){
        $('.acd-open-link').each(function(){
            $(this).on('click',function(){
                $(this).toggleClass('on');
                $("+.acdCHILD",this).slideToggle()
                return false;
            });
        });
    });
</script>

<ul id="acd">
<li class="acd-item">
<a class="acd-open-box acd-open-link" href=""><h3>親タイトル</h3></a>
<ul class="acdCHILD">
<li class="acdCHILD-item">
<h4>子タイトル</h4>
<div><a href="#" rel="nofollow"  class="btn"><span>テキスト</span></a></div>
</li>
</ul>
</li>
---------------------------------------------------------------------------- */
ul#acd{

}
ul#acd li{

}
/*ブロック全体*/
.acd-item {
    display: block;
    color: #000000;
    cursor: pointer;
    border:1px #000000 solid;
    padding: 10px 10px 10px 15px;
    margin-top: 10px;
}
/*親メニュー*/
a.acd-open-box {
  display: block;
    position: relative;
	text-align: left;
}
a.acd-open-box h3{
	font-size:22px;
	font-size:2.2rem;
    line-height: 1;
    color: #000000;
    text-decoration: none;
	text-align: left;
}
a.acd-open-box h3 small{
	font-size:16px;
	font-size:1.6rem;

}
.acd-open-box:after {
    display: block;
    position: absolute;
    content: "+";
    right: 0;

	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;


}
/*開いた時*/
.acd-open-box.on:after {
    content: "-";
}

/*小メニュー*/
.acdCHILD {
  background: #fff;
  display: none;
}
.acdCHILD-item {
    margin-top: 20px;
}


.acdCHILD div{
    margin-left: 30px;
    margin-bottom: 10px;
    position: relative;
}
/*
.acdCHILD div:before{
    content: "・"
}
*/

@media only screen and (max-width: 768px) {

a.acd-open-box {
	font-size:18px;
	font-size:1.8rem;
}
.acdCHILD div{
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
}
a.acd-open-box h3{
	font-size:18px;
	font-size:1.8rem;
}
a.acd-open-box h3 small{
	font-size:12px;
	font-size:1.2rem;

}
}



/*テーブル*/



/* 
テーブル
--------------------------------------------------------------------* */
.oeTABLE{}
.oeTABLE th,
.oeTABLE td{
	border-bottom:1px #333333 solid;
	padding:2.0em 1.0em;
}
.oeTABLE tr:first-child{
	border-top:1px #333333 solid;
}
.oeTABLE th{
/*	width: 35%;*/
	font-weight: 600;
}
.oeTABLE caption{
	font-size:20px;
	font-size:2.0rem;
    margin-bottom: 20px;
    text-align: left;
}



@media only screen and (max-width: 768px) {
.oeTABLE{
	width: 100%;
}

.oeTABLE th,
.oeTABLE td{
    display: block;
}
.oeTABLE th{
    background-color: #fdfdfd;
    text-align: center;
	padding:0.5em;
}
.oeTABLE td{
	padding:1.5em;
}

}