#msgBox			{ background-color:#333; color:#fff;}

		.portfolio_pc_box				{ background-image:url('images_1/port_pc_icon_1.png') no-repeat left top;position:relative;max-width:350px;text-align:center;display:inline-block; }
		.portfolio_pc_box_img			{ position:absolute;top:4%;left:3%; }
		.portfolio_pc_box_img img		{ max-width:100%; }
		.portfolio_pc_box_text			{ color:#fff; width:100%;padding-top:30px; margin-left:30%; }

		.portfolio_mobile_box			{ background-image:url('images_1/port_pc_icon_1.png') no-repeat left top;position:relative;max-width:160px;text-align:center;display:inline-block; }
		.portfolio_mobile_box_img		{ position:absolute;top:8.5%;left:1.7% }
		.portfolio_mobile_box_img img   { max-width:94%; }
		.portfolio_mobile_box_text		{ color:#fff; width:150px;padding-top:25px; }

		.portfolio_up_down_space		{ height:30px; }
		.portfolio_up_down_space_big	{ padding-top:20px;border-bottom:1px solid #bbb; margin-bottom:30px;}

		#pf_category ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color:#fff;
		}

		#pf_category li { float:left;
			width:130px;
			font-size:20px;
		}

		#pf_category li a {
			display: block;
			text-align: center;
			padding: 16px;
			text-decoration: none;
			-webkit-transition:  0.5s; /* Safari */
			transition: 0.5s;
		}
		#pf_category li a:hover, .pf_category_on { color:#fff; background-color:#35618e; font-weight:700; }

		.pf { font-size:50px;}

		.portfolio_title:hover	{ color:#fff; }
		.portfolio_title:link	{ color:#fff; }
		.portfolio_title:visited	{ color:#fff; }

		.portfolio_site { background-color:#ef5864; padding:10px 20px; border-radius:20px; color:#fff !important;}
		.portfolio_site:link{ color:#fff;}
		.portfolio_site:visited{ color:#fff;}