@charset "utf-8";
/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

#container{
    width:100%;
    margin:0 auto;
}

.sp {
    display:none;
}

.inner{
	width: 980px;
	margin: 0 auto;
}

#breadcrumb{
	max-width:100%;
	margin:15px auto;}

#snsBox ul li{padding-top:2px;}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.mainvisual{
	background:url(/images/tokusyu/monthly/201912/theme02/bg_mainvisual.png) no-repeat;
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}
.yutai201807{ background-image:url(/images/tokusyu/monthly/201807/theme02/bg_mainvisual.jpg); }

.chokuzen201809{ background-image:url(/images/tokusyu/monthly/201912/theme02/bg_mainvisual.png); }

.mainvisual h2{
	width: 980px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@media screen and (max-width:980px) {
	
	/* メインビジュアル */
	.mainvisual h2{
		width: 80%;
		margin: 0 auto;
	}
	
	.inner{
		width: auto;
		margin: 0 10px;
	}
	
}


@media screen and (max-width:640px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    #footer {
        display: none;
    }
    #breadSns {
        display: none;
    }
    header.common .logo {
        float: left;
        width: 275px;
    }
    header.common .navi li {
        float: right;
        padding-top: 15px;
	}


/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

	.mainvisual{
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}
	
	.mainvisual h2{
		width: auto;
		padding: 0;
		margin:0;
	}



}