@charset "SHIFT_JIS";


@media screen and (max-width:768px){
	body#newsDetail div#contentBodyMain div#AreaTitle{
		width:100% !important;
	}
	div#contentAll,
	div#contentBody,
	div#contentBodyMain,
	div#contentBodyNav,
	div#AreaBred,
	div#AreaBred ul.breadcrumb,
	div#AreaTitle,
	#contentBodyMain div#AreaTitle h1,
	div#contentFoot{
		width:100%;
		float: none;
		box-sizing: border-box;
	}
	div#contentFootSP{
		margin-top: 30px;
	}
	div#contentBody {
		margin: 0;
		padding: 0 10px;
	}
	div#contentBodyMain {
		margin: 0;
		padding: 0;
	}
	div#AreaBred {
		border: 1px solid #CCCCCC;
		background-color: #F5F5F5;
		background-image: none;
		border-radius: 3px;		/* CSS3 */
	}
	div#AreaBred ul.breadcrumb {
		background-image: none;
	}
	div#AreaTitle {
		min-height: auto;
	}
	div#contentBodyNav {
		display: none;
	}

	/* common layout
	------------------------------------------------*/
	img{
		max-width: 100%;
		height: auto;
	}
	a{
		word-wrap: break-word;
		display: block;
	}

	/* basic layout
	------------------------------------------------*/
	/*AreaTitle ul*/
	div#AreaTitle ul.search{
		height:20px;
		position: static;
		width:100%;
		margin: 10px 0px 0px 0px;
		display: block;
		box-sizing: border-box;
	}
	/*AreaTitle ul li*/
	div#AreaTitle ul li{
		height:18px;
		position: static;
		margin:0px;
		display: inline-block;
		vertical-align: middle;
	}
	/*AreaTitle ul li.serchBtn*/
	div#AreaTitle ul.search li.serchBtn{
		position: static;
		margin:0px;
		padding:0px;
	}
	
	/*ul.breadcrumb li span*/
	div#AreaBred ul.breadcrumb li span{
		word-break:normal;
	}
	
		/*TitleImage*/
		div#AreaTitle div.TitleImage{
			width:100%;
			float:none;
		}



/* partsCSS
-----------------------------------------------------*/
/*div#AreaTitle p*/
body#newsDetail #contentBodyMain div#AreaTitle p{
	min-height:auto;
	_height:auto;
}
#contentBodyMain div#AreaTitle p{
	min-height:auto;
	_height:auto;
}
#contentBodyMain ul.pageForward{
	text-align: center;
}
#contentBodyMain ul.pageForward > li{
	display: inline-block;
	vertical-align: middle;
}
#contentBodyMain ul.pageForward > li a{
	display: inline-block;
	padding: 0 2px;
}
#contentBodyMain ul.pageForward + table.tableLiA,
#contentBodyMain ul.pageForward + table.tableLiA tbody,
#contentBodyMain ul.pageForward + table.tableLiA tbody tr,
#contentBodyMain ul.pageForward + table.tableLiA tbody tr th,
#contentBodyMain ul.pageForward + table.tableLiA tbody tr td{
	display: block;
}
#contentBodyMain ul.pageForward + table.tableLiA tbody tr th{
	padding-bottom: 3px;
}
#contentBodyMain ul.pageForward + table.tableLiA tbody tr td.Icon + td{
	padding-left: 20px;
	margin-top: -18px;
}
	/*block
================================================*/
		/* block all
		----------------------------------------------*/
		#contentBodyMain div.block1A,
		#contentBodyMain div.block2A,
		#contentBodyMain div.block3A,
		#contentBodyMain div.block3B{width:100%;}
	
			/*block2A*/
			#contentBodyMain div.block2A div.blockL{width:100%;float:none;}
			#contentBodyMain div.block2A div.blockR{width:100%;float:none;}

/* layoutCSS
-----------------------------------------------------*/	
/*WrapIconCategory*/
body#newsDetail div#contentBodyMain div#WrapIconCategory{
	width:100%;
}
body#newsDetail div#contentBodyMain div#WrapIconCategory + .block2A img{
	width:auto;
}
	/*AreaIcon*/
	body#newsDetail div#contentBodyMain div#WrapIconCategory div#AreaIcon{
		width:100%;
		float:none;
	}
	/*AreaCategory*/
	body#newsDetail div#contentBodyMain div#WrapIconCategory div#AreaCategory{
		width:100%;
		float:none;
	}

/* ʑΉ
-----------------------------------------------------*/	
	#editArea table{
		width: 100% !important;
	}

	#editArea .videoContainer iframe{
		width: 100% !important;
	}
}

