/* このcssはスマホ版で表示した時に使われます */
/* max-width:499px→499px以下で適用 */

/*■初期設定*/
body{
	color:#000000;/*通常のテキストカラー*/
}
a{
	color:#000000;/*通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}
a:hover{
	color:#000000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}

/*■フォントサイズ調整*/
body {
	font-family:'メイリオ',Meiryo;/*フォント種*/
	text-align:left;
}

/* ここからは、headerの設定 */
.header{
	display:block; /* ブロックとして表示 */
	margin:none;/* 外余白なし */
}

h1{/* 北大生協学生組織委員会｜GakuseiIinkaiのところの設定 */
	font-size:14px;/* フォントサイズの設定 */
	line-height:16px;/* フォントの高さを指定 */
	text-decoration:none;/* 下線を引きたい場合はunderlineへ変更 */
	font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;/* フォントの種類を設定 */
	font-weight:normal;/* 太字にしたい場合は、boldへ変更 */
	margin:40px 0 20px 20px;/* 外余白の設定、順に上・右・下・左で設定 */
}

h2{/* 月刊GIバックナンバーの文字の表記設定 */
	background:url(ginphaikei.jpg);/* 背景画像を指定 */
	font-size:1.3rem;/* フォントサイズを指定 */
	line-height:70px;./* フォントの高さを指定 */
	height:70px;/* このブロック自体の高さを指定 */
	color:#000000;/* フォントの色を指定 */
	font-weight:normal;/* 太字にしたい場合は、boldへ */
	font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;/* フォントの種類を設定 */
	margin:0;
}

/* ここからは、メインの部分の設定 */
.main{/* main部分全体を通した設定 */
	width:100%;/* 幅を全体を100とした場合、90%にしてくださいねという指定 */
	margin:0;/* 外余白の設定 */
}

.lead{ /* リード文の設定 */
	margin:30px 5% 0px 5%;/* 外余白の指定 */
	width:90%;
}

.lead p{ /* リード文の中身の設定 */
	font-size:0.8rem; /* フォントサイズの指定 */
	text-indent:1rem; /*文章のインデントを設定 */
	line-height:1.3em; /* フォントの高さを設定、ここを変えることで行間が変化 */
}

.all{ /* ここは、スマホ版ではあんまり関係ありません。 */
	display:block; /* ブロックとして表示 */
    width:100%;
    margin:0;
    padding:0;
}

.month{/* ここは、月ごとの表示を設定 */
	display:inline-flex;/* ブロックとして表示 */
	margin:3px 0 3px 0;/* 外余白を設定 */
}

.month .photo{ /* 画像（ここではバックナンバーの画像）の表示設定 */
	width:44%;/* 横幅を%で表示*/
	margin:0 1% 0 5%;
}

.month .photo img{
    width:100%;
}

.month .ground{/* 地の文の設定 */
	width:50%;
	display:block;
	margin:0;
}/* 月号や更新日などを表示するブロックを右側に表示し、横幅55%にしてくださいという指定 */

.month .ground h3{ /* 月号の文字設定 */
	font-size:1rem;/* フォントサイズの指定 */
	float:left;/* 左側に表示。これは、地の文のブロックの中で、左側に表示してという意味なので注意 */
	margin:5% auto 5% 10%;
	text-decoration:underline;/* 現在下線を引いています */
}

.month .ground p{ /* 更新予定の文字設定 */
	font-size:0.5rem;/* フォントサイズの指定 */
	float:left;/* 左側に表示。これは、地の文のブロックの中で、左側に表示してという意味なので注意 */
	margin:0 auto 0 8%;/* 外余白の指定、順に上・右・下・左で設定 */
}

.month .ground img{/* 画像（ここでは○月号（PDF）>という画像）のの表示指定 */
	float:center;/* 真ん中に表示 */
	width:80%;/* 横幅を%で表示。ここでの%は右側のgroundブロックに対しての表示なので要注意 */
	margin:10% 10% 0 10%;/* 外余白を設定 */
}



/* ここからはページのフッターの設定、適当に読み飛ばして*/
.foot_up_new{
	clear:both;
	height:32px;
	margin:0 0 0 0;
}
.copy{
	height:20px;
	font-size:10px;
	text-align:right;
	padding:2px;
	margin:4px 0 0 0;
}
.copy a{
	text-decoration:none;
}
.p-copy{
	height:20px;
	font-size:10px;
	text-align:right;
	padding:2px;
	margin:4px 0 0 0;
}