@charset "Shift_JIS";

/*-------------------------------------------------------
	topレスポンシブ用.css
--------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
	.topAreaBlock .topAreaBlockInner {
		margin:0 auto;
		padding:0 10px 15px;
		width:300px;
	}
	.topAreaBlock .lead {
		text-align:center;
	}
	.pcTopArea {
		display:none;
	}
	.spTopArea h1 img {
		max-width:300px;
	}
	.newinfoBlock {
		background:#fff;
	}
	.newinfoBlock .newinfoBlockInner {
		margin:0 auto;
		width:300px;
		padding:12px 10px;
	}
	.newinfoBlock h2 {
		margin-bottom:15px;
	}
	.newinfoBlock h2 img {
		max-width:190px;
	}
	.newinfoBlock .slides {
		height:380px;
	}
	.newinfoBlock .slides li dl {
		float:left;
		width:140px;
		margin:0 14px 17px 0;
		padding-left:3px;
	}
	.newinfoBlock .slides li dl.dlright {
		margin:0 0 17px 0;
		padding-left:0;
		padding-right:3px;
	}
	.newinfoBlock .slides li dl dt {
		margin-bottom:5px;
		padding:4px;
		background:#fff;
		border:solid 1px #d9d9d9;
		box-shadow:3px 3px 3px #f4f4f4;
		-webkit-box-shadow: 3px 3px 3px #f4f4f4;
		-moz-box-shadow: 3px 3px 3px #f4f4f4;
	}
	.newinfoBlock .slides li dl dt a {
		width:130px;
		height:85px;
		display: block;
		background-position: center center;
		background-repeat:no-repeat;
		background-size: cover;
	}
	.newinfoBlock .flex-direction-nav {
		position:relative;
	}
	.newinfoBlock .flex-direction-nav li a {
		position:absolute;
		top:-23px;
	}
	.newinfoBlock .flex-direction-nav li a.flex-prev {
		background:url(../img/btn_prev.png) no-repeat top left;
		background-size:25px 25px;
		width:25px;
		height:25px;
		text-indent:-99999px;
		left:95px;
	}
	.newinfoBlock .flex-direction-nav li a.flex-next {
		background:url(../img/btn_next.png) no-repeat top right;
		background-size:25px 25px;
		width:25px;
		height:25px;
		text-indent:-99999px;
		right:95px;
	}
	.bnrAreaBlock .bnrAreaBlockInner {
		margin:0 auto 30px;
		width:320px;
		text-align:center;
	}
	.bnrAreaBlock .bnrAreaBlockInner p img {
		width:300px;
	}
	.bnrAreaBlock.bottom .bnrAreaBlockInner {
		margin-top: 30px;
	}

	/*コンテストプロモ
	---------------------------*/
	#sp-result {
		margin:10px 0;
		padding-bottom:10px;
		border-bottom:solid 1px #e84694;
		background:#fff;
	}
	#sp-result .sp-resultInner {
		width:320px;
		margin:0 auto;
		position:relative;
	}
	#sp-result .btnResult {
		position:absolute;
		top:319px;
		left:27px;
	}
	#sp-result .btnClose {
		margin-top:10px;
		text-align:center;
	}
	#sp-result .btnClose img {
		cursor:pointer;
	}
	#lb-result {
		display:none;
	}
}
@media print, screen and (min-width: 700px) {
	.topAreaBlock .topAreaBlockInner {
		padding:7px 0 0 0;
		width:930px;
	}
	.spTopArea {
		display:none;
	}
	.pcTopArea {
		display:block;
		position:relative;
	}
	.pcTopArea .btnArea li {
		position:absolute;
	}
	.pcTopArea .btnArea li.hokkaido {
		top:45px;
		left:613px;
	}
	.pcTopArea .btnArea li.kanto {
		top:293px;
		left:758px;
	}
	.pcTopArea .btnArea li.chubu {
		top:404px;
		left:629px;
	}
	.pcTopArea .btnArea li.kinki {
		top:208px;
		left:543px;
	}
	.pcTopArea .btnArea li.chugoku {
		top:249px;
		left:438px;
	}
	.pcTopArea .btnArea li.shikoku {
		top:448px;
		left:499px;
	}
	.pcTopArea .btnArea li.kyushu {
		top:319px;
		left:338px;
	}
	.pcTopArea .btnArea li.kaigai {
		top:434px;
		left:748px;
	}
	.pcTopArea .btnArea li.online {
		top:505px;
		left:748px;
	}
	.pcTopArea .btnArea li a:hover img {
		opacity:0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity: 0.8;
	}
	.newinfoBlock .newinfoBlockInner {
		width:930px;
		padding:14px 0;
		background:url(../../common/img/img_flag.gif) no-repeat top right;
	}
	.newinfoBlock h2 {
		margin-bottom:20px;
	}
	.newinfoBlock h2 img {
		width:253px;
	}
	.newinfoBlock .slides {
		height:220px;
	}
	.newinfoBlock .slides li dl {
		float:left;
		width:208px;
		margin:0 22px 0 0;
	}
	.newinfoBlock .slides li dl.dlleft {
		padding-left:16px;
	}
	.newinfoBlock .slides li dl.dlright {
		margin:0 0 0 0;
		padding-right:16px;
	}
	.newinfoBlock .slides li dl dt {
		padding:6px;
		border:solid 2px #d9d9d9;
	}
	.newinfoBlock .slides li dl dt a {
		width:192px;
		height:140px;
	}
	.newinfoBlock .flex-direction-nav li a {
		top:-160px;
	}
	.newinfoBlock .flex-direction-nav li a.flex-prev {
		width:35px;
		height:35px;
		background-size:35px 35px;
		left:-28px;
	}
	.newinfoBlock .flex-direction-nav li a.flex-next {
		width:35px;
		height:35px;
		background-size:35px 35px;
		right:-28px;
	}
	.newinfoBlock .flex-control-nav {
		display:none;
	}
	.bnrAreaBlock .bnrAreaBlockInner {
		margin:0 auto 40px;
		width:930px;
	}
	.bnrAreaBlock .bnrAreaBlockInner p img {
		margin: 0 auto;
		width:640px;
	}
	.bnrAreaBlock.bottom .bnrAreaBlockInner {
		margin-top: 40px;
	}
	.bnrAreaBlock.bottom .bnrAreaBlockInner p img {
		margin: 0 auto;
		width:700px;
	}

	/*コンテストプロモ
	---------------------------*/
	#sp-result {
		display:none;
	}
	#lb-result {
		display:block;
		width:100%;
		height:100%;
		margin:0 auto;
		position:fixed;
		z-index:2000;
	}
	#lb-result #overlay {
		background:url(../img/overlay.png) top left;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
	}
	#lb-result .resultBox {
		width:930px;
		/*height:600px;*/
		margin:0 auto;
		position:relative;
		z-index:3000;
	}
	#lb-result .imgDetail {
		position:absolute;
		top:60px;
		left:0;
	}
	#lb-result .btnClose {
		position:absolute;
		top:30px;
		left:900px;
		z-index:4000;
		cursor: pointer;
	}
	#lb-result .btnResult {
		position:absolute;
		top:570px;
		left:427px;
		z-index:5000;
		width:421px;
		height:72px;
	}

}