/*
pr_areaウィジェットを出力すると最上部のdivタグは次のような構造になっています。
<div class="widget widget_pr_area" id="pr_area-[連番]">

pr_areaウィジェットの編集時には、下記のように上記連番付きIDを指定した記述を心掛けてください。
#pr_area-0 a{
	color:rgb(255,0,0);
}
#pr_area-1 a{
	color:rgb(0,255,0);
}
*/

/*pr_area-9 animation 左右からのための記述*/
.pr_content_area{
	margin:100px 0px 50px 0px;
}
.pr_content_area .widget{
	width:100%;
}
#pr_area-9 h2{
	border:none;
	border-bottom:1px solid;
}
#pr_area-9 img{
	height:5em;
}
#pr_area-9>div>div>a>.blt_fadein_right,#pr_area-9>div>div{
	text-align:center;
}
#pr_area-9>div>div>a>div{
	margin-top:25px;
    width:50%;
    display:inline-block;
    text-align:center;
    transition:0.5s ease-in;
}
#pr_area-9>div>div>a>div>*{
	transition:0s;
}
#pr_area-9>div>div>a:first-child>div{
	margin-right:0%;
	padding:15px;
	border:1px solid #e6e6e600;
}

#pr_area-9>div>div>a:nth-of-type(n+2)>div{
	margin-left:0%;
	padding:15px;
	border:1px solid #e6e6e600;
}
#pr_area-9>div>div>a:first-child>div:hover,#pr_area-9>div>div>a:nth-of-type(n+2)>div:hover{
	box-shadow:0px 0px 5px rgba(183, 183, 183, 0.61);
}
@media(max-width:999px){
    #pr_area-9>div>div>a>div{
	    width: 100%;
	    display: block;
	    /* margin-right: auto; */
	}
	#pr_area-9>div>div>a:first-child>div{

	}
	#pr_area-9>div>div>a:nth-of-type(n+2)>div{

	}
	.pr_content_area{
		margin:50px 0px 25px 0px;
	}
}
/*pr_content readmore*/
.pr_content span{
	position:relative;
	padding-left:23px;
}
.pr_content span:before{
	position:absolute;
	content:'';
	width:20px;
	height:20px;
	padding:5px;
	top:0px;
	left:0px;
	background-image:url('./img/list-icon1.svg');
	background-size:10px 10px;
	background-position:center;
	background-repeat:no-repeat;
}