@charset "utf-8";

/*@media screen and (max-width:  960px)*/
@media screen and (max-width:  650px) ,
@media screen and (max-width:  480px) {

	/* fon-size */
		body{font-size: 1.4rem;/* 14px */}

}

/*---------------------------------------------------------------------------------【01】min-width: 1281～*/
@media screen and (min-width: 1280px) {}


/*---------------------------------------------------------------------------------【02】max-width: ～1280 ★実機確認：iPad(Retina)・iPad miniヨコ */
@media screen and (max-width: 1280px) {

.wrap{padding:3em 10px;width:96%;}
div#copyright p{margin:0px auto;width:96%;}

}


/*---------------------------------------------------------------------------------【03】max-width: ～960 ★実機確認：iPad(Retina)・iPad miniタテ */
@media screen and (max-width:  960px) {}


/*---------------------------------------------------------------------------------【04】max-width: ～650 ★実機確認：iPhoneヨコ*/
@media screen and (max-width:  650px) {

header#header h1{font-size:1.50rem;}

	/* width */
	.col_02,
	.col_03,
	.col_04{width:100%;}

	/* fon-size */
	
	.mainTitle{font-size:2.95rem;}
	.mainTitle span{font-size:1.77rem;}

	.col_01pL .post_title,
	.col_01pR .post_title,
	.col_01pN .post_title{font-size:2.1rem;}/* 36px/10px */

	.col_02 .post_title{font-size:1.8rem;}/* 21px/10px */

	.col_03 .post_title,
	.col_04 .post_title{font-size:1.5rem;}/* 15px/10px */

	.col_01pL .post_title,
	.col_01pR .post_title,
	.col_01pN .post_title{font-size:2.1rem;}/* 36px/10px */

	.col_02 .post_title{font-size:1.8rem;}/* 21px/10px */

	.col_03 .post_title,
	.col_04 .post_title{font-size:1.5rem;}/* 15px/10px */

	/* image */
	.post_img{width:100%;}
	.col_01pL .post_img{padding:0px 20px 0px 0px;}
	.col_01pR .post_img{padding:0px 0px 0px 20px;}

	.col_02 .post_img,
	.col_03 .post_img,
	.col_04 .post_img{padding:0px 0px 0.5em 0px;width:100%;float:none;}

	/* block */
	footer#footer address span{display:block;}
}


/*---------------------------------------------------------------------------------【05】max-width: ～480 ★実機確認：iPhoneタテ*/
@media screen and (max-width:  480px) {

header#header h1{font-size:1.5rem;}

	/* width */
	.col_02{width:100%;}

	/* image */
	.col_02 .post_img,
	.col_03 .post_img,
	.col_04 .post_img{padding:1em 0px 0px 0px !important;width:100%;float:none;}


}