@charset "UTF-8";

/* 概要 */
.gaiyou-prog	{margin-bottom: 20px}

.gaiyou-prog a	{display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-decoration: none}

.gaiyou-prog a:hover	{box-shadow: 0 0 10px #dddddd}

.gaiyou-prog img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom}

.gaiyou-prog h1	{margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px;
	font-weight: normal; }

.gaiyou-prog p	{margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px}

.title h1	{margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 20px #9A9A9A;
	font-size: 24px;
	font-weight: normal}


/* 続きを読む */
.more	{display: inline-block;
	padding: 5px 15px;
	background-color: #9A9A9A;
	color: #ffffff}

.more i	{margin-left: 10px}


/* ########### 600px以上 ########### */
@media (min-width: 600px) {

/* 概要を横に並べる設定 */
.boxA-1:after	{content: "";
	display: block;
	clear: both}

.boxA-1 .gaiyou-prog{float: left;
	width: 50%}

.boxA-1 .gaiyou-prog:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.boxA-1 .gaiyou-prog:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {
	
	.pickup h1{
		font-size: 28px;
		font-weight:normal;}

	.title h1	{
		font-size: 28px;}
	
}


/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {

/* ボックスの左右に確保する余白 */
.boxA-0,.boxB
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}
}