#Personal h3 {
	background: #E44C5E;
	text-align: center;
}
	@media(min-width:1024px){
		#Personal h3 {
			text-align: left;
		}
	}

#Personal .h3Inner {
	padding: 1rem 0 1rem 2rem;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: .2rem;
	background: url(../img/icon/Icon-h3W.png) no-repeat 0% 50%;
	background-size: 16px;
	color: #fff;
	text-shadow: 0 0 .4rem #7d0a0a;
}
	@media(min-width:1024px){
		#Personal .h3Inner {
			padding: 1rem 0 1rem 2rem;
			font-size: 1.4rem;
			letter-spacing: .2rem;
			background-size: 16px;
		}
	}

#Personal h4 {
	margin: 1rem 0 0 0;
	font-size: 1.1rem;
	font-weight: normal;
	color: #ef0366;
	line-height: 1.5;
	text-shadow: 1px 1px 0 #f9ccdf;
}
	@media(min-width:1024px){
		#Personal h4 {
			margin: 1rem 0 0 0;
			font-size: 1.4rem;
		}
	}

#Personal .h3Down{
	margin: 1rem 0;
	overflow: visible;
}
	@media(min-width:1024px){
		#Personal .h3Down{
			overflow: hidden;
		}
	}

#Personal .h3Down h5 {
	margin: 0 0 .2rem 0;
	padding: 0 1rem .2rem 1rem;
	font-size: 1rem;
	text-align: center;
	font-weight: normal;
	color: #E44C5E;
	border-bottom: 1px solid #E44C5E;
}
	@media(min-width:1024px){
		#Personal .h3Down h5 {
			margin: 0 0 .2rem 0;
			padding: 0 0 .2rem 0;
			font-size: 1.2rem;
			text-align: left;
		}
	}

#Personal .h3Down .h3DownLeft {
	width: 100%;
	float: none;
}
	@media(min-width:1024px){
		#Personal .h3Down .h3DownLeft {
			width: 48%;
			float: left;
		}
	}

#Personal .h3Down .h3DownRight {
	width: 100%;
	float: none;
}
	@media(min-width:1024px){
		#Personal .h3Down .h3DownRight {
			width: 48%;
			float: right;
		}
	}

#Personal .h3Down .h3DownRight img {
	margin: 0 0 1rem 0;
	box-shadow: .2rem .2rem .4rem #333;
}
	@media(min-width:1024px){
	}

#Personal .PersonalList {
}
	@media(min-width:1024px){
	}

#Personal .PersonalList ul {
	padding: 0 0 0 2rem !important;
	list-style: disc !important;
}
	@media(min-width:1024px){
	}

#Personal .PersonalList ul li {
	margin: .5rem 0 !important;
	padding: 0 !important;
	width: 100% !important;
	color: #E44C5E !important;
	box-shadow: none !important;
}


#Personal .InArea {
	margin-bottom: 4rem;
}
	@media(min-width:1024px){
	}

#Personal .InArea .BtnSyousai {
	padding: .5rem 1rem;
	text-align: center;
	border-radius: .5rem;
	box-shadow: 0 0 0 #999;
	transition: all .2s linear;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
	@media(min-width:1024px){
	}

#Personal .InArea .BtnSyousai:hover {
	box-shadow: 0 0 .4rem #999;
}
	@media(min-width:1024px){
	}

#Personal .InArea .BtnSyousai a {
	width: 100%;
	height: 100%;
	display: block;
	color: #0F69AC;
	text-decoration: none;
}
	@media(min-width:1024px){
	}

#Personal .InArea h4 {
	margin: 0 0 .5rem 0;
	padding: 1rem 1rem .6rem 1rem;
	color: #0F69AC;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: .1rem;
	background: url(../img/DotLine.png) repeat-x 0% 100%;
}
	@media(min-width:1024px){
	}

#Personal .InArea .Area1Column {
	padding: 0;
	overflow: hidden;
}
	@media(min-width:1024px){
		#Personal .InArea .Area1Column {
			padding: 0 1.5rem 1.5rem 0;
			overflow: hidden;
		}
	}

#Personal .InArea .Area1Column .A1CLeft {
	width: 100%;
}
	@media(min-width:1024px){
	}

#Personal .H6Title {
	margin: .5rem 0;
	padding: .4rem;
	font-size: 1rem !important;
	font-weight: bold !important;
	color: #E44C5E;
	background: #fff3f5;
	text-align: center;

}
	@media(min-width:1024px){
		#Personal .H6Title {
			margin: 1rem 0;
			padding: .4rem 1rem;
			font-size: 1.2rem !important;
			text-align: left;
		}
	}

#Personal .InArea .Area2Column {
	padding: 0;
	overflow: hidden;
}
	@media(min-width:1024px){
		#Personal .InArea .Area2Column {
			padding: 0 1.5rem 1.5rem 0;
		}
	}

#Personal .InArea .Area2Column .A2CLeft {
	width: 100%;
	float: none;
}
	@media(min-width:1024px){
		#Personal .InArea .Area2Column .A2CLeft {
			width: 55%;
			float: left;
		}
	}

#Personal .InArea .Area2Column .A2CLeft h6 {
	padding: .5rem 1rem;
	font-size: 1rem;
	color: #E44C5E;
	font-weight: normal;
}
	@media(min-width:1024px){
		#Personal .InArea .Area2Column .A2CLeft h6 {
		}
	}

#Personal .StarList ul {
	list-style: none;
}
	@media(min-width:1024px){
	}

#Personal .StarList ul li {
	width: 100% !important;
	margin: .5rem 0 !important;
	padding: 0 0 0 2rem !important;
	border-bottom: 1px solid #ddd !important;
	background: url(../img/icon/icon-Star.png) no-repeat 0% 50% !important;
	background-size: 16px !important;
	box-shadow: none !important;
	color: #E44F17 !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn3 {
	background: #e2f3ff;
	padding: 1rem !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn3 ul {
	list-style: none;
	padding: 0 !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn3 ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .BlueSquereColumn3 ul li {
	margin: 0 !important;
	padding: 0 0 0 1.5rem !important;
	box-shadow: none !important;
	width: 100%!important;
	color: #333 !important;
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn3 ul li {
			width: -webkit-calc(100%/3) !important;
			width: calc(100%/3) !important;
			line-height: 2.2rem;
		}
	}

#Personal .BlueSquereColumn3 ul li:nth-child(7) {
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn3 ul li:nth-child(8) {
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn3 ul li:nth-child(9) {
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 45% !important;
	background-size: 16px !important;
	position: relative;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn3 .Small {
	position: absolute;
	top: 1.3rem;
	font-size: .7rem;
}

#Personal .BlueSquereColumn2 {
	background: #e2f3ff;
	padding: 1rem !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn2 ul {
	list-style: none;
	padding: 0 !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn2 ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .BlueSquereColumn2 ul li {
	margin: 0 !important;
	padding: 0 0 0 1.5rem !important;
	box-shadow: none !important;
	width: 100%!important;
	color: #333 !important;
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn2 ul li {
			width: -webkit-calc(100%/2) !important;
			width: calc(100%/2) !important;
			line-height: 2.2rem;
		}
	}

#Personal .BlueSquereColumn1 {
	background: #e2f3ff;
	padding: 1rem !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn1 ul {
	list-style: none;
	padding: 0 !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1 ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .BlueSquereColumn1 ul li {
	margin: 0 !important;
	padding: 0 0 0 1.5rem !important;
	box-shadow: none !important;
	width: 100%!important;
	color: #333 !important;
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1 ul li {
			width: 100% !important;
			line-height: 1.5rem;
		}
	}

#Personal .BlueSquereColumn1SP {
	background: #e2f3ff;
	padding: 1rem !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn1SP ul {
	list-style: none;
	padding: 0rem !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1SP ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .BlueSquereColumn1SP ul li {
	margin: 0 0 .5rem 0 !important;
	padding: 0 0 0 1.5rem !important;
	box-shadow: none !important;
	width: 100%!important;
	color: #333 !important;
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 49% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1SP ul li {
			width: 100% !important;
			line-height: 1.5rem;
		}
	}

#Personal .BlueSquereColumn1SP ul li:nth-child(1) {
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 15% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
	}


#Personal .BlueSquereColumn1SP ul li:nth-child(7) {
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 9% !important;
	background-size: 16px !important;
	position: relative;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn1SP2 {
	background: #e2f3ff;
	padding: 1rem !important;
}
	@media(min-width:1024px){
	}

#Personal .BlueSquereColumn1SP2 ul {
	list-style: none;
	padding: 0rem !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1SP2 ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .BlueSquereColumn1SP2 ul li {
	margin: 0 0 .5rem 0 !important;
	padding: 0 0 0 1.5rem !important;
	box-shadow: none !important;
	width: 100%!important;
	color: #333 !important;
	background: url(../img/icon/Icon-Square.png) no-repeat 0% 10% !important;
	background-size: 16px !important;
}
	@media(min-width:1024px){
		#Personal .BlueSquereColumn1SP2 ul li {
			width: 100% !important;
			line-height: 1.5rem;
		}
	}

#Personal .Area2Column .A2CRight {
	width: 100%;
	float: none;
}
	@media(min-width:1024px){
		#Personal .Area2Column .A2CRight {
			width: 42%;
			float: right;
		}
	}

#Personal .RBtnArea {
	overflow: hidden;
}
	@media(min-width:1024px){
	}

#Personal .RBtnArea h5 {
	width: 100%;
	margin: 0 0 .5rem 0;
	padding: .5rem 1rem .5rem 1rem;
	color: #E44C5E;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	background: url(../img/HTitleBg2.png) no-repeat 0% 100%;
}
	@media(min-width:1024px){
		#Personal .RBtnArea h5 {
			margin: 0 0 .5rem 0;
			padding: .5rem 1rem .5rem 1rem;
			font-size: 1.2rem;
			font-weight: normal;
			text-align: left;
		}
	}

#Personal .BtnArea {
	overflow: hidden;
}
	@media(min-width:1024px){
	}

#Personal .PriceBtn {
	float: none;
	width: 100%;
	margin: 1rem 0;
	overflow: hidden;
	padding: .3rem .5rem;
	border-radius: .4rem;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	box-shadow: .1rem .1rem .4rem #666;
}
	@media(min-width:1024px){
		#Personal .PriceBtn {
			float: right;
			width: 45%;
			margin: 1rem 0;
			padding: .3rem 4rem;
			box-shadow: .1rem .1rem .4rem #666;
		}
	}

#Personal .PriceBtn a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	color: #e44c5e;
	transition: all .3s linear;
}
	@media(min-width:1024px){
	}

#Personal .PriceBtn a:hover {
	color: #27a712;
}
	@media(min-width:1024px){
	}

#Personal .ResultBtn {
	float: none;
	width: 100%;
	margin: 1rem 1rem 1rem 0 ;
	overflow: hidden;
	padding: .3rem .5rem;
	border-radius: .4rem;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	box-shadow: .1rem .1rem .4rem #666;
}
	@media(min-width:1024px){
		#Personal .ResultBtn {
			float: left;
			width: 45%;
			margin: 1rem 1rem 1rem 0 ;
			padding: .3rem 4rem;
			box-shadow: .1rem .1rem .4rem #666;
		}
	}

#Personal .ResultBtn a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #e44c5e;
	transition: all .3s linear;
}
	@media(min-width:1024px){
	}

#Personal .ResultBtn a:hover {
	color: #27a712;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea {
	margin: 3rem .5rem 0 0;
	position: relative;
	box-shadow: 0 0 .4rem #989898;
	border-radius: .4rem;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea p {
	margin: .5rem 1rem 0 1rem;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea h5 {
	padding: .2rem .5rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2c4ca+51,f2c4ca+53,f3d8dc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,196,202,1) 51%, rgba(242,196,202,1) 53%, rgba(243,216,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,196,202,1) 51%,rgba(242,196,202,1) 53%,rgba(243,216,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,196,202,1) 51%,rgba(242,196,202,1) 53%,rgba(243,216,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3d8dc',GradientType=0 ); /* IE6-9 */
	border-bottom: none;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea h5 .h5Inner {
	margin: .5rem 0 .5rem 1rem;
	padding: 0 0 0 1rem;
	letter-spacing: .1rem;
	color: #E44C5E;
	border-left: 2px solid #E44C5E;
	font-weight: normal;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea h6 {
	padding: .2rem;
	color: #fff;
	font-weight: normal;
	background: #E44C5E;
	text-align: center;
	border-radius: 0 0 .4rem .4rem;
}
	@media(min-width:1024px){
		#Personal .CpdArea h6 {
			padding: .2rem .5rem;
		}
	}

#Personal .CpdArea ul {
	list-style: disc !important;
	list-style-position: outside !important;
	padding: .5rem 1rem 1rem 4rem !important;
	display: -webkit-flex !important; /* Safari */
	display: flex !important;
	-webkit-flex-wrap: wrap !important; /* Safari */
	flex-wrap: wrap !important;
	-webkit-justify-content: flex-start !important; /* Safari */
	justify-content: flex-start !important;
	-webkit-align-items: flex-start !important; /* Safari */
	align-items: flex-start !important;
	z-index: 999;
}
	@media(min-width:1024px){
		#Personal .CpdArea ul {
			padding: .5rem 10rem 1rem 2rem !important;
		}
	}

#Personal .CpdArea ul li {
	width: -webkit-calc(100%/3.29) !important;
	width: calc(100%/3.29) !important;
	margin: 0 .2rem !important;
	padding: 0 !important;
	box-shadow: none !important;
	font-size: .8rem !important;
}
	@media(min-width:1024px){
	}

#Personal .CpdArea .JMap {
	width: 40%;
	position: absolute;
	top: 20%;
	left: 65%;
	opacity: .7;
	z-index: 0;
}
	@media(min-width:1024px){
		#Personal .CpdArea .JMap {
			width: 50%;
			top: -10%;
			left: 50%;
		}
	}


#Personal .CpdArea .JMap img {
	box-shadow: none;
}

#Personal .CheckPoint {
}
	@media(min-width:1024px){
	}

#Personal .CheckPoint ul {
	padding: 0 !important;
	list-style: none !important;
}
	@media(min-width:1024px){
	}

#Personal .CheckPoint ul li {
	width: 100% !important;
	box-shadow: none !important;
	padding: 0rem !important;
}
	@media(min-width:1024px){
	}

#Personal .CheckPoint ul li h6 {
	font-size: 1.2rem !important;
	padding: 1% 0 0 32% !important;
	margin: 0 0 .5rem 0 !important;
	line-height: 1.2;
}
	@media(min-width:1024px){
		#Personal .CheckPoint ul li h6 {
			font-size: 1.4rem !important;
			padding: 35px 0 0 210px !important;
			margin: 0 0 .5rem 0 !important;
			line-height: 1.2;
		}
	}

#Personal .CheckPoint .BgH601 {
	background: url(../img/CheckPoint01.png) no-repeat ;
	background-size: 30%;
}
	@media(min-width:1024px){
		#Personal .CheckPoint .BgH601 {
			background: url(../img/CheckPoint01.png) no-repeat ;
			background-size: 39%;
		}
	}

#Personal .CheckPoint .BgH602 {
	background: url(../img/CheckPoint02.png) no-repeat ;
	background-size: 30%;
}
	@media(min-width:1024px){
		#Personal .CheckPoint .BgH602 {
			background: url(../img/CheckPoint02.png) no-repeat ;
			background-size: 39%;
		}
	}

#Personal .CheckPoint .BgH603 {
	background: url(../img/CheckPoint03.png) no-repeat ;
	background-size: 30%;
}
	@media(min-width:1024px){
		#Personal .CheckPoint .BgH603 {
			background: url(../img/CheckPoint03.png) no-repeat ;
			background-size: 39%;
		}
	}

#Personal .CheckPoint .BgH604 {
	background: url(../img/CheckPoint04.png) no-repeat ;
	background-size: 30%;
}
	@media(min-width:1024px){
		#Personal .CheckPoint .BgH604 {
			background: url(../img/CheckPoint04.png) no-repeat ;
			background-size: 39%;
		}
	}

#Personal .CheckPoint .BgH605 {
	background: url(../img/CheckPoint05.png) no-repeat ;
	background-size: 30%;
}
	@media(min-width:1024px){
		#Personal .CheckPoint .BgH605 {
			background: url(../img/CheckPoint05.png) no-repeat ;
			background-size: 39%;
		}
	}


#Personal .InArea ul {
	list-style: none;
	padding: 1rem;
}
	@media(min-width:1024px){
		#Personal .InArea ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-justify-content: space-between; /* Safari */
			justify-content: space-between;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .InArea ul li {
	width: 100%;
	margin: .7rem 0;
	padding: 1rem;
	box-shadow: 0 0 .6rem #999;
}
	@media(min-width:1024px){
		#Personal .InArea ul li {
			width: -webkit-calc(100%/2.05);
			width: calc(100%/2.05);
		}
	}

#Personal .InArea ul li h5 {
	margin: 0 0 1rem 0;
	padding: 0 0 .5rem 0;
	text-align: center;
	color: #E44C5E;
	font-size: 1rem;
	letter-spacing: .1rem;
	background: url(../img/PDotLine.png) repeat-x 0% 100%;
}
	@media(min-width:1024px){
		#Personal .InArea ul li h5 {
			margin: 0 0 1rem 0;
			padding: 0 0 .5rem 0;
			font-size: 1.2rem;
			letter-spacing: .2rem;
		}
	}

#Personal .InArea ul li .DtBtn {
	margin: 1rem 0 0 0;
	padding: .1rem;
	border-radius: .4rem;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	border: 1px solid #999;
	box-shadow: .1rem .1rem .2rem #999;

}
	@media(min-width:1024px){
	}

#Personal .InArea ul li .DtBtn a:before {
	content: '> ';
}
	@media(min-width:1024px){
	}


#Personal .InArea ul li .DtBtn a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #E44C5E;
	transition: all .3s linear;
}
	@media(min-width:1024px){
	}

#Personal .InArea ul li .DtBtn a:hover {
	color: #27a712;
}
	@media(min-width:1024px){
	}


#Personal .PBtnArea {
	padding: 0;
	text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
	@media(min-width:1024px){
		#Personal .PBtnArea {
			padding: 1rem 0;
		}
	}

#Personal .PBtnArea ul {
	list-style: none;
	padding: .5rem;
}
	@media(min-width:1024px){
		#Personal .PBtnArea ul {
			padding: .5rem;
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
			-webkit-justify-content: space-between; /* Safari */
			justify-content: space-between;
			-webkit-align-items: stretch; /* Safari */
			align-items: stretch;
		}
	}

#Personal .PBtnArea ul li {
	margin: .5rem 0;
	padding: .5rem;
	width: 100%;
	text-align: center;
	box-shadow: 0.1rem 0.1rem 0.4rem #666;
	border-radius: .4rem;
}
	@media(min-width:1024px){
		#Personal .PBtnArea ul li {
			margin: .5rem 1rem;
			width: -webkit-calc(100%/3.4);
			width: calc(100%/3.4);
		}
	}

#Personal .PBtnArea ul li h6 {
	margin: 0 0 .5rem 0;
	padding: .5rem;
	color: #ff9900;
	border-radius: .4rem;
	border: 1px solid #ff9900;
}
	@media(min-width:1024px){
	}

#Personal .PBtnArea ul li p {
	margin-bottom: .5rem;
	line-height: 1.2rem;
}
	@media(min-width:1024px){
	}

#Personal .PBtnArea ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #e44c5e;
	text-decoration: none;
	transition: all .3s linear;
}
	@media(min-width:1024px){
	}

#Personal .PBtnArea ul li a:after {
	content: ' ➡︎';
}
	@media(min-width:1024px){
	}

#Personal .PBtnArea ul li a:hover {
	color: #27a712;
}
	@media(min-width:1024px){
	}