@charset "utf-8";

.st-contents .fastview div{
    position: relative;
    font-size: 0;
}

.st-contents .fastview .logo{
    position: absolute;
    top: 1%;
    right: 4.375%;
    width: 18.125%;
}

@media print, screen and (min-width: 641px) {
    .st-contents .st-contents__inner {
        float: right;
        width: 770px;
    }

    .st-contents .fastview .logo{
        top: 20px;
        left: 0;
        right: 0;
        width: auto;
        margin: auto;
    }
}

.st-contents .info-box {
    background-color: #58b530;
    padding-bottom: 5%;
}

.st-contents .info-box h2 {
    font-size: 5.625vw;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 3.125% 0;
}

.st-contents .info-box .info-inner {
    background-color: #fff;
    font-size: 3.75vw;
    padding: 4.375%;
    height: 62.5vw;
    overflow-y: auto;
}

.st-contents .info-box .info-inner dl{
    padding: 1.8% 0;
    line-height: 1.4;
    border-bottom: 1px dashed #ccc;
}

.st-contents .info-box .info-inner dl:first-child{
    padding-top: 0;
}

.st-contents .info-box .info-inner dl:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.st-contents .info-box .info-inner dt.new span{
    position: relative;
}

.st-contents .info-box .info-inner dt.new span::after{
    content: 'new';
    position: absolute;
    margin-left: 1rem;
    background-color: #ffa33f;
    border-radius: 5px;
    padding: 0 1%;
    font-size: 3.125vw;
    color: #fff;
}

    .bnr_top{
		display: none;
    }

    .bnr_top2{
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 0px;
		float:none !important;
		text-align:center;
    }

    .bnr_top p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }

    .bnr_poster{
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 0px;
		float:none !important;
		text-align:center;
    }

    .bnr_poster p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }
.poster_txt a:before {
	content: url("../images/common/icon_pdf.png");
	margin:0px 10px 0px 0px;
	vertical-align: -webkit-baseline-middle;
}
    .movie{
		margin-bottom:20px;
		margin-top: 20px;
		margin-left: 0px;
		float:none !important;
    }

    .movie iframe{
		width:100%;
    }

    .movie p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }
    .top_bnr01{
		margin-top: 20px;
		margin-bottom:20px;
		text-align:center;
    }

    .top_bnr01 ul,
    .top_bnr01 li {
		list-style: none;
    }

    .top_bnr01 li {
		float: left;
		margin-right: 5px;
    }

    .top_bnr01 img{
    }
    .top_bnr01 p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }

@media print, screen and (max-width: 640px) {
	.top_bnr01 {
		padding: 0 5px;
	}
	.top_bnr01 li {
		width: 50%;
		padding: 5px;
		margin: 0;
		text-align: center;
		box-sizing: border-box;
    }
    .top_bnr01 li img {
		width: 100%;
		height: auto;
		max-width: 175px;
		margin: 0 auto;
	}
}

@media print, screen and (min-width: 641px) {
    .st-contents .info-box {
        width: 706px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .st-contents .info-box h2 {
        font-size: 20px;
        text-align: left;
        padding: 12px 0 8px 20px;
    }

    .st-contents .info-box .info-inner {
        font-size: 14px;
        padding: 16px 24px;
        height: 156px;
    }

    .st-contents .info-box .info-inner dl{
        display: table;
        padding: 16px 0;
        line-height: 1.4;
    }

    .st-contents .info-box .info-inner dl dt {
        display: table-cell;
        width: 132px;
        vertical-align: top;
    }

    .st-contents .info-box .info-inner dl dd {
        display: table-cell;
        width: 573px;
        vertical-align: top;
   }

    .st-contents .info-box .info-inner dt.new span::after{
        margin-left: 1rem;
        padding: 0 4px;
        font-size: 13px;
    }

    .bnr_top{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom:20px;
		text-align:center;
		display: block;
    }

    .bnr_top2{
		display:none;
    }

    .bnr_top img{
		text-align:center;
    }
    .bnr_top p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }
    .bnr_poster{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom:20px;
    }

    .bnr_poster img{
		width:100%;
    }
    .bnr_poster p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }

    .movie{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom:20px;
    }

    .movie img{
		width:100%;
    }
    .movie p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }

    .top_bnr01{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom:20px;
		margin-left:30px;
		text-align:left;
    }

    .top_bnr01 img{
    }
    .top_bnr01 p {
		text-align:center;
		font-size: 12px;
		padding-top:5px;
    }

}

/**/

.fastview {
	position: relative;
}

.top_openlecture {
    position: absolute;
	width: 190px;
}

.top_openlecture a {
	position: relative;
    display: block;
    padding: 11px 20px 11px 40px;
    width: 100%;
	background: #ff9900;
	border-radius: 5px;
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
}

.top_openlecture a::before {
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 23px;
    border-color: transparent transparent transparent #fff;
}

.top_openlecture a:hover {
    background-color: #58b530;
    color: #fff;
}

.top_openlecture a:hover::before {
    border-color: transparent transparent transparent #fac872;
}

@media print, screen and (min-width: 641px) {
	.top_openlecture {
	    bottom: 190px;
	    right: 30px;
	}
}

.top_message01 {
	font-size: 13px;
	line-height: 1.6;
	width: 100%;
	max-width: 710px;
	padding: 15px 20px;
	margin: 15px auto;
	border: 1px solid #666;
	box-sizing: border-box;
}

@media print, screen and (max-width: 640px) {

	.fastview {
		padding-bottom: 80px;
		/*background-color: #f8e9be;*/
	}

	.top_openlecture {
	    left: 0;
	    right: 0;
	    bottom: 17px;
	    margin: auto;
	}

	.top_message01 {
		width: 95%;
	}

}