#app{
    background: url(../img/topcover.jpg) no-repeat top center;
    background-size: cover !important;
}
#topContainer {
    min-height: 332px;
    text-align: center;
    position: relative;
    margin-top: 30px;
}

#topContent{
	position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.topTitle{
	color: #fefefe;
    font-weight: bold;
    text-shadow: 0 0 8px #333;
    text-shadow: 0px 1px 6px #0e1303;

}.topTitle>span:first-child {
    font-size: 1.3em;
    letter-spacing: 0.6em;
    font-weight: normal;
    padding: 3px 12px 5px;
    margin-bottom: 3px;
    margin-left: 0.3em;
    display: inline-block;
    border-bottom: 1px solid #f5f5f5;
    width: 43%;
    min-width: 200px;
}.topTitle>span:last-child {
    font-size: 0.65em;
    display: inline-block;
    font-weight: normal;
    vertical-align: 7px;
    
}

/*.topTitle>span:last-child {
    font-size: 0.7em;
    display: inline-block;
    margin-bottom: 0px;
    padding: 0px;
    position: relative;
    vertical-align: 5px;
    font-weight: normal;
}*/

.moreBtn {
    font-size: 0.9em;
    padding: 3px 19px;
    background: #bd2f2f !important;
    border: 1px solid #bd2f2f;
}

/*==========  非モバイル・ファーストの場合  ==========*/
 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
 
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	body #app {
		background-size: 209% !important;
	}
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body #app {
		background-size: 266% !important;
	}
    body .topTitle {
        margin-top: -2em;
    }
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
 	body #app {
		background-size: 266% !important;
	}
}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    body #app {
		background-size: 309% !important;
	}
}