/*******************************************
*
* 国際医療福祉大学病院 糖尿病教室
* 2018.6.12
*
********************************************/

@charset "UTF-8";




/* ==========================================================
*
* コーナー共通
*
========================================================== */
.pastEvent{
	background-color:#dedede;
}

/* ==========================================================
*
* 運動の紹介
*
========================================================== */
.ytFrame{
	display:block;
	overflow:hidden;
	width:480px;
	margin:0 auto;
	position:relative;
}

.ytFrame iframe{
	width:480px;
	height:260px;
	border:1px solid #333333;
}

.ytFrame dl{
	display:block;
	overflow:hidden;
	margin-top: 1em;
}
.ytFrame dl > dt{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.5em;
}


/*********************************
 二列テーブル
********************************* */
dl[class^='onlindex_']{
    display:block;
    overflow:hidden;
    margin:0.5em 0 2em;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    background-color:#fff;
    line-height:155%;
}

dl[class^='onlindex_'] > dt{
    clear:both;
    display:block;
    overflow:hidden;
    float:left;
    padding:0.5em 1em;
    border-top:1px solid #fff;
}

dl[class^='onlindex_']> dd{
    display:block;
    overflow:hidden;
    float:left;
    padding:0 0.5em;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    background-color:#ffffff;
}

dl.onlindex_24m > dt{
    width:27em;
}
dl.onlindex_24m > dd{
    width:calc(100% - 27em);
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .ytFrame{
    	width:320px;
    }
	 .ytFrame iframe{
		width:320px!important;
		height:186px!important;
	}   



	dl.onlindex_24m > dt {
	    width:100%;
	    float:none;
	}
	dl.onlindex_24m > dd {
	    width:100%;
	    border-left:none!important;
	}
	dl.onlindex_24m > dd span{
	    font-size:smaller;
	}

}