@charset "utf-8";
/* _________________________________________________

CSS INDEX
_____________________________________________________

	1.ROOT
	2.HEADINGS
	3.LAYOUT

	4.LAYOUT MAIN COLUMN
	5.TOP NEWS
	6.RECOMMED APPLI
	7.CASE + ACCESSORIES
	8.FREE APPLI
	9.SALE TODAY

	10.ENTRIES(article)
	11.RELATED ENTRIES
	12.WRITERS
	13.SEARCH RESULTS

	14.SEARCH
	15.RANKING
	17.PAGER
	18.FOOTER

	18.SPECIFIC
*/


@import url(https://fonts.googleapis.com/css?family=Lato:400);

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot%3F11821937');
  src: url('font/fontello.eot%3F11821937') format('embedded-opentype'),
       url('font/fontello.woff%3F11821937') format('woff'),
       url('font/fontello.ttf%3F11821937') format('truetype'),
       url('font/fontello.svg%3F11821937') format('svg');
  font-weight: normal;
  font-style: normal;
}


.icon-star:before { content: '\e803'; }
.icon-facebook-circled:before { content: '\f30d'; }
.icon-star-half-alt:before { content: '\e804'; }
.icon-down-open:before { content: '\e75f'; }
.icon-left-open:before { content: '\e75d'; }
.icon-star-alt:before { content: '\e805'; }
.icon-up-open:before { content: '\e75c'; }
.icon-down-arrow:before { content: '\e800'; }
.icon-list:before { content: '\e801'; }
.icon-twitter-circled:before { content: '\f30a'; }
.icon-right-open:before { content: '\e75e'; }

/* 
1.ROOT
_________________________________________________ */
html {
	overflow-y: scroll;
}

html,body {
	/*font-family: Lato, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
	font-family: 'Lato', 'HelveticaNeue-Light', 'Droid Sans', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #000;
	background-color: #E32B93;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.4;
}
@media screen and (min-width: 990px) {
	body {
		padding: 8px 0 0 0;
		background: url(../img/bg.jpg) no-repeat center top #E32B93;
		background-size: 1820px;
	}
}

@media screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; }
}


	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		background: transparent;
		text-decoration: none;
		color: #137FB2;
	}
	a:hover { text-decoration: underline;}
	a:visited { color:#AB0A97;}

	.global_nav,
	.main_colum,
	#wrapper,
	table
	{
		border-radius: 10px;
	}

	.pc_hidden {
		display: none;
	}

	.wrap {
		width: 100%;
	}


	@media screen and (min-width: 990px) {

	}

	@media screen and (max-width: 989px) {
		.wrap {
			width: 100%!important;
			margin: 0!important;
			padding: 0!important;
			overflow: hidden!important;
		}
	}

	@media screen and (max-width: 479px) {

	}


/* 
2.HEADINGS
_________________________________________________ */
	.header {
		position: relative;
		margin: 0 auto;
	}
	.header .siteDesc {
		font-size: 10px;
		font-weight: normal;
	}

	.global_nav {
		background: #FFEF00;
		box-shadow:
			1px 1px 2px rgba(193,181,167,1.0),
			0px 1px 4px rgba(0,0,0,0.4),
			inset 0 0 3px 2px rgba(255,255,255,1.0);
	}
	.global_nav ul li {
		display: block;
		float: left;
		border-right: 1px solid #ECD713;
	}



	/* 
	14.SEARCH
	_________________________________________________ */
		#side-content .searchBox {
			float: left;
			padding-bottom: 10px;
		}

		.searchForm {
			margin: 10px;
		}
		.searchForm input {
			float: left;
			margin: 0;
			font-size: 112.5%;
			width: 215px;
			height: 24px;
			border: 1px solid #666;
			border-radius: 3px 0 0 3px / 3px 0 0 3px;
			padding-left: 5px;
			box-shadow: 0 0 1px rgba(0,0,0,0.4);
		}
		.searchForm button {
			float: left;
			margin: 0;
			font-size: 86%;
			background: #333;
			border: none;
			width: 60px;
			height: 24px;
			cursor: pointer;
			color: #fff;
			border-radius: 0 3px 3px 0 / 0 3px 3px 0;
			box-shadow: 0 0 1px rgba(0,0,0,0.4);
		}


		.header .searchForm {
			display: none;
		}




	@media screen and (min-width: 990px) {
		.header {
		    width: 990px;
			height: 110px;
		}
		.header .siteDesc {
			position: absolute;
			top: 0;
			right: 0;
		}
		.siteID {
			width: 259px;
			position: absolute;
			bottom: 16px;
			left: 0;
		}
		.headerAdArea {
			position: absolute;
			bottom: 0px;
			right: 0;
		}

		.global_nav {
			clear: both;
			width: 990px;
			height: 40px;
			margin: 0 auto 0 auto;
			border-radius: 10px;
		}
		.global_nav ul {
			list-style: none;
			overflow: hidden;
			text-align: center;
		}
		.global_nav ul li {
			z-index: 1100;
			height: 40px;
		}
		.global_nav ul li:last-child {
			border-right: none;
		}
		.global_nav ul li a {
			color: #555;
			display: block;
			font-weight: bold;
			height: 100%;
			line-height: 40px;
			padding: 0 18px;
		}
		.global_nav ul li.gnav_sns a {
			padding: 0;
		}

		.global_nav ul li.current a,
		.global_nav ul li a:hover {
			background-color: #FE9F01;
			color: #fff;
		}
		.global_nav ul li:first-child a {
			border-radius: 10px 0 0 10px / 10px 0 0 10px;
		}
	}/* min-width: 990px */


	@media screen and (max-width: 989px) {
		.header {
		  width: 100%;
		  height: 90px;
		}
		.header .siteDesc {
			text-align: center;
			width: 100%;
			position: static;
			color: #fff;
		}
		.header section{
			width: 100%;
		}

		.siteID {
			width: 100%;
			text-align: center;
		}

		.headerAdArea { display: none; }

		.global_nav {
			clear: both;
			width: 100%;
			margin: 0 auto;
			border-radius: 7px;
		}
		.global_nav ul {
			list-style: none;
			width: 100%;
			overflow: hidden;
			text-align: center;
		}
		.global_nav ul li {
			width: 25%;
			height: 40px;
			display: inline-block;
			text-align: center;
		}

		.global_nav ul li:nth-child(1),
		.global_nav ul li:nth-child(2),
		.global_nav ul li:nth-child(3),
		.global_nav ul li:nth-child(4) {
			border-bottom: 1px solid #ECD713;
		}

		.global_nav ul li a {
			color: #212626;
			display: block;
			width: 100%;
			height: 100%;
			line-height: 40px;
		}
		.global_nav ul li.gnav_sns {
			width: 12%;
		}
		.global_nav ul li a:hover{
			background-color:#FE9F01;
			color:#ffffff;
		}
	}

	@media screen and (max-width: 479px) {
		.header .searchForm {
			display: inline-block;
			width: 180px;
			height: 38px;
			overflow: hidden;
			position: absolute;
			top: 3px;
			right: 0;
			margin: 0;
		}
		.header .searchForm input {
			width: 70%;
			height: 32px;
		}
		.header .searchForm button {
			width: 25%;
			height: 32px;
			white-space: nowrap;
			padding: 0;
		}

		.header {
			width: 100%;
			height: 38px;
		}
		.Android header {
			overflow: hidden;
		}
		.header section {
			width: 100%;
		}
		.header .siteDesc {
			display: none;
		}
		.siteID {
			position: absolute;
			top: 0;
			left: -26px;
			text-align: left;
			width: 138px;
			height: 36px;
		}
		.siteID a {
			width: 100%;
			height: 100%;
			display: block;
		}
		.siteID a img {
			height: 36px;
		}






		.headerAdArea { display: none; }

		.global_nav {
			display: block;
			position: static;
			width: 100%;
			height: 45px;
			z-index: 9999999;
			background-color: #fff001;
			border-radius: 0;
		}

/*
		.global_nav.floating {
			position: fixed;
			top: 0;
			left: 0;
		}
*/
		.global_nav ul {
			width: 100%;
			height: 45px;
			display: block;
			text-align: center;
		}
		.global_nav ul:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.global_nav ul li {
			width: 20%;
			height: 45px;
			padding: 0;
			line-height: 1;
			border-radius: 0;
			position: relative;
			background-repeat: no-repeat;
			background-size: 70%!important;
			background-position: center 20%;
			border-bottom: none!important;
		}

		.global_nav ul li:nth-of-type(5),
		.global_nav ul li:nth-of-type(7),
		.global_nav ul li:nth-of-type(8),
		.global_nav ul li:nth-of-type(9) {
			display: none;
		}

		.global_nav ul li:nth-of-type(1) {
			background-image: url(../img/sp/1.png);
		}
		.global_nav ul li:nth-of-type(2) {
			background-image: url(../img/sp/2.png);
		}
		.global_nav ul li:nth-of-type(3) {
			background-image: url(../img/sp/3.png);
		}
		.global_nav ul li:nth-of-type(4) {
			background-image: url(../img/sp/4.png);
		}
		.global_nav ul li:nth-of-type(6) {
			background-image: url(../img/sp/5.png);
		}

		.global_nav ul li a {
			height: 100%;
			overflow: hidden;
			line-height: 1;
			padding: 0;
			text-indent: -65536em;
			display: block;
		}
		.global_nav ul li a:hover {
			background: transparent;
		}

	}/*max-width: 479px*/
















/* 
3.LAYOUT
_________________________________________________ */
	#wrapper {
		width: 100%;
		clear: both;
		padding: 0;
		margin: 0;
		background: #EFEBE0;
		/*overflow: hidden;*/
		box-shadow: 0px 0px 7px #a6a6a6;
	}
		#wrapper:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}

	#main-content {
		width: 100%;
		float: left;
	}
		#main-content .section,
		#main-content section {
			clear: both;
			background: #fff;
			padding: 10px 0 10px 0;
			margin-bottom: 10px;
			width: 100%;
			border-radius: 10px;
			box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		}
			#main-content .section:after,
			#main-content section:after {
				content: ".";
				clear: both;
				height: 0;
				font-size: 0;
				display: block;
				visibility: hidden;
			}

	#side-content {
		width: 100%;
		float: right;
	}
		#side-content .section,
		#side-content section {
			width: 100%;
			clear: both;
			background: #fff;
			margin-bottom: 10px;
			border: 1px solid #D3D3D3;
			border-radius: 10px;
			box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
		    zoom: 1;
		}
		#side-content .section:before,
		#side-content .section:after,
		#side-content section:before,
		#side-content section:after {
		    content: "";
		    display: table;
		}

		#side-content .section:after,
		#side-content section:after {
		    clear: both;
		}




		#side-content .section aside,
		#side-content section aside{
			padding-bottom: 10px;
		}

		#side-content .section ul li,
		#side-content section ul li {
			display: block;
			width: 100%;
			position: relative;
			border-bottom: 1px dotted #000;
			clear: both;
		}

		#side-content .section ul li:last-of-type,
		#side-content section ul li:last-of-type {
			border-bottom: none;
		}

		#side-content .section ul li.linkIndex,
		#side-content section ul li.linkIndex {
			padding: 3px 5px;
			clear: both;
		}
			#side-content .section ul li.linkIndex a,
			#side-content section ul li.linkIndex a {
				padding: 0;
				position: static;
				text-align: right;
				font-size: 87.5%;
				margin: 0.6em 0;
			}


		#side-content .section ul li a,
		#side-content section ul li a {
		    display: block;
		    font-size: 75%;
		    top: 0;
			left: 0;
		    padding: 5px 5px 5px 60px;
		    position: absolute;
		    z-index: 1000;
		}
		#side-content .section ul li img,
		#side-content section ul li img {
			width: 50px;
			margin: 5px;
			border-radius: 16%;
			box-shadow: 
			0px 6px 5px -3px rgba(0,0,0,.2),
			0px 5px 10px -10px rgba(0,0,0,1);
		}




		#side-content .section.media ul li {
			padding: 10px;
		}
		#side-content .section.media ul li a {
		    display: inline-block;
		    padding: 0;
		    position: static;
			font-size: 125%;
		}
		#side-content .section.media ul li.wholeAnchor {
			min-height: 130px;
		}
		#side-content .section.media ul li.wholeAnchor figure {
			margin: 0 0 0 0;
			padding: 0;
			width: 80px;
			border: none;
		}
		#side-content .section.media ul li.wholeAnchor figure img { 
			width: 100%;
			border-radius: 0;
			margin: 0;
		}
		#side-content .section.media ul li.wholeAnchor a {
			font-weight: 700;
			font-size: 112.5%;
			display: block;
			padding: 0 0 0 90px;
			margin-top: -117px;
			letter-spacing: -0.05em;
		}
		#side-content .section.media ul li.wholeAnchor p {
			line-height: 1.2;
			padding: 0 0 0 90px;
			display: block;
			font-size: 81.3%;
		}










	@media screen and (min-width: 990px) {
		#wrapper {
			width: 990px;
			padding: 5px 5px 0 5px;
			margin: 10px auto 10px auto;
		}
		#main-content {
			width: 670px;
		}
		#side-content {
			width: 300px;
		}
	}
	@media screen and (max-width: 989px) {
		#wrapper {
			width: 98%;
			margin: 5px auto;
			padding: 5px;
		}
	}
	@media screen and (max-width: 479px) {
		#wrapper {
			width: 100%;
			margin: 5px auto;
			padding: 0;
		}
		#side-content { float: none; }
	}




	/* App DB in side-content */
	.dbTab {
		width: 94%;
		margin: 6px auto;
	}
	.dbTab li {
		display: block;
		text-align: center;
		padding: 0.2em 0;
		font-weight: 700;
		white-space: nowrap;
		border-top: none!important;
		border-bottom: none!important;
		background: #ccc;
		color: #fff;
		clear: none!important;
	}
	.dbTab .dbTab1 {
		float: left;
		border: 1px solid #000!important;
		width: 27%!important;
		border-radius: 5px 0 0 5px / 5px 0 0 5px;
	}
	.dbTab .dbTab2 {
		float: left;
		width: 27%!important;
		border-top: 1px solid #000!important;
		border-bottom: 1px solid #000!important;
	}
	.dbTab .dbTab3 {
		float: right;
		border: 1px solid #000!important;
		width: 46%!important;
		border-radius: 0 5px 5px 0 / 0 5px 5px 0;
	}
	.dbTab .currentTab,
	.dbTab li:hover {
		background: #212626;
		color: #fff;
	}

	.dbWrap {
		width: 100%;
	}
	.dbItemWrap2 {
		display: none;
	}
	.dbItemWrap3 {
		display: none;
	}


	.appDB .dbItemWrap {
		list-style: none;
	}
	.appDB .dbItemWrap li {
		border: none;
	}
	.appDB .dbItemWrap li figure {
		width: 80px;
		text-align: right;
	}
	.appDB .dbItemWrap li a {
		overflow: hidden;
		white-space: nowrap;
		display: inline-block;
		text-overflow: ellipsis;
		float: left;
		width: 100%;
	    padding: 3px 0 0 85px!important;
	}
	.appDB .dbItemWrap li p {
	    display: block;
	    left: 0;
	    padding: 0 0 0 85px;
	    position: absolute;
	    z-index: 1000;
	}
	.appDB .dbItemWrap li .dbRank {
	    display: block;
	    left: 5px;
		top: 3px;
	    position: absolute;
	    z-index: 1000;
		width: 16px;
		text-align: center;
		height: 55px;
		font-size: 93.8%;
		line-height: 1;
		padding-top: 0.7em;
		background: #e3e3e3;
	}
		.dbRank.dbRank1 { background: #febd00!important; }
		.dbRank.dbRank2 { background: #bbbbbb!important; }
		.dbRank.dbRank3 { background: #f2bd8b!important; }

	.appDB .dbItemWrap li .dbPrice {
	    top: 18px;
	    font-size: 81.3%;
		color: #444;
	}

	.dbRate {
	    top: 36px;
		line-height: 1;
	    font-size: 81.3%;
		vertical-align: middle;
	}
	.dbRate:before {
		font-family: 'fontello';
		color: #ee8700;
	    font-size: 125%;
		line-height: 1;
		vertical-align: middle;
	}
	.dbRate.dbRate0:before { content:'\e805\e805\e805\e805\e805'; }
	.dbRate.dbRate5:before { content:'\e804\e805\e805\e805\e805'; }
	.dbRate.dbRate10:before { content:'\e803\e805\e805\e805\e805'; }
	.dbRate.dbRate15:before { content:'\e803\e804\e805\e805\e805'; }
	.dbRate.dbRate20:before { content:'\e803\e803\e805\e805\e805'; }
	.dbRate.dbRate25:before { content:'\e803\e803\e804\e805\e805'; }
	.dbRate.dbRate30:before { content:'\e803\e803\e803\e805\e805'; }
	.dbRate.dbRate35:before { content:'\e803\e803\e803\e804\e805'; }
	.dbRate.dbRate40:before { content:'\e803\e803\e803\e803\e805'; }
	.dbRate.dbRate45:before { content:'\e803\e803\e803\e803\e804'; }
	.dbRate.dbRate50:before { content:'\e803\e803\e803\e803\e803'; }






	#side-content .pickupSP ul li {
		display: block;
		position: static;
		border: none;
		text-align: center;
	}
	#side-content .pickupSP ul li a {
		padding: 5px 0;
		position: static;
		opacity: 1;
	}
	#side-content .pickupSP ul li a:hover {
		opacity: 0.8;
	}
		#side-content .pickupSP ul li a img {
			width: 260px;
			border-radius: 0;
		}



	#side-content .appDepartList ul li {
		height: 2.0em;
		line-height: 2.0em;
	}
	#side-content .appDepartList ul li a {
		padding: 0 0 0 1.0em;
		width: 100%;
		height: 100%;
		display: inline-block;
		position: relative;
		font-size: 100%;
	}
		#side-content .appDepartList ul li a:hover {
			background: #e42b93;
			color: #fff;
			text-decoration: none;
		}

	#side-content .appDepartList ul li:after {
		font-family: fontello;
		font-weight: normal;
		color: #71B129;
		content: "\e75e";
		position: absolute;
		right: 1.0em;

	}
	#side-content .appDepartList ul li:after:hover {
		color: #fff;
	}





	@media screen and (max-width: 989px) {

		#side-content .section,
		#side-content section {
			width: 48%;
			float: left;
			clear: none;
			margin: 0 1% 10px 1%!important;
		}

		#side-content .section:nth-child(odd),
		#side-content section:nth-child(odd) {
			float: right;
		}

		.pickupSP ul {
			text-align: center;
			padding: 10px;
		}
		.pickupSP ul li {
			width: 30%;
			display: inline-block;
		}
		.pickupSP ul li figure {
			width: 100%;
		}
		.pickupSP ul li a {
			width: 100%;
		}
		.pickupSP ul li a img {
			width: 100%;
			border-radius: none;
			margin: 0!important;
		}
		.pickupSP .linkIndex {
			height: 44px;
			line-height: 44px;
			width: 100%;
			clear: both;
			display: none;
		}





		.appDB .dbItemWrap {
			width: 100%;
			float: none;
			text-align: center;
		}
		.appDB .dbItemWrap .dbItem {
			width: 30%!important;
			display: inline-block!important;
			position: relative;
			padding: 0 1.5%;
			float: none!important;
			text-align: center!important;
			border: none!important;
		}
		.appDB .dbItemWrap .dbItem:nth-of-type(4),
		.appDB .dbItemWrap .dbItem:nth-of-type(5) {
			display: none!important;
		}
		.appDB .dbItemWrap .dbItem figure {
			width: 100%!important;
			text-align: center;
			margin: 0.2em 0 0 0;
			padding: 0;
		}
		.appDB .dbItemWrap .dbItem figure img {
			width: 100%!important;
			margin: 0!important;
		}
		.appDB .dbItemWrap .dbItem a {
			padding: 0;
			display: none;
		}
		.appDB .dbItemWrap .dbItem .dbPrice {
			display: none;
		}
		.appDB .dbItemWrap .dbItem p {
			padding: 0;
			position: static;
		}
		.appDB .dbItemWrap .dbItem .dbRank {
			height: auto;
			width: 100%;
			padding: 0.2em 0;
			position: static;
		}
		.dbRate {
			position: static;
		}
		.dbRate:before {
		    font-size: 91.3%;
		}
		.appDB .dbItemWrap .linkIndex {
			height: 44px;
			line-height: 44px;
			width: 100%;
			clear: both;
		}
	}/* max-width: 989px */


	@media screen and (max-width: 479px) {

		#side-content .section,
		#side-content section {
			width: 100%!important;
			padding: 0!important;
			margin: 0 0 10px 0!important;
			clear: both!important;
			float: none!important;
		}

		#side-content .pickupSP {
			display: none!important;
		}

		#side-content .famous_ranking {
			display: none!important;
		}
		#side-content .section ul li.linkIndex {
			text-align: center!important;
			padding: 6px 0;
		}
		#side-content .section ul li:nth-of-type(4),
		#side-content .section ul li:nth-of-type(5) {
			display: none;
		}
		#side-content .section.famous_ranking ul li:nth-of-type(4),
		#side-content .section.famous_ranking ul li:nth-of-type(5) {
			display: block;
		}
		#side-content .section.famous_ranking ul li:nth-of-type(6),
		#side-content .section.famous_ranking ul li:nth-of-type(7),
		#side-content .section.famous_ranking ul li:nth-of-type(8),
		#side-content .section.famous_ranking ul li:nth-of-type(9),
		#side-content .section.famous_ranking ul li:nth-of-type(10) {
			display: none;
		}

		form.searchForm input {
			float: left;
			margin: 0;
			font-size: 112.5%;
			width: 190px;
			height: 24px;
			border: 1px solid #666;
			border-radius: 3px 0 0 3px / 3px 0 0 3px;
			padding-left: 5px;
			box-shadow: 0 0 1px rgba(0,0,0,0.4);
		}

		#side-content .latestReview,
		#side-content .latestNews,
		#side-content .latestPickups,
		#side-content .reviewRecommend
		{
			display: none!important;
		}

		#side-content .appDepartList {
			width: 98%!important;
			margin: 0 1%!important;
		}
		#side-content .appDepartList ul li {
			height: 3.0em;
			line-height: 3.0em;
		}


	}/* max-width: 479px */


	.rectangle,
	.rectangleMain,
	.rectangleSide {
		text-align: center;
		clear: both;
	}







/* sectionTitle
____________________________________________________ */
	section h3,
	.sectionTitle {
		/*margin: 0 10px 10px 10px;*/
		width: 97%;
		margin: 0 auto 10px auto;


		font-size: 131.3%;
		font-weight: 700;
		color: #fff;
		padding: 0.8em 0.5em;
		position: relative;
		display: block;
		line-height: 1;
		border-radius: 8px;
		background: #71B129;
		background: linear-gradient(to bottom,  #71B129 0%,#71B129 100%);
		clear: both;
	}

	section h3 a,
	.sectionTitle a {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -0.8em;
		padding: 0.3em 0.5em;
		background: #FFE32C;
		color: #6F6B4F;
		font-weight: 700;
		border-radius: 8px;
		text-decoration: none;
	}
	.sectionTitle a:hover{
		background-color: #FE9F01;
		color: #FFF;
	}

	.db .sectionTitle {
		margin: 0!important;
	}



	#side-content .section .sectionTitle,
	#side-content section .sectionTitle,
	#side-content .section h3,
	#side-content section h3 {
		width: 100%;
		font-size: 100%;
		color:#fff;
		border-bottom:#D3D3D3 1px solid;
		padding: 0.8em 0.5em;
		font-weight: 400;
		background: #71B129;
		background: linear-gradient(to bottom,  #71B129 0%,#71B129 100%);
		border-radius: 8px 8px 0 0 / 8px 8px 0 0;
		margin: 0;
		font-size: 87.5%;
	}


@media screen and (max-width: 479px) {
	section h3,
	.sectionTitle {
		width: 95%;
		/*margin: 0 10px 10px 10px;*/
		font-size: 81.3%;
		font-weight: 400;
		color: #fff;
		padding: 0.8em 5% 0.8em 0.5em;
		position: relative;
		display: block;
		line-height: 1;
		border-radius: 8px;
		z-index: 0;
		background: #71B129;
		background: linear-gradient(to bottom,  #71B129 0%,#71B129 100%);
	}

/*
	.sectionTitle a {
		font-size: 87.5%;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -0.9em;
		padding: 0.4em 0.3em;
		background: #FFE32C;
		color: #6F6B4F;
		font-weight: 400;
		border-radius: 8px;
		text-decoration: none;
	}
*/
	section h3 a,
	.sectionTitle a {
		font-size: 200%;
		width: 1em;
		height: 1em;
		overflow: hidden;
		position: absolute;
		right: 3px;
		top: 1.05em;
		margin-top: -0.9em;
		padding: 0;
		line-height: 1;
		background: none;
		color: #FFE32C;
		font-weight: 400;
		border-radius: none;
		text-decoration: none;
	}

	.sectionTitle a:before {
		font-family: 'fontello';
		content: '\e801';
	}
	.sectionTitle a:hover {
		background: none;
	}
}



/* 
4.LAYOUT MAIN COLUMN
_________________________________________________ */


	.listContent {
		padding: 0;
	}
	.listContent ul {
		margin: 0 10px;
		list-style: none!important;
	}
	.entryBody .listContent ul {
		margin: 0;
	}

	.listContent li {
		display: block;
		width: 100%;
		border-bottom: 1px dotted #000;
		float: left;
		padding: 10px 0;
		position: relative;
		list-style: none!important;
	}
	.listContent li:last-of-type {
		border-bottom: none;
	}


	.listContent li > a {
		display: block;
		font-size: 125.0%;
		font-weight: 700;
		line-height: 1em;
		max-height: 2.1em;
		padding-top: 0.1em;
		overflow: hidden;
		margin-top: 0.3em;
		margin-bottom: 0.5em;
		text-decoration: none;
	}
		.listContent li .label {
			float: left;
			min-width: 20%;
			font-size: 75.0%;
		}
		.listContent li time {
			display: inline;
			font-size: 75.0%;
		}

		.listContent > ul > li > figure {
			width: 20%;
			height: 100%;
			overflow: hidden;
			text-align: center;
			display: inline-block;
			float: left;
			margin-right: 1%;
			position: relative;
		}

		.listContent > ul > li > figure img:nth-of-type(1) {
			width: 100%;
			max-width: 100px;
			border-radius: 23%;
			box-shadow: 
			0px 0px 2px 0px rgba(0,0,0,.5) inset,
			0px 2px 5px 0px rgba(255,255,255,1) inset,
			0px 3px 2px -3px rgba(0,0,0,.5),
			0px 4px 5px -4px rgba(0,0,0,1);
			vertical-align: top;
		}

		.listContent li .price {/* in index listContent */
			background: #137FB2;
			color: #fff;
			display: inline-block;
			position: absolute;
			font-size: 68.8%;
			padding: 0.07em 0.2em 0.0em 0.3em;
			left: 10%;
			top: 0;
			z-index: 1000;
			opacity: 0.95;
			text-align: center;
			font-weight: 400;
			border-radius: 3px;
			box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.95);
		}



		.listContent li small {
			display: inline-block;
			font-weight: 700;
			font-size: 75.0%;
			width: 78%;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			position: relative;
			margin-top: .2em;
		}

		.listContent li .writer {
			margin-left: 1%;
			font-size: 75.0%;
			padding-top: .3em;
			width: 78%;
			display: inline-block;
		}
		.listContent li p {
			overflow: hidden;
			float: left;
			width: 78%;
		}
		.listContent li p.explain {
			font-size: 81.3%;
		}




	.listContent .spspSale li {
		box-shadow: none;
		clear: both;
	}
	.listContent .spspSale li:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}
	.listContent .spspSale li figure {
		float: left;
		width: 15.384615384%;
		height: auto;
		margin-right: 1%;
		margin-top: 0;
	}
	.listContent .spspSale li figure img {
		width: 100%;
		height: auto;
		border-radius: 16%;
	}
	.listContent .spspSale li a {
		float: left;
		width: 78%;
		height: 1.1em;
		overflow: hidden;
		display: inline-block;
		line-height: 1.0em;
		font-size: 125.0%;
	}
	.listContent .spspSale li p {
		float: left;
		width: 68.23076923%;
		display: inline-block;
	}






	@media screen and (min-width: 990px) {
		.listContent li .writer {
			margin-left: 21%;
		}
	}

	@media screen and (max-width: 989px) {
		.listContent li .writer {
			margin-left: 21%;
		}
		.listContent li figure img:nth-of-type(1) {
			width: 100%;
			max-width: 100%;
		}
		.listContent li figure img:nth-of-type(2),
		.listContent li figure img:nth-of-type(3) {
			float: left;
			width: 50%;
			margin-bottom: 0.15em;
		}
		.listContent li .price {
			position: absolute;
			top: 0;
			left: 0;
		}

	}
	@media screen and (max-width: 479px) {
		.listContent li figure {
			width: 20%;
			margin-top: 20px;
		}
		.listContent li figure img:nth-of-type(1) {
			width: 100%;
		}
		.listContent li figure img:nth-of-type(2),
		.listContent li figure img:nth-of-type(3) {
			float: left;
			width: 50%;
		}

		.listContent li .label {
			position: absolute;
			left: 0;
			top: 10px;
			font-size: 63%;
			width: 20%;
			padding: 2px 0;
		}

		.listContent li .price {
			font-size: 62.5%;
			padding: 0.0em 0.2em 0.0em 0.3em;
		}

		.listContent li time {
			display: inline-block;
			font-size: 77%;
			float: left;
			margin-left: 1%;
		}
		.listContent li small {
			float: left;
			margin-left: 1%;
			font-size: 81.3%;
		}
			.listContent li small span {
				display: none;
			}
		.listContent li > a {
			margin-bottom: 2px;
			padding-left: 1%;
			width: 78%;
			max-height: 4.2em;
			float: left;
			font-size: 100%;
		}
		.listContent li p.explain {
			display: none;
		}
		.listContent li .writer {
			font-size: 68.8%;
			margin-left: 21%;
		}
	}





#pullCatBtn {
	display: none;
}
.appCatList {
	display: block;
	/*width: 100%;*/
	border: 3px solid #333;
	border-radius: 4px;
	margin: 14px 10px;
	padding: 10px;
	text-align: left;
}
.appCatList li {
	width: 32%;
	font-size: 87.5%;
	margin: 0.1em 0;
	position: relative;
	display: inline-block;
}
.appCatList li.currentCat {
	color: #8ec400;
	font-weight: 700;
	background: #f8f8f8;
	border-radius: 4px;
	white-space: nowrap;
	padding-left: 0.5em;
}
.appCatList li.currentCat:before {
	content: '\e75e';
	font-family: 'fontello';
	font-weight: 400;
	margin-right: 0.5em;
}

.appCatList li a {
	display: block;
	color: #333;
	position: relative;
}
.appCatList li.currentCat a {
	padding: 0;
}


	@media screen and (min-width: 990px) {

	}
	@media screen and (min-width:480px) and (max-width: 989px) {

	}
	@media screen and (max-width: 479px) {
		#pullCatBtn {
			display: block;
			height: 44px;
			line-height: 44px;
			border: 1px solid #000;
			border-radius: 4px;
			margin: 10px 10px;
			cursor: pointer;
			padding-left: 1em;
			font-weight: 700;
			position: relative;
		}
		#pullCatBtn:after {
			content: '\e75f';
			font-family: 'fontello';
			position: absolute;
			line-height: 1.0;
			right: 20px;
			top: 32%;
		}
		#pullCatBtn.pullOpen:after {
			content: '\e75c';
		}

		.appCatList {
			display: none;
			border: none;
			width: 96%;
			margin: 0 2% 20px 2%;
			padding: 0;

		}
		.appCatList li {
			float: none;
			width: 100%;
			height: 44px;
			line-height: 44px;
			font-size: 100%;
			border: 1px solid #c8c7cc;
			border-top: none;
			margin: 0;
			border-radius: 0;
		}

		.appCatList li a {
			padding-left: 0.5em;
		}
		.appCatList li.currentCat {
			border-radius: 0;
		}
		.appCatList li:first-child {
			border-top: 1px solid #c8c7cc;
			border-radius: 6px 6px 0 0 / 6px 6px 0 0;
		}
		.appCatList li:last-child {
			border-radius: 0 0 6px 6px / 0 0 6px 6px;
		}

		.appCatList li.currentCat:before {
			top: 33%;
		}
		.appCatList li a:after {
			content: '\e75e';
			font-family: 'fontello';
			position: absolute;
			line-height: 1.0;
			right: 10px;
			top: 50%;
			margin-top: -0.5em;
		}
	}












/* 
6.LATEST Article
_________________________________________________ */
	.latestArticle {
		padding: 10px!important;
		position: relative;
		display: block;
		width: 100%!important;
	}
	.latestArticle:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}

		.latestArticle .label {
			width: auto;
			float: left;
			display: inline-block;
			padding: 3px 1em 1px 1em;
		}
		.latestArticle .label a {
			display: inline-block;
			width: 100%;
			height: 100%;
			font-size: 87.5%;
			text-decoration: none;
		}

		.latestArticle .latestThumb {
			display: block;
			position: relative;
		}
		.latestArticle .latestThumb img {
			border-radius: 22.5%;
			z-index: 0;
			box-shadow: 
			0px 0px 2px 0px rgba(0,0,0,.5) inset,
			0px 2px 5px 0px rgba(255,255,255,1) inset,
			0px 3px 2px -3px rgba(0,0,0,.5),
			0px 4px 5px -4px rgba(0,0,0,1);
		}

		.latestArticle .dlIco img {
			margin-left: 5px;
		}
		.latestArticle time {
			height: 20px;
			line-height: 21px;
			font-size: 87.5%;
			display: inline-block;
			margin: 10px 0 0 5px;
		}

	.latestArticle a {
		text-decoration: none;
	}

	.latestArticle .writer {
		padding-top: 0;
	}

	.latestArticle .price {
		background: #137FB2;
		color: #fff;
		display: inlin-block;
		position: absolute;
		font-size: 87.5%;
		padding: 0.0em 0.5em 0.1em 0.3em;
		left: 0;
		top: 0;
		z-index: 1000;
		opacity: 0.95;
		text-align: center;
		font-weight: 700;
		border-radius: 3px;
		box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.95);
	}



	@media screen and (min-width: 990px) {
		.latestArticle .label {
			margin-top: 10px;
		}
		.latestArticle .latestThumb {
			float: left;
			width: 30%;
		}
		.latestArticle h1 {
			font-size: 171.4%;
			font-weight: 700;
			line-height: 1;
			width: 68%;
			float: left;
			height: 2.9em;
			overflow: hidden;
			margin: 0.5em 0;
		}
	}/* min-width: 990px */

	@media screen and (max-width: 989px) {
		.latestArticle .label {
			margin-top: 10px;
		}
		.latestArticle .latestThumb {
			float: left;
			width: 20%;
			margin-right: 2%;
		}
		.latestArticle .latestThumb img {
			width: 100%;
			height: auto;
		}
		.latestArticle h1 {
			font-size: 171.4%;
			font-weight: bold;
			line-height: 1;
			width: 77%;
			float: left;
			overflow: hidden;
			margin: 0.5em 0;
		}
	}/* max-width: 989px */


	@media screen and (max-width: 479px) {
		.latestArticle .label {
			position: absolute;
			top: 10px;
			left: 10px;
			width: 140px;
		}
		.latestArticle time {
			font-size: 87.5%;
			padding: 0;
			position: absolute;
			top: 20px;
			left: 155px;
			margin: 0;
		}
		.latestArticle .latestThumb {
			float: none;
			margin: 40px auto 10px auto;
			width: 175px;
			height: 175px;
			padding: 0;
		}
		.latestArticle .dlIco {
			width: 184px;
			position: absolute;
			top: 234px;
			left: 50%;
			margin-left: -92px;
			text-align: center;
		}
		.latestArticle h1 {
			font-weight: bold;
			line-height: 1;
			width: 100%;
			overflow: hidden;
			padding-top: 1em;
			padding-bottom: 0.5em;
			font-size: 125%;
		}
		.latestArticle h1.noapp {
			padding-top: 0;
			padding-bottom: 0;
		}
	}/* max-width: 479px */



	.specialApp h1 {
		clear: both;
		background: #555!important;
		color: #fff;
		padding: 5px;
		margin-bottom: 10px;
		border-radius: 0!important;
	}

	.specialApp #imobile_adspotdiv1,
	.specialApp #imobile_adspotdiv2,
	.specialApp #Astrskfncstx1,
	.specialApp ul {
		text-align: center;
	}
	.specialApp #imobile_adspotdiv1,
	.specialApp #imobile_adspotdiv2 {
		height: 75px!important;
	}
	.specialApp #imobile_adspotdiv1 div div,
	.specialApp #imobile_adspotdiv2 div div,
	.specialApp #Astrskfncstx1 .Astrskfncstx.iconView,
	.specialApp ul li {
		width: 24%;
		margin: 0 0.5%;
		display: inline-block;
		text-align: center;
	}
	.specialApp #Astrskfncstx1 .Astrskfncstx.iconView a {
		color: transparent;
		font-size: 1px;
	}
	.specialApp #Astrskfncstx1 .Astrskfncstx.end {
		display: none;
	}


	.specialApp #imobile_adspotdiv1 div div div,
	.specialApp #imobile_adspotdiv1 div div div div,
	.specialApp #imobile_adspotdiv2 div div div,
	.specialApp #imobile_adspotdiv1 div div div div {
		width: 100%;
		height: auto;
	}
	.specialApp #imobile_adspotdiv1 div > a,
	.specialApp #imobile_adspotdiv2 div > a {
		width: 100%;
	}

	.specialApp #imobile_adspotdiv1 div > a img,
	.specialApp #imobile_adspotdiv2 div > a img,
	.specialApp #Astrskfncstx1 .Astrskfncstx.iconView img,
	.specialApp ul li img {
		width: 70px!important;
		height: 70px!important;
		border-radius: 16%;
		box-shadow: 
		0px 0px 2px 0px rgba(0,0,0,.5) inset,
		0px 5px 10px 0px rgba(255,255,255,1) inset,
		0px 6px 5px -3px rgba(0,0,0,.5),
		0px 10px 20px -10px rgba(0,0,0,1);
	}









/* 
6.RECOMMED APPLI
_________________________________________________ */
	.reviewRecommend {
		clear:both;
	}
	.reviewRecommend ul{
		width: 100%;
		text-align: center;
		clear: both;
	}
	.reviewRecommend li {
		display: inline-block;
		vertical-align: top;
		width: 22%;
		margin: 8px 7px 0 0;
		position: relative;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	}
	.reviewRecommend li:last-of-type {
		margin-right: none;
	}
	.reviewRecommend li a {
		display: block;
		width: 100%;
		font-size: 87.5%;
		line-height: 1;
		padding: 0.5em 0;
	}
	.reviewRecommend figure {
		width: 100%;
	}
	.reviewRecommend figure img {
		width: 100%;
	}

@media screen and (max-width: 479px) {
	.reviewRecommend ul li {
		width: 28%;
		margin: 0 2%;
	}
	.reviewRecommend ul li:not(:nth-child(-n+3)){ display: none; }
}


/* 
8.FREE APPLI
_________________________________________________ */

	.free_appli ul {
		text-align: center;
	}
	.free_appli li {
		display: inline-block;
		width: 17%;
		vertical-align: top;
		position: relative;
		margin: 0 1%;
	}
	.free_appli li a {
		display: block;
		width: 100%;
		font-size: 75%;
		line-height: 1;
	}
	.free_appli li figure {
		width: 100%;
	}
	.free_appli li figure img {
		width: 100%;
		border-radius: 16%;
	}
	.free_appli li p {
		width: 100%;
		line-height: 1;
		font-size: 81.3%;
		padding-top: 3px;
	}
@media screen and (max-width: 479px) {
	.free_appli ul li {
		width: 25%;
		margin: 0 3%;
	}
	.free_appli ul li:not(:nth-child(-n+3)){ display: none; }
}

/* 
9.SALE TODAY
_________________________________________________ */
	.saleToday {
		width: 100%;
		clear: both;
	}
		.saleToday > .saleItem:after {
			content: ".";
			clear: both;
			height: 0;
			font-size: 0;
			display: block;
			visibility: hidden;
		}
	.saleToday > .saleItem {
		box-shadow: none;
		clear: both;
		margin-top: 1.9em;
		padding: 10px;
	}

	.saleToday > .saleItem .appIco {/* icon */
		float: left;
		width: 15.384615384%;
		height: auto;
		margin-right: 1%;
	}
		.saleToday > .saleItem .appIco img {
			width: 100%;
			height: auto;
			border-radius: 16%;
		}

	.saleToday > .saleItem .appQR {/* qr */
		float: right;
		width: 15.384615384%;
		height: auto;
	}
		.saleToday > .saleItem .appQR img {
			width: 100%;
			height: auto;
		}

	.saleToday > .saleItem h1 {
		float: left;
		width: 68.23076923%;
		height: 1.0em;
		overflow: hidden;
		display: inline-block;
		line-height: 1.0em;
		font-size: 125.0%;
	}
		.saleToday > .saleItem h1 a {
			display: inline-block;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

	.saleToday > .saleItem h2 { /* cat */
		float: left;
		width: 68.23076923%;
		display: inline-block;
	}
	.saleToday > .saleItem p:nth-of-type(1) {
		float: left;
		width: 68.23076923%;
		display: inline-block;
		background: #FF0066;
		color: #fff;
		font-weight: 700;
	    font-size: 150.0%;
		text-align: center;
		line-height: 1;
		padding: 0.2em 0 0.1em 0;
		border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	}
	.saleToday > .saleItem p:nth-of-type(2) {
		float: left;
		width: 68.23076923%;
		display: inline-block;
		background: #444444;
		color: #fff;
		font-weight: 700;
	    font-size: 150.0%;
		text-align: center;
		line-height: 1;
		padding: 0.2em 0 0.1em 0;
		border-radius: 0 0 3px 3px / 0 0 3px 3px;
	}
	.saleToday .appCap { /* capture */
		width: 100%;
		float: left;
		padding: 10px 0 20px 0;
		border-bottom: 1px dotted #000;
		margin-bottom: 20px;
	}
	.saleToday .appCap img:nth-of-type(1) {
		float: left;
		width: 48%;

	}
	.saleToday .appCap img:nth-of-type(2) {
		float: right;
		width: 48%;
	}

	@media screen and (min-width: 990px) {

	}
	@media screen and (min-width:480px) and (max-width: 989px) {

	}
	@media screen and (max-width: 479px) {
		.saleToday > .saleItem .appQR {
			display: none;
		}
		.saleToday > .saleItem h1 {
			width: 83.23076923%;
			display: inline-block;
		}
		.saleToday > .saleItem h2 {
			width: 83.23076923%;
		}
		.saleToday > .saleItem p:nth-of-type(1) {
			width: 100%;
		}
		.saleToday > .saleItem p:nth-of-type(2) {
			width: 100%;
		}
		.saleToday:nth-of-type(2) {
			display: none;
		}
	}


/* 
10.ENTRIES(article)
_________________________________________________ */
	.article,
	article {
		clear: both;
		background: #fff;
		margin-bottom: 10px;
		width: 100%;
		border-radius: 10px;
		box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	}

	.article hgroup,
	article hgroup {
		display: block;
		width: 100%;
	}

	.articleHeader {
		font-size: 100%;
		font-weight: 700;
		color:#fff;
		padding: 5px 10px;
		background: #8fc400;
		background: linear-gradient(to bottom,  #8fc400 0%,#8fc400 100%);
		border: 1px solid #D3D3D3;
		border-bottom: #C9C9C9 1px solid;
		border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	}

	.articleHeader + h1,
	.article > h1,
	article > h1{
		clear: both;
		font-size: 142.9%;
		font-weight: 700;
		padding: 5px 10px;
		background-color: #FFEF00;
	}

	.articleHeaderNext {
		clear: both;
		font-size: 142.9%;
		font-weight: 700;
		padding: 0.7em 0.5em;
		background-color: #FFEF00;
		text-align: left;
		margin-bottom: 1em;
	}

	.writerModify,
	article > h1 + p,
	.article > h1 + p {
		background-color: #FFEF00;
		text-align: right;
		padding: 5px;
		line-height: 1;
		clear: both;
	}


	.writerModify a,
	article > h1 + p a,
	.article > h1 + p a,
	hgroup + p a {
		display: inline-block;
		text-align: center;
		margin-right: 5px;
		/*background: #e42b93;*/
		/*border-radius: 3px;*/
		/*color: #fff!important;*/
		/*padding: 3px 5px;*/
	}

	.writerModify img {
		width: 24px;
		height: 24px;
		vertical-align: -5px;
		border: 1px solid #444;
		box-shadow: 1px 1px 0 0 rgba(0,0,0,0.3);
		border-radius: 50%;
		margin-right: 2px;
	}




	@media screen and (min-width: 990px) {

	}
	@media screen and (max-width: 989px) {
		hgroup h1{
			width: 100%;
		}
		hgroup h2{
			font-size: 100%;
		}
	}
	@media screen and (max-width: 479px) {
		.articleHeader + h1,
		.article > h1,
		article > h1{
			font-size: 100%;
			line-height: 1.15;
		}
		.writerModify {
			padding: 0 5px 5px 0;
			text-align: right;
			font-size: 87.5%;
			display: block;
		}
		.writerModify a {
			text-align: right;
			display: block;
		}
		.writerModify time {
			text-align: right;
			display: block;
		}
		.writerModify img {
			width: 20px;
			height: 20px;
		}
	}



	/* Common with a Review Details
	============================================================= */
	.appInfo {
		clear: both;
		background: #fff;
		padding: 10px 10px 0 10px;
		float: left;
		width: 100%;
		border-radius: 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.appInfo .appIco {
		float: left;
		width: 25%;
		margin: 0 10px 0 0;
		text-align: left;
		padding: 0 0 5px 0;
	}
		.appInfo .appIco img {
			vertical-align: bottom;
		}
		.appInfo .appIco img:nth-of-type(1) {
			width: 100%;
			border-radius: 23%;
			margin: 0 auto 10px 0;
			box-shadow: 
			0px 0px 2px 0px rgba(0,0,0,.5) inset,
			0px 5px 10px 0px rgba(255,255,255,1) inset,
			0px 6px 5px -3px rgba(0,0,0,.5),
			0px 25px 40px -20px rgba(0,0,0,1);
		}
		.appInfo .appIco img:nth-of-type(2) {
			margin-right: 2px;
		}

	.appInfo dl {
		float: left;
		width: 55%;
		padding: 5px;
		list-style: none;
	}
		.appInfo dt {
			font-size: 150.0%;
			font-weight: bold;
			line-height: 1;
		}
		.appInfo .details_category {
			padding: 3px 0 12px 0;
			font-size: 81.3%;
		}
		.appInfo .price {
			font-size: 150.0%;
			font-weight: 700;
			color: #ff5800;
		}


	.appInfo .appQR {
		padding-top: 80px;
		float: right;
		text-align: right;
		width: 18%;
	}
		.appInfo .appQR img {
			width: 100px;
		}

	.appInfo p {
		clear: both;
	}

	.dlLink {
		clear: both;
		text-align: center;
		padding-top: 1em;
	}

	@media screen and (min-width: 990px) {

	}
	@media screen and (max-width: 989px) {

	}
	@media screen and (max-width: 479px) {
		.appInfo .appIco {
			width: 100%!important;
			text-align: center!important;
			float: none!important;
		}
		.appInfo .appIco figure{
			margin: 0;
			text-align: center;
		}
		.appInfo .appIco img:nth-child(1) {
			vertical-align: bottom;
			width: 50%;
			height: auto!important;
			margin: 10px auto;
		}

		.appInfo dl {
			float: left;
			width: 100%;
			padding: 5px;
		}

		.appInfo .appQR {
			display: none;
		}

		.dlLink img {
			width: 90%;
		}
	}


	.appInfo .reviewNote {
		font-size: 75.0%;
		font-weight: 700;
		text-align: right;
		letter-spacing: 0;
		border-top: 1px dotted #666;
		padding-top: 3px;
		width: 100%;
	}



	/* for Entries Page Common + For Post Entries at MT
	============================================================= */
	article .entryBody {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		font-size: 100%;
		letter-spacing: 0;
		line-height: 1.4;
		padding: 10px;
		clear: both;
		border-radius: 10px;
	}

		article .entryBody h3 {
		    border-left: 5px solid #006600;
		    color: #000000;
		    font-size: 150%;
		    font-weight: bold;
		    margin: 20px auto 15px auto;
			clear:both;
			text-indent: 5px;
		}

		article .entryBody > p {
			padding-bottom: .5em;
			line-height: 1.5;
		}

		article .entryBody figure {
			width: 100%;
			margin: 1em 0;
			padding: 0;
		}
		article .entryBody .listContent figure {
			margin: 0;
		}

		article .entryBody figure .first {
			float: left;
			width: 320px;
			padding-right: 5px;
		}
		article .entryBody figure .second {
			float: right;
			width: 320px;
			padding-left: 5px;
		}

		article .entryBody figure:after {
			content: ".";
			clear: both;
			height: 0;
			font-size: 0;
			display: block;
			visibility: hidden;
		}

		article .entryBody figure img {
			width: 310px;
			height: auto;
		}

		article .entryBody ul,
		article .entryBody ol {
			padding: 1em 1em;
		}

		article .entryBody .breadCrumb {
			padding: 0.5em 0.5em 1em 0;
		}



		article .entryBody ul li {
			list-style: disc inside;
		}
		article .entryBody ol li {
			list-style: decimal inside;
		}


		article .entryBody table th {
			padding: 5px;
			vertical-align: middle;
			border: 1px solid #D3D3D3;
		}
		article .entryBody table td {
			padding: 5px;
			vertical-align: middle;
			border: 1px solid #d3d3d3;
		}
		article .entryBody table td img {
			max-width: 100%;
			height: auto;
		}
		.mt-image-center {
			margin-bottom: 0!important;
		}


		article .entryBody .subHeader {
			width: 100%;
			clear: both;
			display: table;
		}
		article .entryBody .subHeader > figure {
			width: 8%;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			padding: 0 1em 0 0;
		}
		article .entryBody .subHeader > figure img {
			max-width: 100px!important;
		}
		article .entryBody .subHeader > figure img.mt-image-center {
			margin: 0!important;
		}
		article .entryBody .subHeader p {
			width: 92%;
			padding: 0;
			display: table-cell;
			vertical-align: middle;
			text-align: left;
			line-height: 1.2!important;
		}




	article .entryBody table.noborder th,
	article .entryBody table.noborder td {
		border: none!important;
	}
	article .entryBody table.vtop th,
	article .entryBody table.vtop td {
		vertical-align: top!important;
	}

		article .entryBody table.noborder td h3 {
			display: block
			padding: 0.5em 0;
			line-height: 1.5;
			color: #fff;
			background: #71B129;
		}
		article .entryBody table.noborder td p a {
			display: block;
			border-bottom: 1px dotted #999;
			padding: 0 0 0.2em 0;
			margin-bottom: 0.2em;
			font-weight: 700;
			background: #f4f4f4;
		}



	article .noticeMessage {
		border: 2px solid #8fc400;
		border-radius: 5px;
		padding: 1em 1em 1em 1em!important;
		margin: 1.5em 2em 1.5em 2em;
		position: relative;
		font-weight: 400;
		display: block;
		font-size: 100%;
		line-height: 1.4;
		color: #212626;
	}



	/* manual
	================================================= */
	p.manLeadText {
		font-size: 112.5%;
		padding: 1em 0 1.0em 0;
	}

	article .entryBody table.manVersionInfo {
		width: 100%;
		margin: 0 0 0.2em 0;
	}
	article .entryBody table.manVersionInfo + p {
		margin-bottom: 2em;
	}

	article .entryBody table.manVersionInfo th {
		background: #212626;
		color: #fff;
		text-align: left;
		border: 1px solid #fff;
		vertical-align: middle;
		padding: 0.5em;
		white-space: nowrap;
	}
	article .entryBody table.manVersionInfo td {
		background: #eee;
		border: 1px solid #fff;
		vertical-align: middle;
		padding: 0.5em;
	}


	figure.manLeadText {
		width: 100%;
		padding: 30px 0 15px 0;
		float: left;
	}
	figure.manLeadText img {
		width: 30.769230769%;
		float: left;
		margin-right: 1.53846153%;
		vertical-align: middle;
	}
	figure.manLeadText figcaption {
		width: 67.69230769%;
		float: left;
		padding: 1.2em 0 0 0;
	}
	.manNav {
		width: 100%;
		float: left;
		margin-bottom: 40px;
		background: #eee;
		padding: 0.5em;
		clear: both;
	}
	.manNav li {
		float: left;
		display: block;
		line-height: 1;
		margin-right: 2.0em;
		margin-bottom: 1em;
	}
	.manList a {
		display: inline-block;
		position: relative;
	}
	.manNav li a:before {
		content: "▼";
		color: Orange;
	}
	.manNav li a.othersCat:before {
		content: "■";
		color: Orange;
	}

	.manList {
		width: 100%;
		clear: both;
		list-style: none;
	}

	dl.manList {
		padding-bottom: 20px;
	}
	dl.manList dt {
		background: #212626;
		color: #fff;
		padding: 0.3em;
		font-size: 112.5%;
	}

	ul.manList {
		padding-bottom: 20px;
	}
	ul.manList li {
		padding: 0.5em 0;
	}
	ul.manList li a {
		font-weight: 700;
	}
	ul.manList li p {
		font-size: 93.8%;
	}



	.manList dd ul {
		width: 100%;
		padding: 0.5em 0;
		list-style: none;
	}
	.manList dd ul li {
		list-style-position: inside;
	}
	.manList dd ul li a {
		display: inline;
	}
	.manList dd .manListSubTitle {
		padding-top: 2em;
		font-weight: 700;
	}


	dl.manOtherCats {
		padding: 0 0 30px 0;
	}
	dl.manOtherCats dd a {
		font-size: 118.8%;
		font-weight: 700;
	}

	.manListLeadText {
		padding: 0.5em 0;
	}
	.manListSubCat {
		font-size: 118.8%;
		font-weight: 700;
	}
	.manual h3 {
	    border-left: 10px solid #006600;
	    color: #000000;
	    font-size: 142.9%;
	    font-weight: bold;
	    margin: 20px auto 15px auto;
		clear:both;
		text-indent: 5px;
	}







	@media screen and (min-width: 990px) {

	}
	@media screen and (max-width: 989px) {
		.entryBody p {
			clear: both;
		}
		.entryBody p img {
			width: 80%;
			height: auto;
		}
		.entryBody p iframe {
			width: 98%;
			margin: auto 1%;
		}

		.entryBody figure .first {
			width: 50%!important;
			float: left;
		}
		.entryBody figure .second {
			width: 50%!important;
			float: right;
		}
		.entryBody figure .first img,
		.entryBody figure .second img {
			width: 95%;
			height: auto;
		}
	}

	@media screen and (max-width: 479px) {
		article .entryBody {
			padding: 10px 3px!important;
		}
		.category{
			font-size: 81.3%;
		}
		.entryBody .appInfo > figure.appCap {
			clear: both;
			width: 100%;
		}
		.entryBody .appInfo > figure.appCap img:nth-of-type(1) {
			float: left;
			clear: none;
			width: 50%;
			margin: 0;
		}
		.entryBody .appInfo > figure.appCap img:nth-of-type(2) {
			float: right;
			clear: none;
			width: 50%;
			margin: 0;
		}


		article .entryBody table.noborder td {
			padding: 2px;
		}
		article .entryBody table.noborder td h3 {
			font-size: 81.3%;
			display: block
			padding: 0.5em 0;
			line-height: 1.5;
			color: #fff;
			background: #71B129;
		}
		article .entryBody table.noborder td p {
			padding: 0!important;
			font-size: 75%!important;
		}
		article .entryBody table.noborder td p a {
			display: block;
			border-bottom: 1px dotted #999;
			padding: 0 0 0.2em 0;
			margin-bottom: 0.2em;
			font-weight: 700;
			background: #f4f4f4;
		}


	}







	article .entryBody .summaryContent {
		clear: both;
		width: 100%;
		margin-bottom: 0.5em;
		padding: 0!important;
	}
	article .entryBody .summaryContent:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	article .entryBody .summaryContent .sumIcon {
		width: 15%;
		overflow: hidden;
		text-align: center;
		display: inline-block;
		float: left;
		margin: 0;
		margin-right: 1%;
	}
	article .entryBody .summaryContent .sumIcon img {
		width: 100%;
		border-radius: 16%;
		box-shadow: 
		0px 0px 2px 0px rgba(0,0,0,.5) inset,
		0px 5px 10px 0px rgba(255,255,255,1) inset,
		0px 6px 5px -3px rgba(0,0,0,.5),
		0px 25px 40px -20px rgba(0,0,0,1);
	}
	article .entryBody .summaryContent > p {
		float: left;
		clear: both;
		padding: 0.3em 0 0.1em 0;
		margin: 0;
		font-size: 81.3%;
		color: #9c9c9c;
		line-height: 1;
	}

	article .entryBody .summaryContent .sumInfo {
		float: left;
		width: 54%;
		padding: 0;
	}
	article .entryBody .summaryContent .sumInfo li {
		list-style: none;
		overflow: hidden;
		line-height: 1.0em;
	}
	article .entryBody .summaryContent .sumInfo .sumDevelop {
		font-size: 81.3%;
		padding: 0.1em 0 0.2em 0;
		color: #666;
		margin: 0;
	}
	article .entryBody .summaryContent .sumInfo .sumTitle {
		height: 2.0em;
		font-size: 137.5%;
		font-weight: 700;
		padding-top: 0.1em;
		line-height: 1;
		margin-top: 0.1em;
		margin-bottom: 0.2em;
	}
	article .entryBody .summaryContent .sumInfo .sumPrice {
		font-size: 137.5%;
		font-weight: 700;
		color: #ff5800;
		padding-top: 0.2em;
	}

	article .entryBody .summaryContent .sumbtn {
		text-align: center;
	}
	article .entryBody .summaryContent .sumpc {
		display: block;
		width: 30%;
		float: right;
		padding: 0;
		margin: 0;
	}
	article .entryBody .summaryContent .sumpc img {
		/*width: 100%;*/
		max-width: 175px;
	}
	article .entryBody .summaryContent .sumsp {
		display: none;
	}

	@media screen and (max-width: 479px) {
		article .entryBody .summaryContent .sumIcon {
			width: 20%;
		}
		article .entryBody .summaryContent .sumInfo {
			float: left;
			width: 79%;
		}
		article .entryBody .summaryContent .sumInfo .sumDevelop {
			font-size: 68.8%;
		}
		article .entryBody .summaryContent .sumInfo .sumTitle {
			font-size: 87.5%;
			padding-top: 0.1em;
			line-height: 1;
		}
		article .entryBody .summaryContent .sumInfo .sumPrice {
			font-size: 87.5%;
		}
		article .entryBody .summaryContent > p {
			font-size: 62.5%;
			padding-bottom: 0.6em;
		}
		article .entryBody .summaryContent .sumpc {
			display: none;
		}
		article .entryBody .summaryContent .sumsp {
			display: block;
			clear: both;
			width: 100%;
			text-align: center;
		}
		article .entryBody .summaryContent .sumsp img {
			width: 100%;
		}
	}














	p.check {
		display: block;
		text-align: right;
	    color: #E32B93;
	    font-size: 125%;
	    font-weight: 700;
		line-height: 1;
		margin-top: 16px;
	    padding: 0 24px 0 0;
		position: relative;
	}

	p.check:after {
		position: absolute;
		right: 5px;
		top: 0;
		display: block;
		content: url(../img/ico-interest.png);
	}

	.snsWrap {
		width: 100%;
		height: 60px;
		clear: both;
		padding: 5px 5px 10px 0;
		margin: 0;
		overflow: hidden;
	}
	.snsWrap:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}
	.snsWrap ul {
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.snsWrap li {
		display: inline-block;
		margin-left: 1px;
		float: right;
	}

	@media screen and (max-width: 479px) {
		.fbpfl .fbpfb {
			width: 270px;
		}
	}







	.snsWrap2 {
		width: 100%;
		height: 90px;
		clear: both;
		padding: 5px 5px 10px 0;
		margin: 0;
		overflow: hidden;
	}
	.snsWrap2:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}
	.snsWrap2 ul {
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.snsWrap2 li {
		display: inline-block;
		margin-left: 1px;
		float: right;
	}

	@media screen and (max-width: 479px) {
		.fbpfl .fbpfb {
			width: 270px;
		}
	}








	.aprilFool h2 {
		text-align: center;
		font-size: 180%;
		padding: 1.2em 0;
	}
	.aprilFool figure {
		width: 100%;
		text-align: center;
	}
	.aprilFool figure figcaption {
		text-align: center;
		font-size: 130%;
		padding: 2em 0;
		font-weight: 700;
	}
	.aprilFool p {
		text-align: center;
		padding: 0 0 4em 0;
	}
	.aprilFool p a {
		font-weight: 700;
		text-decoration: underline;
	}

	@media screen and (min-width:480px) and (min-width: 990px) {
		.aprilFool figure img {
			width: 500px;
		}
	}
	@media screen and (max-width: 989px) {
		.aprilFool figure img {
			width: 80%;
		}
	}
	@media screen and (max-width: 479px) {

	}











/* 
11.RELATED ENTRIES
_________________________________________________ */

	.relatedEntries {
		clear: both;
		border: 5px solid #ccc;
		border-radius: 20px;
		padding: 10px;
		margin: 30px 10px;
	}
	.relatedEntries .sectionTitle {
		margin: 0;
		width: 100%;
	}

	.relatedEntries ul,
	.relatedEntries ul li {
		width: 100%;
		list-style-type: none!important;
	}

	.relatedEntries ul li {
		padding: 10px 0 10px 0;
		min-height: 60px;
	}
	.relatedEntries ul li img {
		box-shadow: 
		0px 0px 2px 0px rgba(0,0,0,.5) inset,
		0px 5px 10px 0px rgba(255,255,255,1) inset,
		0px 6px 5px -3px rgba(0,0,0,.5),
		0px 25px 40px -20px rgba(0,0,0,1);
	}

	.relatedEntries ul li a {
		line-height: 1.2;
		font-size: 87.5%;
		display: block;
		padding: 0 0 0.5em 70px;
		margin-top: -60px;
	}
	.relatedEntries ul li a:hover {
		background: #ffffcc;
	}
	.relatedEntries li img {
		vertical-align: middle;
		margin-right: 7px;
		width: 60px;
		height: 60px;
		border-radius: 16%;
	}


/*
	@media screen and (max-width: 479px) {
		.relatedEntries {
			width: 98%;
			border: none;
			padding: 20px 0 10px 0;
			border-radius: 10px;
			margin: 0 1%;
		}
		.relatedEntries ul li a {
			border: 1px solid #999;
			border-radius: 10px;
			padding: 0 5px;
		}
	}
*/
/* 
12.WRITERS
_________________________________________________ */

	.writer_profile .writer_spec {
		border-radius: 10px;
		margin-bottom: 16px;
		/*float:left;*/
		clear: both;
		width: 100%;
		text-align: left;
		min-height: 220px;
	}
		.writer_profile .writer_spec:first-of-type {
			border-radius: 0 0 10px 10px / 0 0 10px 10px;
		}


	.writer_profile .writer_spec figure {
		width: 30%;
		padding: 10px;
	}
		.writer_profile .writer_spec figure img {
			width: 100%;
			height: auto;
			border-radius: 16%;
			border: 1px solid #444;
			box-shadow: 5px 5px 0 0 rgba(0,0,0,0.7);
			border-radius: 50%;
		}

		.writer_profile .writer_spec .writer_spec_inner {
			padding: 0 10px 0 31%;
			margin-top: -30%;
		}


	.writer_profile .writer_spec small {
		padding: 10px 0 0 0;
		font-size: 87.5%;
		font-weight: 700;
		color:#FEA208;
		display: block;
		text-align: left;
		/*float: left;*/
	}
	.writer_profile .writer_spec small + p {
		padding: 5px 0 5px 0;
		font-size: 137.5%;
		font-weight: 700;
		display: block;
		color: #4da6ff;
		text-align: left;
		/*float: right;*/
	}

	.writer_profile .writer_spec p {
		display: block;
		font-size: 92%;
		line-height: 1.2;
		padding-bottom: 5px;
	}
	.writer_profile .writer_spec .writerDisplayName {

	}


	.writer_profile .writer_spec ul {
		display: block;
		margin-top: 5px;
		padding-top: 5px;
		/*float: left;*/
		border-top: 1px dotted #333;
	}
	.writer_profile .writer_spec ul li {
		display: inline-block;
		height: 20px;
		line-height: 20px;
		background: url(../img/site_template/iconSprite.png) no-repeat;
		text-indent: 22px;
		margin-right: 20px;
		font-size: 77%;
	}
	.writer_profile .writer_spec ul li.icon_home {
		background-position: left -70px;
	}
	.writer_profile .writer_spec ul li.icon_facebook {
		background-position: left top;
	}
	.writer_profile .writer_spec ul li.icon_Twitter {
		background-position: left -140px;
	}

/*
		.writer_profile .writer_spec figure {
			margin: 0 auto;
		}
*/

	.writer_profile .listContent li {
		display: block;
		width: 100%;
		height: auto;
		min-height: 60px;
		position: static;
		border-bottom: 1px dotted #000;
		padding: 0;
		position: relative;
	}
	.writer_profile .listContent li figure {
		width: 50px;
		height: auto;
		position: static;
		margin: 5px 5px 0 5px;
		float: left;
		padding: 0;
	}
	.writer_profile .listContent li figure img {
		width: 100%;
		height: auto;
	}

	.writer_profile .listContent li time {
		display: inline-block;
		position: static;
		padding: 0;
		z-index: 200;
		font-size: 77%;
	}
	.writer_profile .listContent li span.label {
		width: 60px;
	}

	.writer_profile .listContent li a {
		font-size: 81.3%;
		line-height: 1;
		font-weight: 400;
		padding: 0;
	}




	/* 
	OTHERS CONTENTS ON ENTRIES
	_________________________________________________ */
	.writer_profile.isEntries {
		margin: 10px 0 10px 0;
		clear: both;
	}
	.writer_profile.isEntries > .sectionTitle:first-child {
		background: #e42b93;
	}
	.writer_profile.isEntries .writer_spec p {
		border-bottom: none;
	}

	.writer_post.listContent,
	.writer_profile.isEntries .listContent {
		box-shadow: none!important;
		padding: 0!important;
	}
	.writer_profile.isEntries .listContent > div:after {
		content: ".";
		clear: both;
		height: 0;
		font-size: 0;
		display: block;
		visibility: hidden;
	}
	.writer_profile.isEntries .listContent > div h1 {
		float: left;
	}
	.writer_profile.isEntries .listContent > div h1 + a {
		float: right;
		color: #212626;
	}
	.writer_profile.isEntries .listContent > div h1 + a:after {
		font-family: fontello;
		font-weight: normal;
		margin-left: 0.5em;
		color: #212626;
		content: "\e75e";
	}

	@media screen and (max-width: 989px) {
		.writer_profile.isEntries .listContent li a {
			/*font-size: 123.1%;*/
		}
	}


	.mascot figure {/* Mascot削除する */
		padding: 10px;
		width: 100%;
		float: left;
		display: none!important;
	}
	.mascot figure img {
		width: 24%;
		float: left;
		border-radius: 16%;
		box-shadow: 
		0px 0px 2px 0px rgba(0,0,0,.5) inset,
		0px 5px 10px 0px rgba(255,255,255,1) inset,
		0px 6px 5px -3px rgba(0,0,0,.5),
		0px 25px 40px -20px rgba(0,0,0,1);
	}
	.mascot figure figcaption {
		width: 70%;
		padding: 10px;
		float: right;
		text-align: left;
		position: relative;
		border: 2px solid #333;
		border-radius: 10px;
	}
	.mascot figure figcaption:before {
	    content: ' ';
	    height: 0;
	    position: absolute;
	    width: 0;
	    border: 18px solid transparent;
	    border-right-color: #333;
	    left: -37px;
	    top: 35%;
	}

		@media screen and (max-width: 989px) {
			.mascot figure img {
				width: 30%;
				float: none;
				margin: 0 35% 1.5em 35%;
			}
			.mascot figure figcaption {
				width: 100%;
				float: none;
			}
			.mascot figure figcaption:before {
			    content: ' ';
			    height: 0;
			    position: absolute;
			    width: 0;
			    border: 18px solid transparent;
			    border-bottom-color: #333;
			    left: 43%;
			    top: -37px;
			}
		}

	.mascot ul {
		clear: both;
		padding: 10px;
	}
	.mascot ul li {
		list-style: none;
		padding-bottom: 10px;
		clear: both;
		line-height: 200%;
		letter-spacing: 0;
	}
	.mascot ul li.icon-twitter-circled iframe {
		vertical-align: -7px;
	}
	.mascot ul li.icon-twitter-circled:before {
		font-family: 'fontello';
		content: '\f30a';
		color: #00acee;
		font-size: 250.0%;
		margin: 0;
		vertical-align: middle;
	}
	.mascot ul li.icon-facebook-circled:before {
		font-family: 'fontello';
		content: '\f30d';
		color: #3b5999;
		font-size: 250.0%;
		margin: 0;
		vertical-align: middle;
	}
	@media screen and (max-width: 479px) {
		.mascot ul li.icon-twitter-circled:before,
		.mascot ul li.icon-facebook-circled:before {
			font-size: 150.0%;
		}
	}
	.mascot ul li.icon-facebook-circled iframe {
		width: 92%!important;
		height: 238px!important;
		overflow: hidden;
		float: right;
	}
	.icon-right-open a:after {
		font-family: fontello;
		content: "\e75e";
		font-weight: normal;
		margin-left: 0.5em;
		color: #212626;
	}









	/* 
	USER COMMENTS ON ENTRIES
	_________________________________________________ */
	@media screen and (min-width: 768px) {
		.comments table {
			float: left;
			margin: 10px;
		}
		.comments table.formTable1 {
			width: 60%;
		}
		.comments table.formTable2 {
			width: 34%;
		}
	}

	.comments td {
		vertical-align: top;
		padding-bottom: 1em;
	}

	@media screen and (max-width: 767px) {
		.comments table {
			width: 100%;
			clear: both;
		}
		.comments table td {
			padding: 10px;
			width: 100%;
			background: #eee;
		}
		.comments table textarea,
		.comments table input {
			width: 100%;
		}


	}



	.comments td label {
		position: relative;
		float: left;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding: 0;
		text-align: center;
		font-size: 87.5%;
		color: #fff;
		background: #B9CE44;
		background: linear-gradient(to bottom, #B9CE44,#72AA00);
		border-radius: 7px 7px 0 0 / 7px 7px 0 0;
		text-shadow: 0px 1px 0px rgba(255,255,255,.3);
	}
	.comments table.formTable1 td label {
		width: 50%;
	}
	.comments table.formTable2 td label {
		width: 100%;
	}
	.comments td .require {
		font-size: 93%;
		color: #fff;
	    width: 3em;
		z-index: 65536;
		background: #d90000;
		height: 1.3em;
		line-height: 1.3em;
		letter-spacing: 0.1em;
	    position: absolute;
	    display: inline-block;
	    top: 7px;
	    left: 0px;
	    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	    text-align: center;

	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.comments td input#comment-reply {
		vertical-align: -1px;
	}
	.comments td #comment-reply-label {
		display: inline-block;
		font-size: 81.3%;
	}
	.comments td input#comment-author,
	.comments td input#comment-email {
		float: left;
		border: 1px solid #999;
		border-radius: 0 0 5px 5px / 0 0 5px 5px;
		padding: 0.5em;
		background: #f7f7f7;
		font-size: 123%;
		width: 100%;
		margin: 0;
	}
	.comments td textarea {
		float: left;
		border: 1px solid #999;
		border-radius: 0 10px 10px 10px / 0 10px 10px 10px;
		padding: 1em !important;
		background: #f7f7f7;
		font-size: 100%;
		width: 98%;
		height: 150px;
	}



	@media screen and (max-width: 767px) {
		.comments table textarea {
			height: 100px;
		}
	}


	.userComments {
		border-bottom: 1px solid #ddd;
		padding: 10px!important;
		font-size: 120%;
		line-height: 1;
		list-style: none;
	}
	.userComments.even {
		background: rgba(239,235,224,0.4);
	}
	.commenterName {
		color: #333;
		font-weight: 700;
		font-size: 87.5%;
		line-height: 1;
		padding-right: 0.5em;
	}
	.commentedDate {
		display: inline-block;
		font-size: 81.3%;
		line-height: 1;
	}
	.commentReplyToLink {
		float: right;
		display: none;
	}
	.commentReplyToLink a {
		font-size: 87.5%;
		padding: 0.2em 0.5em;
		border-radius: 3px;
		text-decoration: none;
		border: 1px solid #ccc;
	}
	.commentBody {
		padding: 0.5em 0 0 0;
		line-height: 1.3;
	}
	.comments button {
		cursor: pointer;
		border: none;
		color: #fff;
		font-weight: 700;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		height: 32px;
		line-height: 32px;
		opacity: 0.8;
	}

	.comments #comment-preview {
		float: left;
		font-size: 87.5%;
		padding: 0 0.5em;
		background: #fe8733;
		background: linear-gradient(to bottom, #fe8733, #fe9601);
	}
	.comments #comment-cancel {
		float: right;
		font-size: 87.5%;
		padding: 0 0.5em;
		background: #666;
		background: linear-gradient(to bottom, #666, #ccc);
	}
	.comments #comment-submit {
		height: 50px;
		line-height: 50px;
		width: 100%;
		margin-top: 10px;
		font-size: 138%;
		background: #4694D1;
		background: linear-gradient(to bottom, #0D68AF,#4694D1);
		float: left;
	}
	.comments button:hover {
		opacity: 1;
	}

	@media screen and (max-width: 767px) {
		
	}




/* 
13.SEARCH RESULTS
_________________________________________________ */

	.searchWrap .searchResults {
		list-style: none;
	}
	.searchWrap .searchResults li {
		background: #fff;
		border-radius: 5px;
		margin-bottom: 5px;
		padding: 10px;
		list-style: none;
	}
	.searchWrap .searchResults li a {
		line-height: 1.0!important;
		padding: 0!important;
	}
		.searchWrap .searchResults li:hover a {
			text-decoration: underline;
		}
		.searchWrap .searchResults li:hover .label a {
			text-decoration: none;
		}
		.searchWrap .searchResults li:hover {
			background: #eee;
		}

	.searchWrap .searchResults li h2 span {
		font-size: 77%;
		display: inline-block;
		padding: 2px 10px;
	}
		.searchWrap .searchResults li h2 span a {
			color: #fff;
			opacity: 1;
		}

	.searchWrap .searchResults li p {
		font-size: 77%;
	}




/* 
15.RANKING
_________________________________________________ */

	.ranking {
		display: block;
		clear: both;
	}
	.famous_ranking .ranking ul {
		width: 100%;
		list-style: none;
	}
	.famous_ranking .ranking ul li {
		padding-left: 36px;
		width: 100%;
		border-bottom: 1px dotted #000;
	}
	.famous_ranking .ranking ul li a {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding:10px 0;
		line-height: 1;
	}
	.famous_ranking .ranking ul li span {
		display: inline-block;
		text-align: center;
		margin: 0 6px 0 -30px;
		font-family: "Lato";
		color: #fff;
		border-radius: 3px;
		font-weight: 900;
		background: #444;
	}

		#main-content .famous_ranking .ranking li span {
			width: 25px;
			height: 24px;
			line-height: 1.5;
		}

		#side-content .famous_ranking .ranking li a {
			position: static;
		    padding: 5px 5px 5px 5px;
		}
		#side-content .famous_ranking .ranking li span {
			width: 21px;
			height: 20px;
			line-height: 1.6;

		}

			.famous_ranking .ranking li.rank1 span {
				background: gold;
			}
			.famous_ranking .ranking li.rank2 span {
				background: silver;
			}
			.famous_ranking .ranking li.rank3 span {
				background: saddlebrown;
			}




/* 
16.CONTACT
_________________________________________________ */
	.contact {
		padding: 10px;
	}
	.contact table {
		width: 100%;
	}
	.contact td {
		vertical-align: top;
		padding: 10px 0;
		border: none!important;
	}
	.contact .thalf td {
		width: 50%;
	}

	.contact .thalf td:nth-of-type(1) {
		padding-right: 20px;
	}

	.contact input#appname,
	.contact input#appurl,
	.contact input#company,
	.contact input#name,
	.contact input#mail {
		float: left;
		border: 1px solid #999;
		border-radius: 0 5px 5px 5px / 0 5px 5px 5px;
		padding: 0.5em;
		background: #f7f7f7;
		font-size: 123%;
		width: 100%;
	}
	.contact textarea {
		float: left;
		border: 1px solid #999;
		border-radius: 0 10px 10px 10px / 0 10px 10px 10px;
		padding: 1.5em !important;
		background: #f7f7f7;
		width: 100%;
		height: 240px;
	}

	.contact td label {
		position: relative;
		float: left;
		display: inline-block;
		width: 240px;
		height: 32px;
		line-height: 32px;
		padding: 0;
		text-align: center;
		font-size: 87.5%;
		color: #fff;
		background: #B9CE44;
		background: linear-gradient(to bottom, #B9CE44, #72AA00);
		border-radius: 7px 7px 0 0 / 7px 7px 0 0;
		text-shadow: 0px 1px 0px rgba(255,255,255,.3);
	}

	.contact td .require {
		font-size: 93%;
		color: #fff;
	    width: 3em;
		z-index: 65536;
		background: #d90000;
		height: 1.3em;
		line-height: 1.3em;
		letter-spacing: 0.1em;
	    position: absolute;
	    display: inline-block;
	    top: 18px;
	    left: -16px;
	    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	    text-align: center;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.contact td.btnWrap {
		text-align: center;
	}


	.contact .confirm th,
	.contact .confirm td {
		border: 1px solid #666!important;
		text-align: center;
		vertical-align: middle;
		font-weight: 400;
	}
	.contact .confirm th {
		background: #E7D4D4;
		white-space: nowrap;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
		font-size: 100%;
		width: 200px;
		padding: 10px 1em;
	}
	.contact .confirm td {
		padding: 10px 1em;
		text-align: left;
	}

	.contact button {
		cursor: pointer;
		margin-right: 10px;
		padding: 17px 46px;
		border: none;
		color: #fff;
		font-size: 138%;
		font-weight: 700;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background: #4694D1;
		background: -webkit-gradient(linear, left top, left bottom, from(#0D68AF),to(#4694D1));
		background: -moz-linear-gradient(#0D68AF,#4694D1);
	}
	.contact button:hover {
		background: #4694D1;
		background: -webkit-gradient(linear, left top, left bottom, from(#093C64),to(#4694D1));
		background: -moz-linear-gradient(#093C64,#4694D1);
	}



	input:focus,
	textarea:focus {
		outline: 0;
		outline: thin dotted \9;
		padding: 2px 1px 2px 1px;
		border: 1px solid rgba(82, 168, 236, 0.8);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		background: #fff!important;
	}

	.error {
		color: Crimson;
		float: left;
	}

	input.warning,
	textarea.warning {
		border:1px solid #cc5200!important;
	}

	input.warning:focus,
	textarea.warning:focus {
		-webkit-box-shadow: 0 0 6px #ffa366;
		-moz-box-shadow: 0 0 6px #ffa366;
		box-shadow: 0 0 6px #ffa366;
	}

	@media screen and (min-width: 990px) {

	}
	@media screen and (max-width: 989px) {
		.contact input[type="text"] {
			width: 90%;
		}
		.contact textarea {
			width: 90%;
		}
	}
	@media screen and (max-width: 479px) {


	}








/* 
17.PAGER
_________________________________________________ */

	.pager {
		clear: both;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
		.pager li {
			line-height: 1;
			border: 1px solid #ccc;
			display: inline-block;
			margin: 0 1px 0 0;
			padding: 5px;
			font-weight: 700;
		}
		.pager li:hover,
		.pager li.current {
			background: #ff5800;
		}
			.pager li:hover a,
			.pager li.current {
				color: #fff;
			}

		.pager li.prev,
		.pager li.next {
			border: none;
		}
		.pager li a {
			width: 100%;
			height: 100%;
		}

		.pager.entries {
			clear: both;
		}
		.pager.entries:after {
			content: ".";
			clear: both;
			height: 0;
			font-size: 0;
			display: block;
			visibility: hidden;
		}
		.pager.entries li {
			color: Green;
			width: 49%;
		}
		.pager.entries li:nth-of-type(1) {
			float: left;
		}
		.pager.entries li:nth-of-type(2) {
			float: right;
		}
		.pager.entries li a {
			display: block;
			font-weight: 400;
			padding-top: 0.5em;
		}

	@media screen and (min-width: 990px) {

	}

	@media screen and (max-width: 989px) {
		.pager.entries li.prev {
			float: left;
			text-align: left;
		}
		.pager.entries li.next {
			float: right;
			text-align: right;
		}
	}

	@media screen and (max-width: 479px) {

		.pager {
			width: 100%;
			display: block;
		}
		.pager:after {
			content:".";
			display:block;
			clear:both;
			height:0;
			visibility:hidden;
		}
		.pager li {
			display: none;
		}
		.pager li:hover {
			background: transparent;
		}

		.pager li.prev {
			width: 45%!important;
			float: left;
			display: inline-block!important;
		}
		.pager li.next {
			width: 45%!important;
			float: right;
			display: inline-block!important;
		}

		li.prev a,
		li.next a {
			display: inline-block;
			line-height: 1;
			padding: 0.3em 1em;
			color: #fff;
			text-decoration: none;
			text-shadow: 0 -1px 1px #666;
			border-radius: 10px;
			font-weight: bold;
			background: #333;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
			box-shadow: 0 1px 3px rgba(0,0,0,0.6);
			border-bottom: 1px solid rgba(0,0,0,0.25);
		}
		li.prev a:hover,
		li.next a:hover {
			background: #555;
		}



	}



/* 
18.FOOTER
_________________________________________________ */
	footer {
		clear: both;
		height: 130px;
		background: #53514e;
		background: linear-gradient(to Bottom,  #53514e 0%,#383533 100%);
		position: relative;
	}

	footer a {
		color: #FFC785!important;
		text-decoration: none;
	}

	footer ul {
		width: 99%;
		position: absolute;
		top: 1em;
		left: 1%;
	}
	footer ul li {
		padding: 0 5px;
		display: inline-block;
	}
	footer small {
		text-align: right;
		font-size: 56.3%;
		color: #acacac;
		display: inline-block;
		position: absolute;
		bottom: 1em;
		right: 1%;
	}

	.breadCrumb {
		width: 100%!important;
		text-align: left!important;
		padding: 0.5em 0.5em 1em 0.5em!important;
	}
	.breadCrumb li {
		display: inline-block!important;
		font-size: 81.3%!important;
		font-weight: 700;
	}
	.breadCrumb li:not(:first-child) {
		/*padding-left: 0.5em;*/
	}
	.breadCrumb li:not(:first-child):before {
		content: "＞";
		font-weight: 400;
	}
	.breadCrumb li a {
		font-weight: 400;
	}




	@media screen and (min-width: 990px) {

	}
	@media screen and (max-width: 989px) {

	}
	@media screen and (max-width: 479px) {
		#toTop { display: none!important; }
	}


	#toTop {
	    position: fixed;
	    bottom: 30px;
	    right: 20px;
		z-index: 65535;
		width: 100px;
	    display: none;
		cursor: pointer;
	}

	#back-top { display: none!important;}


/* 
18.SPECIFIC
_________________________________________________ */


	/* 年賀状特集 Script at "sp.css" */

	/* アーケード・家庭用ゲーム機で発売されていた懐かしの人気作品の移植アプリ特集。*/
	.appInfo figure.appCap {
		clear: both;
	}





/* 後に修正 sawamura */
	/* printing_Media
	============================================================= */




