/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/

/*初めての方へ　マンスリーとは　領域*/
section div.first-division {
	margin:45px 0px 0px 0px;
	}

/*初めての方へ　マンスリーとは　挿絵*/
section div.first-division img {
	float:right;
	margin-left:20px;
	margin-bottom:36px;
	}

/*初めての方へ　マンスリーとは　ポインタ（H3）*/
section div.first-division h3 {
	background:url(../images/cmn/mark2.png) no-repeat 0px 4px;
	color:#008BBF;
	padding:0px 0px 0px 25px;
	}

/*初めての方へ　マンスリーとは　段落*/
section div.first-division>p {
	padding-left:26px;
	}

/*初めての方へ　マンスリーとは　注釈*/
section div.first-division>p.first-notice {
	font-size:11px;
	margin:-24px 0px 35px 18px;
	color:#EB6827;
	}

/*初めての方へ　マンスリーとは　用途リスト*/
section div.first-division ul.first-aim {
	margin:0px 0px 0px 42px;
	}
section div.first-division ul.first-aim>li {
	padding-left:16px;
	background:url(../images/cmn/mark3.png) no-repeat 0px 8px;
	width:250px;
	float:left;
	}

/*初めての方へ　マンスリー写真群*/
section div.first-photoes {
	margin:0px 0px 0px 18px;
	}
section div.first-photoes img {
	border:1px solid #ccc;
	margin-right:25px;
	margin-bottom:25px;
	}




/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　▼======================================*/
@media screen and (max-width: 960px) {

/*初めての方へ　マンスリー写真群*/
section div.first-photoes {
	margin:0px 0px 0px 18px;
	}
section div.first-photoes img {
	border:1px solid #ccc;
	width:220px;
	margin-right:15px;
	margin-bottom:15px;
	}

}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き）　▼======================================*/
@media only screen and (max-width:640px) {

/*初めての方へ　マンスリー写真群*/
section div.first-photoes {
	margin:-15px 0px 0px 5px;
	}
section div.first-photoes img {
	border:1px solid #ccc;
	width:165px;
	margin-right:10px;
	margin-bottom:10px;
	}

}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き）　▼======================================*/
@media only screen and (max-width:480px) {
 
 /*初めての方へ　マンスリーとは　挿絵*/
section div.first-division img {
	display:none;
	}



/*初めての方へ　マンスリー写真群*/
section div.first-photoes {
	margin:-15px 0px 0px 5px;
	}
section div.first-photoes img {
	border:1px solid #ccc;
	width:140px;
	}

}