@charset "UTF-8";
/*------------------------------------------------------------mainimage*/
#mainimagearea {
    clear: both;
    margin: 0 0 30px;
    padding: 10px 0;
    background: #e0f5ff;
}
#mainimage {
    position: relative;
    overflow: hidden;
}
#mainimage h2 img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000;
    padding: 0 5px;
}
@media print, screen and (min-width:768px) {
    #mainimage h2 img {
        padding: 0;
    }
}
/*#mainimage h2 strong {
	font-size:16px;
	font-weight:normal;
}*/
/*メイン画像 SPで縦横比を維持して縮小表示------------------------------------------------▼▼▼▼▼ここから
#mainimage img {
	width:100%;
	height:auto;
}
// メイン画像 SPで縦横比を維持して縮小表示-----------------------------------------------▲▲▲▲▲ここまで*/
/*メイン画像 SPでキャッチコピーが多いとき等、高さを増やして画像の表示領域を調整----------------▼▼▼▼▼ここから*/
#mainimage > img {
    position: relative;
    top: 100px;
    left: 50%; /*SPポートレート時のメイン画像の表示領域を調整*/
    width: auto;
    height: 200px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media print, screen and (min-width:480px) {
    #mainimage > img {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
/*メイン画像 SPでキャッチコピーが多いとき等、高さを増やして画像の表示領域を調整----------------▲▲▲▲▲ここまで*/
@media print, screen and (min-width:768px) {
    #mainimagearea {
        margin: 0 0 40px;
    }
    /*#mainimage h2 {
	padding:10px 20px;
	height:auto;
	font-size:15px;
	line-height:1.2;
}
#mainimage h2 strong {
	font-size:30px;
	font-weight:normal;
}*/
}
/*------------------------------------------------------------content*/
/*更新プログラム(連動)フォーマット*/
#news01 {
    width: 100%;
    overflow: hidden;
}
#news01 dl {
    padding: 10px 0;
    border-bottom: dotted 1px #ccc;
}
#news01 dl:first-child {
    padding: 0 0 10px;
}
#news01 dl dd div.newstitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media print, screen and (min-width:768px) {
    #news01 dl dt {
        float: left;
    }
    #news01 dl dd {
        padding: 0 0 0 100px;
    }
}
/*更新プログラム(TOP完結)フォーマット*/
#news02 {
    width: 100%;
}
@media print, screen and (min-width:768px) {
    #news02 p.title03 br {
        display: none;
    }
}