@charset "utf-8";



/* -----------------------------------------------------------

CSS Information



 File name:      media-queries.css

 Author:         Your Name (admin)

 Style Info:     スマートフォン対応

----------------------------------------------------------- */

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {/* SmartPhone Display - width:640px under - */

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 100%;
	}

/* content */
	#main {
		width: 100%;
		float: none;
		margin: 0 0 0 0;
	}
	#main-inner {
  		margin: 7px;
  		padding: 0;
  		
}	

/* sidebar */
	#sub {
		width: 100%;
		margin: 0;
		float: none;
	}


/*フォントチェンジ*/
body#home #fontArea {
  display: none;
}
/*最近のサンプル記事一覧*/
#main-inner .Recent-Articles {
  -moz-border-radius: 1em 4em 1em 4em;
  -webkit-border-radius: 1em 4em 1em 4em;
  -moz-box-shadow: 4px 4px 0 #EEEEEE;
  -webkit-box-shadow: 4px 4px 0 #EEEEEE;
  background: #aaa;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  margin: 0;
  padding: 5px 20px;
}

/*ソーシャルメディア*/
#main-inner  ul#socialMedia {
  margin:  0;
  padding:10px 0 0 0;
  float: right;
}

/*記事一覧*/
#main #article-list li a {
 display: block;
}
#main #article-list li  span.bullet {
  display:none;
}


}