/* CSS Document */

.story
{
	margin:20px;
}
.col1
{
	width:200px;
}
.col2
{
	width:400px;
}





@media only screen and (min-device-width: 769px) {
/*===================================================================================================
●style.css 画面の横幅が769px以上
===================================================================================================*/
#tumblelog
{
	margin-top:40px;
}
.lab-lead
{
	margin-top:20px;
	font-weight:bold;
}
.lab-lead span
{
	font-size:130%;
}
.lab-lead small
{
	font-weight:normal;
	display: block;

}

	/*ラボ_モーダルで理事長を表示させる*/
	#modal-overlay{
        z-index:1;
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:120%;
        background-color:rgba(0,0,0,0.75);
    }
    #modal-content{
        display:none;
        width:649px;/*800px*/
        height:640px;/*905px*/
        background:#fff;
        z-index:2;
        position: absolute;
        top:50%;
        left:50%;
        margin-top: -250px;
        margin-left: -300px;
    }
    #modaliframe{
        display:none;
    }
    .closeBtn:hover{
        cursor:pointer;
    }
    #modal-overlay.on,
    #modal-content.on,
    #modaliframe.on{display:block;}

}





@media only screen
    and (max-device-width:768px) {
/*===============================================
●style.css 画面の横幅が768px以下
===============================================*/
#tumblelog
{
	width:98%;
	margin:0 auto;
}
.lab-lead
{
	width:95%;
	margin:0px auto 20px;
	font-weight:bold;
}
.lab-lead span
{
	display:block;
	font-size:130%;
}

	/*ラボ_モーダルで理事長を表示させる*/
	#modal-overlay{
        z-index:100;
        display:none;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:120%;
        background-color:rgba(0,0,0,0.75);
    }
    #modal-content{
        display:none;
        position: absolute;
    width: 100%;
    left: 0px;
    /*top: 0;
        background:#fff;*/
            top: 50%;
            margin-top: -200px;
        z-index:102;
    }
    #modal-content img{width:100%;}
    #modaliframe{
        display:none;
        width:100%;
    }

    .closeBtn:hover{
        cursor:pointer;
    }
    #modal-overlay.on,
    #modal-content.on,
    #modaliframe.on{display:block;}

}