@charset "UTF-8";
/* sp.css */

body {
	min-width:100%;
	-webkit-text-size-adjust : none;
}
a {
	-webkit-tap-highlight-color:#FFD01B;
}
#CbHeader {
  display: none;
}
#PageInfo {
  display: block;
}
#HeaderContainer {
	height:auto;
	background:none;
	background-color:#FFD01B;
}
#Header {
	z-index:999999;
	width:100%;
	background-color:#898585;
}
.btnHeaderContest {
	display: none;
}
.headerBanner {
	border-top:solid 1px #CCCCCC;
	padding: 10px 0 ;
	background-color: #fff;
    position: static;
    width: 320px!important;
    height: auto !important;
}
#CompediaHeader {
	width:100%;
	position:static;
	border-bottom:solid 1px #CCCCCC;
	margin:0 auto;
	overflow:hidden;
}
#Logo {
	position:static;
	width:100%;
	padding:3% 0 2% 0;
	text-align:center;
}
#Logo img {
	width:160px;
	margin:0;
}
#PageInfo {
	position:static;
	height:auto;
	padding:5px;
	background:none;
}
#PageInfo h1 {
	position:static;
	width:100%;
	height:auto;
	padding:2px 0 0 0;
	line-height:1.5em;
	text-align:center;
	font-size:8px;
}
#PageInfo h1 br {
	display:none;
}
#PoweredBy {
	display:none;
}
#DateBaloon,
#HeaderNav,
#topcontrol {
	display:none;
}
#ContentsContainer {
	position:static;
	width:100%;
	padding:0;
	background:none;
}
#Side {
	float:none;
	width:100%;
	margin:0;
	padding:0;
}
#Contents {
	float:none;
	width:100%;
	padding:0;
	background-color:#FFFFFF;
}
#ContentsMain {
	width:100%;
	float:none;
}
#TopMainContainer {
	width:320px;
	height:121px;
	margin:0 auto;
	overflow:hidden;
}
#TopMainFrame {
	position:static;
	width:320px;
	height:121px;
	margin:0;
	padding:0;
	background:none;
}
#TopMain {
	position:static;
	top:0;
	left:0;
	width:320px;
}
#TopMain img {
	width:320px;
}
#ContentsSub {
	width:100%;
	float:none;
	padding:0;
}
#TitleTwitter,
#CBTwitter {
	display:none;
}
#FooterContents {
	width:96%;
	margin:0 auto;
	padding:5% 0;
}
#FooterNav {
	width:90%;
	float:none;
	padding:0 0 3% 0;
	line-height:2em;
	overflow:auto;
	font-size:10px;
}
#Copyright {
	width:100%;
	float:none;
	text-align:right;
}
#Copyright img {
	width:60%;
	margin-right:3%;
}
.gsc-control-searchbox-only {
	display:none;
}
#SideHeader {
	display:none;
}
#TopTitle img {
	width:100%;
	height:auto;
}
#SideTitleFeature,
#SideTitleCategory,
#SideTitleRegular {
	width:auto;
	height:auto;
	padding:0;
	background:none;
	overflow:auto;
}
#Side h2 {
	width:auto;
	border-bottom:solid 1px #D6D1CD;
	margin:0;
	background: #fff9f6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9f6), color-stop(100%,#e8e0db));
	background: -webkit-linear-gradient(top,  #fff9f6 0%,#e8e0db 100%);
	background: linear-gradient(to bottom,  #fff9f6 0%,#e8e0db 100%);
	color:#333333;
	font-size:13px;
	text-shadow:1px 1px 0 #FFFFFF;
	-webkit-text-shadow:1px 1px 0 #FFFFFF;
	cursor:pointer;
}
#Side h2 span {
	display:block;
	padding:15px;
	background:url(/images/sp/AccArrow.png) no-repeat 97% center;
	background-size:22px;
}
#SideRegularContainer {
	display:none;
}
#TitlePickUp {
	display:none;
}
#TopMainNav {
	display:none;
}
.btnList a {
	display: block;
	width:auto;
	height:auto;
	background: #666666;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%);
	background: linear-gradient(to bottom,  #666666 0%,#333333 100%);
	border:solid 1px #333333;
	border-radius:3px;
	padding:5px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-shadow:-1px -1px 0 #000000;
	-webkit-text-shadow:-1px -1px 0 #000000;
	overflow:auto;
}
.btnList a:hover {
	background:none;
}
#TopTitle {
	height:40px;
	padding: 10px 0 0 0;
	background:url(/images/sp/BgStripe.png) repeat-x left bottom;
}
#TopFeature .thumb,
#FeatureList .thumb {
	width:30%;
}
#FeatureList .thumb {
	margin:3% 0;
}
.thumb img {
	width:70px;
}
#TopFeature .thumb a,
#FeatureList .thumb a {
	width:70px;
	height:56px;
	line-height: 56px;
	background-size:70px 52px;
}
#TopFeature .detail {
	width:70%;
}
#TopFeature .detailAbout {
	width:100%;
}
#TopFeature .iconCat,
#TopNew .iconCat {
	float:left;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	margin-top:5px;
}
#TopPickUp h3, #TopFeature h3, #TopNew h3, #FeatureList h3 {
	margin-bottom: 2%;
	line-height: 1.3em;
	font-size: 13px;
	font-weight: bold;
}
#TopFeature .contestSet {
	padding:3% 3% 0 3%;
}
.prize {
	margin-top:3%;
	line-height:1.3em;
	background:url(../images/format/IconCrown.png) no-repeat left center;
	background-size:10px;
	font-size:10px;
}
.sponsorship {
	padding-top: 2%;
	font-size: 8px;
	line-height: 1.3em;
}
#TopNew .contestSet {
	padding:3% 3% 0 3%;
}
#TopNew .detail {
	width:85%;
}
#TopNew .detailAbout {
	width:100%;
}
.new img {
	width:30px;
}
#ContentsMain #TitleFeature {
	width:100%;
	padding-top:32px;
	background:url(/images/sp/TitleFeature.png) no-repeat 3% center;
	background-size:100%;
}
#ContentsMain #TitleNew {
	width:100%;
	padding-top:32px;
	background:url(/images/sp/TitleNew.png) no-repeat 3% center;
	background-size:100%;
}
#TopTitle .btnList {
	top:10px;
	right:3%;
}
.twitter-share-button {
	left:10px;
	top:10px;
}
#BtnFacebook {
	right:10px;
	top:10px;
}
#ContentsSub #SocialBtn {
	width:70%;
	height:38px;
	border-radius:5px;
	margin:8% auto;
	background-color:#CCCCCC;
}
#BannerPlan {
	/*position:static;
	text-align:center;*/
	display:none;
}
#ContentsSub #TitleHurry {
	width:100%;
	border-top:10px solid #FFD01B;
	border-bottom:10px solid #FFD01B;
	padding-top:16px;
	background:#FFD01B url(/images/sp/TitleHurry.png) no-repeat 3% center;
	background-size:117px 16px;
}
.contentsSubContainer {
	border-right:none;
	border-left:none;
	border-bottom:none;
}
#ContentsSub h3 {
	font-size:12px;
}
.contentsSubContainer .btnMore {
	margin:0 3% 3% 0;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
}
#SideFeatureContainer {
	display:none;
}
#SPFeatureContainer {
	display:block;
	border-top:solid 1px #D6D1CD;
}
#SideNav {
	width:96%;
	margin:0 auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow:hidden;
	border:solid 1px #D6D1CD;
	border-radius:7px;
	margin-bottom:5%;
	padding-top:0;
	background: #fff9f6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff9f6), color-stop(100%,#e8e0db));
	background: -webkit-linear-gradient(top,  #fff9f6 0%,#e8e0db 100%);
	background: linear-gradient(to bottom,  #fff9f6 0%,#e8e0db 100%);
	box-shadow:0 1px 4px #333333;
}
#SideNav li {
	width:33%;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left:solid 1px #D6D1CD;
	border-right:solid 1px #FFFFFF;
}
#SideNav li:first-child {
	border-left:none;
}
#SideNav li:last-child {
	border-right:none;
}
#SideNav a {
	display: block;
	width: 100%;
	height:auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:0;
	padding:8% 0 8% 36px;
	background:none;
	overflow:auto;
	color:#333333;
	font-size:13px;
	font-weight:bold;
	text-shadow:1px 1px 0 #FFFFFF;
	-webkit-text-shadow:1px 1px 0 #FFFFFF;
	letter-spacing:0;
}
#SideNav #SideNavFeature {
	background:url(/images/sp/NavFeature.png) no-repeat 6px center;
	background-size:24px;
}
#SideNav #SideNavNew {
	background:url(/images/sp/NavNew.png) no-repeat 6px center;
	background-size:24px;
}
#SideNav #SideNavClosing {
	background:url(/images/sp/NavClosing.png) no-repeat 6px center;
	background-size:24px;
}
#Side {
	margin-top:20px;
	padding-top:5%;
	background-color:#898585;
	box-shadow:0 2px 2px #666666 inset;
}
#SPFeatureContainer ul {
	background-color:#FFFFFF;
	list-style-type:none;
}
#SPFeatureContainer ul li {
	border-bottom:solid 1px #CCCCCC;
}
#SPFeatureContainer ul a {
	display:block;
	padding:5% 5% 5% 50px;
	color:#333333;
	font-size:13px;
}
#SPFeatureContainer ul li#SPFeatureNavCB {
	background:url(/images/sp/IconCB.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconCB.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconCB.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavMajor {
	background:url(/images/sp/IconMajor.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconMajor.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconMajor.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavCountry {
	background:url(/images/sp/IconCountry.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconCountry.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconCountry.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavPrize {
	background:url(/images/sp/IconPrize.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconPrize.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconPrize.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavPrivilege {
	background:url(/images/sp/IconPrivilege.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconPrivilege.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconPrivilege.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavExaminer {
	background:url(/images/sp/IconExaminer.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconExaminer.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconExaminer.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPFeatureNavStudent {
	background:url(/images/sp/IconStudent.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconStudent.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconStudent.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:22px, auto;
}
#SPFeatureContainer ul li#SPCatNavArt {
	background:url(/images/sp/IconArt.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconArt.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconArt.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavGraphic {
	background:url(/images/sp/IconGraphic.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconGraphic.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconGraphic.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavIllust {
	background:url(/images/sp/IconIllust.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconIllust.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconIllust.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavLogo {
	background:url(/images/sp/IconLogo.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconLogo.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconLogo.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavCharacter {
	background:url(/images/sp/IconCharacter.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconCharacter.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconCharacter.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavPhoto {
	background:url(/images/sp/IconPhoto.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconPhoto.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconPhoto.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavComic {
	background:url(/images/sp/IconComic.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconComic.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconComic.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavMovie {
	background:url(/images/sp/IconMovie.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconMovie.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconMovie.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavWeb {
	background:url(/images/sp/IconWeb.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconWeb.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconWeb.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavArchitecture {
	background:url(/images/sp/IconArchitecture.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconArchitecture.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconArchitecture.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavProduct {
	background:url(/images/sp/IconProduct.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconProduct.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconProduct.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavFashion {
	background:url(/images/sp/IconFashion.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconFashion.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconFashion.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavCraft {
	background:url(/images/sp/IconCraft.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconCraft.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconCraft.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavSociety {
	background:url(/images/sp/IconSociety.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconSociety.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconSociety.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavIdea {
	background:url(/images/sp/IconIdea.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconIdea.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconIdea.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavAll {
	background:url(/images/sp/IconAll.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconAll.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconAll.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFeatureContainer ul li#SPCatNavOther {
	background:url(/images/sp/IconOther.png) no-repeat 16px center, -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(3%,#ededed), color-stop(100%,#ffffff));
	background:url(/images/sp/IconOther.png) no-repeat 16px center, -webkit-linear-gradient(top,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background:url(/images/sp/IconOther.png) no-repeat 16px center, linear-gradient(to bottom,  #ffffff 3%,#ededed 3%,#ffffff 100%);
	background-size:18px, auto;
}
#SPFooter {
	display:block;
	border-top:solid 1px #666666;
	border-bottom:solid 1px #666666;
	list-style-type:none;
	background-color:#333333;
	overflow:hidden;
}
#SPFooter li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:50%;
	float:left;
}
#SPFooter li a {
	display:block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:10% 10% 10% 40px;
	color:#FFFFFF;
	font-size:11px;
}
#SPFooterHome {
	border-right:solid 1px #666666;
	background:url(/images/sp/FooterHome.png) no-repeat 16px center;
	background-size:14px auto;
}
#SPFooterPagetop {
	background:url(/images/sp/FooterPagetop.png) no-repeat 16px center;
	background-size:14px auto;
}
#Contents #TopFeature h2 {
	margin-bottom:20px;
	text-align:left;
}
#Contents h2 {
	margin-bottom:0;
	text-align:center;
}
#Contents h2 img {
	width:96%;
	margin:5% auto 0 auto;
}
#FeatureList .detail,
#FeatureList dl,
#FeatureList .detailAbout {
	width:100%;
	float:none;
}
#FeatureList .prize,
#FeatureList .iconCat {
	width:100%;
	float:none;
	margin-top:3%;
}
#FeatureList .iconCat {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	margin-top:5px;
}
#FeatureList .contestSet {
	padding:3% 3% 0 3%;
}
#FeatureList h3.new {
	padding-left:35px;
	background-size:auto 13px;
}
.statusActive, .statusSoon, .statusEnd, .statusResult {
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
#Contents #Privacy h2,
#Contents #Form01 h2,
#Contents #Form02 h2 {
	margin:0 0 5% 0;
	text-align:left;
}
#Contents #Privacy h2 img,
#Contents #Form01 h2 img,
#Contents #Form02 h2 img {
	height:12px;
	width:auto;
}
#Form01 table,
#Form02 table {
	width:100%;
}
#Form01 th,
#Form02 th {
	width:70px;
	font-size:11px;
}
#Form01 td,
#Form02 td {
	padding:10px;
}
#Form01 table input,
#Form01 table textarea,
#Form02 table input,
#Form02 table textarea {
	width:90%;
}

/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 border-radius:5px;
}

.trigger{
    padding:10px 10px 10px 15px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    border-radius:5px;
    font-size:88%;
}

.trigger.active{
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #cfcfcf;
}

.acordion_tree{
    padding:15px;
    font-size:75%;
}

.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
    height:11px;
    width:20px;
    background:url(../images/open.png) no-repeat;
    -webkit-background-size:20px 11px;
}

.trigger.active .open-close{
    background:url(../images/close.png) no-repeat;
    -webkit-background-size:20px 11px;
}

/*2017改修*/
.pc{
  display:none;
}
.sp{
  display:block;
}
.topTitlePickUp{
  display:none;
}
/*スライド*/

.topCOMPEDIAPickUpSlideBox {
    width: 100%;
    height:auto;
    position:static;
    padding:0;
    background-image:none;
    margin-top:0;
    left:inherit;
}
.topCOMPEDIAPickUpSlideBox ol {
  display:none !important;
}
/*トップ　タイトル*/
h2.topTitle {
    font-size: 18px;
}
h2.topTitle:before,
h2.viewTitle:before {
    width: 100%;
}
.topTitleBox .btnAllView{
  right:10px;
}

/*締め切り*/
#Contents h2.titleRightSideClosing{
    width: 100%;
    padding-top: 0px;
    line-height:30px;
    height:30px;
    background-image:none;
    background-color:#FFD01B;
    position:relative;
    text-align:left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
  padding-left:40px;
}
#Contents h2.titleRightSideClosing:before{
  position:absolute;
  content:"";
  background-image:url(/images/format/iconRightSideClosing.png);
  background-size:20px 20px;
  width:20px;
  height:20px;
  top:5px;
  left:10px;
}

/*一覧　タイトル*/
.viewTitleBox h2.viewTitle{
  text-align:left !important;
  font-size:18px;
  padding-left: 45px;
}
h2.viewTitle.viewTitleCountry:after{
  left:10px;
}