@charset "utf-8";
/* CSS Document */
.pcareaa{
	display:block;	
}

.spareaa{
	display:none;
	-webkit-text-size-adjust: 100%;
	
}
@media only screen and (max-width:767px) {
	body {
	  /* 画像ファイルの指定 */
		  background-image: none;

	}
	
	.pcareaa{
		display:none;	
	}

	.spareaa{
		display:block;
		-webkit-text-size-adjust: 100%;

	}	



	.spareaa header{
		width:100%;
		background: #579749;
		border-bottom:3px solid #333;
		height: 56px;
	}
	.spareaa header h1{
		width:100%;
		line-height: 56px;
		font-size:16px;
		position: absolute;
		top:5px;
		left:0;
		text-align: center;
		width: 100%;
		background-color:none;
		background:none;
		opacity: 1;
		text-shadow:1px 1px 0px #000000;
		color: #FFF;
	}	
	.spareaa header .icon1{
		position: absolute;
		left:0;
		top:0;
		height: 56px;
	}	
	.spareaa header .icon2{
		position: absolute;
		right:0;
		top:0;
		height: 56px;
	}	
	.spareaa img{
		width: 100%;
		height: auto;
	}
	.spareaa header img{
		height:56px;
		width:auto;
	}
	.newstitle{
		border-top:1px solid #68be59;
		border-bottom:1px solid #333;
	}
	#newslinesp{
		width:100%;
		margin:0;
		padding: 0;
	}
	#newslinesp li{
		width:100%;
		list-style: none;
	}
	#newslinesp li a{
		width:100%;
		list-style: none;
		display: block;
		line-height: 46px;
		font-size:12px;
		background: #e9e9e9;
		padding-left:36px;
		box-sizing: border-box;
		background-image:url(../image/sp/newicon1.png) ;
		background-repeat:no-repeat;
		background-size: 15px 23px;
		position: relative;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #333;
		background-position: 19px 11px;
		color: #333;
		text-decoration: none;
	}
	#newslinesp li a img{
		position: absolute;
		width: 5px ;
		height: auto;
		right: 12px;
		top:18px;
	}
	#splay{
		overflow: hidden;
	}
	.spmenu{
		width:89%;
		border-left: 2px solid #000000;
		border-bottom: 2px solid #000000;
		background: url(../image/sp/menuback.jpg);
		position: absolute;
		top:0;
		right: -800px;
		display:none;
	}
	.spmenu img{
		width:100%;
		height: auto;
	}
	.spmenu .menuhead{
		width:100%;
	}
	.spmenu .menuhead img{
		width:100%;
		height: auto;
	}
	.spmenu .borderbar{
		width:100%;
		height: 3px;
		background:url(../image/sp/menuborder.png) repeat-x;
	}
	.spmenu .menulive1{
		padding:8px 9px 0 4px;
	}
	.spmenu .menulive2{
		padding:0px 9px 11px 4px;
	}
	.spmenu .menulive3{
		padding:0px 9px 11px 4px;
	}
	.spmenu .menulive3 .menuliveleft{
		width:14.5%;
		float: left;
		padding:24px 0% 0 1%;
		box-sizing: border-box;
	}
	.spmenu .menulive3 .menuliveright{
		border:solid 2px #333;
		background: #FFF;
		float: right;
		width: 84%;
		padding:2% 4.5%;
		box-sizing: border-box;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
		font-size:11px;
		line-height: 22px;
		
	}
	.spmenu p{
		width:100%;
		padding:0;
		margin: 0;
	}
	.spmenu p a{
		width:100%;
		display: inline-block;
		line-height: 43px;
		font-size:13px;
		box-sizing: border-box;
		padding:0 0 0 10px;
		color: #FFF;
		text-decoration: none;
		text-align: left;
	}
	.spmenu p a:hover{
		background: #aaa;
		color: #FFBE00;
	}
	.spmenu p a img{
		width:24px;
		height: auto;		
		vertical-align: middle;
	}
	.spmenufootlogo{
		width:80%;
		margin:20px auto 30px;
	}
	.totop{
		width:20%;
		position: fixed;
		bottom:10px;
		right: 10px;
	}
	#spmenubtn,#spmenurightbtn{
		cursor: pointer;
	}
	
	/* kazou page*/
	#content {
	font-size:14px;
    position: static;
 
	}
	#rap {
		margin: 0 auto 0 auto;
		width: 96%;
	}
	#rap img{
		margin: 2% auto;
		width: 96%;
		height: auto;
		display: block;
	}
	
	h1.pagemtitle {
		width:100%;
		text-align: center;
		border-bottom: 1px solid #333;
		font-size:14px;
	}


	/*shiryou*/
	
	#content div.post div.storycontent li,div.main div.left ul li{
		width:48%;
		height:auto;
		margin-bottom:0;
	}
	#content div.post div.storycontent li a,div.main div.left ul li a{
		width:100%;
		height:auto;
	}
	.sphead{
		border-bottom: 2px solid #304909;
	}
	
	div.storycontent .body1link ul{
		padding:0;
	}
	.storycontent .body_area .body2_1_2{
		width:90%;
		margin-left: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.storycontent .body_area .body2_1_2 li{
		width:100%;
		margin-bottom:3%;
	}
	table{
	width:100%;
	}
	.scroll{
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
	}
	#content div.post div.storycontent ul, #content div.post div.storycontent ol {
		padding: 0;
		box-sizing: border-box;

	}
	
	
	
}/*end*/