/* 全体 */

html{
		font-size:62.5%
}

body {
		width:100%;
		margin:0;
		padding:0;
		font-size:1.6rem;
		line-height :1.6;
		font-family:sans-serif;
}

/* メインコンテナ：切り替え */

@media screen and (max-width:959px){
.mainContainer{
	padding:0 15px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
}

@media screen and (min-width:960px){
.mainContainer{
	width:800px;
	margin-right:auto;
	margin-left:auto;
}
}

hr {
		width:60px;
		color:rgb(100,100,100);
		margin:0;
		text-align:left;
		margin-left:0;
}

p.heading{
		font-size:x-small;
		color:rgb(100,100,100);
		letter-spacing:0.1em;
		margin-top:2px;
		margin-bottom:10px;
}

/* header:ヘッダ */

header {
		width:100%;
}

header h2 {
		text-align:center;
		font-size:xx-small;
		margin-bottom:2px;
}

header h1 {
		text-align:center;
		margin-top:0;
}

header img{
		max-width :90% ;
		height:auto;
}



/* latest:最新号 */

.latestTxt{
		text-align:center;
}


.latestImg{
		text-align:center;
}

.latest img{
		max-width :90% ;
		height:auto;
		border:1px solid rgb(200,200,200);
		position:relative;
}

.latestTxt{
		margin:0 20px;
}


.latest h2{
		font-size:large;
		font-weight:bold;
}

.latest h4{
		font-size:1.6rem;
		font-weight:normal;
		margin-bottom:0;
}

.date{
		font-size:small;
}

a.readBtn {
		width:80%;
		display: inline-block;
		padding:20px;
		background:rgb(222,43,50);		
		color:rgb(255,255,255);
		text-align: center;
		text-decoration: none;
}

a.readBtn:hover {
		background:rgb(0,0,0);
		color:rgb(255,255,255);	
}

/* outline:目次 */

.apology {
		border:1px dotted rgb(200,200,200);	
		padding:5px;
}

.apologyTxt {
		color:red;
}

.outline{
		margin:20px 0;
		padding:20px;
}

.outline h3{
		font-size:large;
		font-weight:bold;
		color:rgb(222,43,50);
		margin-bottom:10px;
}

.outline h4{
		font-size:1.6rem;
		font-weight:bold;
}

.feature {
		color:rgb(222,43,50);
}





/* footer:フッタ */

footer{
		padding:20px;
		background:rgb(245,245,245);
		text-align:center;
}

.shareTxt{
		text-align:center;
		font-size:small;
		text-align:center;	
}

/*-------------
.shareBtn ul{
		list-style-type:none;
		margin:0;
		font-size:0;
		padding-left:0;	
}

.shareBtn li{
		list-style-type:none;
		background-color:rgb(0,0,0);
		display:inline;
		text-align:center;
		font-size:small;
		color:rgb(255,255,255);
		margin:0;
}
----------*/

.facebook{
		background-color:#315096;
		font-size:small;
		color:rgb(255,255,255);
		margin:0 5px;
		padding:7px 10px;
}

.facebook a{
		text-decoration:none;
		color:rgb(255,255,255);
}

.line{
		background-color:#00c300;
		font-size:small;
		color:rgb(255,255,255);
		margin:0 5px;
		padding:7px 10px;
}

.line a{
		text-decoration:none;
		color:rgb(255,255,255);
}

.twitter{
		background-color:#55acee;
		font-size:small;
		color:rgb(255,255,255);
		margin:0 5px;
		padding:7px 10px;
}

.twitter a{
		text-decoration:none;
		color:rgb(255,255,255);
}

.copyright{
		text-align:center;
		font-size:small;
}