/* **************************************************
reset
************************************************** */
html {
background:#fff;
color:#333;
font-size:62.5%;
}
body {
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.0rem;
margin:0;
padding:0;
}
a img, img { border:0; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}
caption, th { text-align:left; }
code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:100%;
font-weight:normal;
}
ol, ul, li { list-style:none; }
q:before, q:after { content:''; }
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
table {
border-spacing:0;
font-size:100%;
}
th, td { vertical-align: top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
small { font-size: 100%; }

p{
font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-justify: distribute;
font-size:1.6rem;
line-height:1.7;
}

/* -----------------------------------------------------------------------------
cmn
----------------------------------------------------------------------------- */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after { clear:both;}
.cf {
	zoom:1 ;/* For IE 6/7 */
	}
body{
	margin: 0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p,li{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,Osaka,	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	height: auto;
}

/* -----------------------------------------------------------------------------
header
----------------------------------------------------------------------------- */
.naposta2017 .header{
	background-color: #ff0000;
	min-width: 980px;
	overflow: hidden;
	padding-bottom: 60px;
	width: 100%;
	margin-bottom: 0;
	background-image: url(../img/audience.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
.naposta2017 .headerInblock{
	margin: 0 auto;
	min-width: 980px;
	position: relative;
		top: 0
		left:0;
}
.naposta2017 .header .headerInblock2{
	position: relative;
	z-index: 51;
}
.naposta2017 .header .headerDiscInblock h2 img{
	margin-top: -32px;
	width: 434px;
}
.naposta2017 .napWp{
	position: relative;
	z-index: 52;
	margin: 0 auto;
	width: 100%;
}

.naposta2017 .HeldDecision{
	height: auto;
	width: 656px;
}
.naposta2017 .bglightWp{
	position: relative;
	left: 0;
	top: -270px;
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {.naposta2017 .bglightWp{width: 100%;top: -220px;}}
@media screen and (max-width: 980px) {.naposta2017 .bglightWp{width: 980px;}}
@media screen and (max-width: 640px) {.naposta2017 .bglightWp{top: 0;}}


.naposta2017 .bglight{
	position: absolute;
	width: 100%;
	height: auto;
		left: 0;
		top:0;
		right: 0;
		bottom: 0;
		z-index: 2;
}

.naposta2017 .header h1 {
	animation: prun 2.2s ease-in;
		-webkit-animation: prun 2.2s ease-in;
		-moz-animation: prun 2.2s ease-in;
		-o-animation: prun 2.2s ease-in;
		-ms-animation: prun 2.2s ease-in;
	margin: 0 auto;
	min-width: 980px;
	text-align: center;
	width: 100%;
}
.naposta2017 .header h2 {
	margin: 10px 0 0;
	min-width: 980px;
	text-align: center;
	width: 100%;
}
.naposta2017 .headrInbox	{
	position: relative;
	margin-top: -400px;
	z-index: 51;
}
.naposta2017 .headrInbox.about	{
		margin-top: 10px;
}

.naposta2017 .headerScheduleWp img{
	display: block;
	height: auto;
	max-width: 520px;
  width: 90%;
	margin: auto;
}
.naposta2017 .headerScheduleWp .headerScheduleImg1{
		margin: -20px auto 0;
}

.naposta2017 .headerDisc{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c78b04), color-stop(0.50, #eed27c), color-stop(0.00, #c78b44));
	background: -webkit-linear-gradient(top, #c78b44 0%, #eed27c 50%, #c78b04 100%);
	background: -moz-linear-gradient(top, #c78b44 0%, #eed27c 50%, #c78b04 100%);
	background: -o-linear-gradient(top, #c78b44 0%, #eed27c 50%, #c78b04 100%);
	background: -ms-linear-gradient(top, #c78b44 0%, #eed27c 50%, #c78b04 100%);
	background: linear-gradient(to bottom, #c78b44 0%, #eed27c 50%, #c78b04 100%);		box-sizing: border-box;
	border-radius: 10px;
	margin: 50px auto 0;
	padding: 7px;
	width: 980px;;
}
.naposta2017 .headerDiscInblock{
	background-color: #fffeeb;
	background-image: url(../img/hDiscBg.png);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	padding-bottom: 60px;
	text-align: center;
}
.naposta2017 .headerDiscInblock h2{
	margin: 0;
}
.naposta2017 .headerDiscInblock h3 img{
		height: auto;
		width: 832px;
}
.naposta2017 .headerDiscInblock h4 img{
		height: auto;
		width: 728px;
}
.naposta2017 .headerDiscInblock img{margin: 35px auto 0;}
.naposta2017 .headerDiscInblock .hDiscP1{
	width: 584px;
}
.naposta2017 .headerDiscInblock .hDiscP2{
	width: 756px;
}
.naposta2017 .headerDiscBtnA {
	margin: 40px auto 0;
	width: 650px;
}

.naposta2017 .headerDiscBtnA .pastBtn{
	float: right;
	display: block;
	background-color: #ffcc00;
	border-radius : 8px;
	padding: 14px 8px 8px 0;
	text-align: right;
	width: 310px;
	position: relative;
	top: 0;
	left:0;
	box-shadow: 0 6px #907300;
	transition: 0.1s;
}
.naposta2017 .headerDiscBtnA .pastBtn:hover{
	background-color: #ffdc52;
	top: 5px;
	box-shadow: 0 1px #907300;
}
.naposta2017 .headerDiscBtnA .pastBtn img{
	width: 254px;
}
.naposta2017 .headerDiscBtnA img{
	margin: 0;
}


/* -----------------------------------------------------------------------------
content
----------------------------------------------------------------------------- */
.naposta2017 .content{
	background-image: url(../img/tent.png);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 72px;
}

.naposta2017 .content .conInbox{
	margin: 0 auto;
	width: 980px;
}

.naposta2017 .content .conInbox .napoSecCmn{
	border: solid 4px #c88a05;
	border-radius: 6px;
	box-sizing: border-box;
	margin-top: 60px;
	padding: 0 54px 55px;
}
.naposta2017 .content .conInbox .napoSecCmn h2{
	margin: 0;
	text-align: center;
}
.naposta2017 .content .conInbox .napoSecCmn h2 img{
	height: auto;
	margin-top: -20px;
	width: 248px;
}
.naposta2017 .content .conInbox .napoSecCmn p{
	line-height: 28px;
	margin-top: 30px;
}


.naposta2017 .oiketyaBanner{
	 float: left;
 }

.naposta2017 .aQualification h3{
	font-size: 16px;
		text-align: center;
		color: #e62327;
		border:	solid 2px #e62327;
		margin-top: 40px;
	}
.naposta2017 .aQualification ul{
		padding: 0;
		margin-top: 30px;
	}
.naposta2017 .aQualification li{
	background-image: url(../img/aQualificationListstyle.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 16px;
	line-height: 23px;
	list-style: none;
	margin-top: 12px;
	padding: 0 0 0 30px;
	text-decoration: none;
}
.naposta2017 .cnvArea{
	background-color: #e62327;
	border: solid 4px #b71c24;
	border-radius: 4px;
	margin: 70px auto 0;
	padding:0 20px 30px;
}
.naposta2017 .cnvArea h2{
	margin: 0;
	text-align: center;
}
.naposta2017 .cnvArea h2 img{
	margin-top: -30px;
	width: 468px;
}
.naposta2017 .cnvArea a{
	background-color: #aa0000;
	border-radius: 8px;
	box-sizing: border-box;
	box-shadow: 0 6px #9b090a;
	margin-top: 20px;
	padding: 24px 11px 5px 0;
	position: relative;
	text-align: right;
	transition: 0.1s;
	width: 452px;

		top: 0;
		left:0;
}
.naposta2017 .cnvArea a:hover{
	background-color: #7d0000;
	box-shadow: 0 1px #6a0001;

		top: 5px;
}
.naposta2017 .cnvArea .ppt{float: left;}
.cnvArea .pdf{float: right;}
.confetti{overflow: hidden;}
.headerDiscBtnA {
	margin: 40px auto 0;
	width: 650px;
}

.naposta2017 .txtank{
	color: #009245;
	text-decoration: underline;
	transition: 0.3s;
}
.naposta2017 .txtank:hover{
	color: #1fc76e;
	text-decoration: none;
}
.naposta2017 .attention{color: #e62327;}
.naposta2017 .dick p{margin: 30px 0 0;}
.naposta2017 .schedule img{
	margin-top: 35px;
	width: 100%;
}
.naposta2017 .aMethod h3{
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 0;
}
.naposta2017 .aMethod dl{
	margin-top: 10px;
	padding-left: 110px;
}
.naposta2017 .aMethod dl dt{
	background-color: #009245;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 5px;
	box-sizing: border-box;
	width: 96px;
	float: left;
}
.naposta2017 .aMethod dl dd{
	float: left;
	font-weight: bold;
	font-size: 23px;
	line-height: 36px;
	margin-left: 30px;
}
.naposta2017 .sml{
	font-size: 16px;
	line-height: 26px;
	padding-left: 10px;
}
.naposta2017 .performance h3 img {
	max-width: 468px;
	width: 100%;
}
.naposta2017 .atsn{color: #e62327;}
.naposta2017 .noteBlock{
	background-image: url(../img/importantIcon.png);
	background-position: 20px 50%;
	background-repeat: no-repeat;
	background-size: 102px;
	margin-top: 30px;
	min-height: 103px;
	padding-left:150px;
}
.naposta2017 .content .conInbox .noteBlock p{
	color: #e62327;
	font-size: 14px;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0;
}
.naposta2017 .noteBlock p:nth-child(1){padding-top: 20px;}
.naposta2017 .performance h3{
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}
.naposta2017 .content .conInbox .performance .note{
	margin-top: 5px;
	text-align: center;
}
.naposta2017 .performance dl {
	float: left;
	width: 432px;
}
.naposta2017 .performance dl:nth-child(4) {float: left;}
.naposta2017 .performance dl:nth-child(5) {float: right;}
.naposta2017 .performance dl dt{
	border: solid 1px #333;
	box-sizing: border-box;
	color: #333;
	float: left;
	font-size: 14px;
	margin-top: 12px;
	padding: 3px;
	text-align: center;
	width: 110px;
}
.naposta2017 .performance dl dd{
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
	margin-left: 13px;
	min-height: 29px;
	padding-top: 1px;
	width: 309px;
}
.naposta2017 .performance dl dd span{font-size: 14px;}
.naposta2017 .performance .media{
	margin: 30px auto 0;
	width: 748px;
}
.naposta2017 .performance .media dl{
	background-color: #ffc7c8;
	background-position: 50% 18%;
	background-repeat: no-repeat;
	border-radius: 6px;
	box-sizing: border-box;
	float: left;
	height: 228px;
	margin-left: 5px;
	padding-top: 138px;
	width: 246px;
}
.naposta2017 .performance .media dl dt{
	float: none;
	margin: 0 auto;
}
.naposta2017 .performance .media dl dd{
	color: #333;
	float: none;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	width: 246px;
}
.naposta2017 .performance .media dl:nth-child(1){
	background-image: url(../img/performanceIconTv.png);
	margin-left: 0;
}
.naposta2017 .performance .performanceData{
	margin-top: 10px;
}
.naposta2017 .performance .media dl:nth-child(2){background-image: url(../img/performanceIconNews.png);}
.naposta2017 .performance .media dl:nth-child(3){background-image: url(../img/performanceIconNet.png);}
.naposta2017 .performance .mediaDisc{
	width: 100%;
	height: auto;
	margin-top: 50px;
}


/* -----------------------------------------------------------------------------
.steam & napo
----------------------------------------------------------------------------- */
.naposta2017 .steamCmn{
	animation: horizontal 1s ease-in-out infinite alternate;
		-webkit-animation: horizontal 1s ease-in-out infinite alternate;
		-moz-animation: horizontal 1s ease-in-out infinite alternate;
		-o-animation: horizontal 1s ease-in-out infinite alternate;
		-ms-animation: horizontal 1s ease-in-out infinite alternate;
	position: absolute;
		z-index: 6;
}
.naposta2017 .steamCmn img{
	animation: vertical 1s ease-in-out infinite alternate;
		-webkit-animation: vertical 1s ease-in-out infinite alternate;
		-moz-animation: vertical 1s ease-in-out infinite alternate;
		-o-animation: vertical 1s ease-in-out infinite alternate;
		-ms-animation: vertical 1s ease-in-out infinite alternate;
	height: auto;
}
.naposta2017 .steam01{right: 290px;top: -27px;}
.naposta2017 .steam02{left: 220px;top: 26px;}
.naposta2017 .steam03{right: 115px;top: 50px;}
.naposta2017 .steam04{left: 5px;top: 206px;}
.naposta2017 .steam05{right: -20px;top: 216px;}
.naposta2017 .steam01 img{width: 95px;}
.naposta2017 .steam02 img{width: 110px;}
.naposta2017 .steam03 img{width: 150px;}
.naposta2017 .steam04 img{width: 200px;}
.naposta2017 .steam05 img{width: 260px;}
.naposta2017 .napcmn{
	position: absolute;
		z-index: 5;
}
.naposta2017 .nap01{
	animation: vertical 4s infinite alternate;
		-webkit-animation: verticalNapo 4s infinite alternate;
		-moz-animation: verticalNapo 4s infinite alternate;
		-o-animation: verticalNapo 4s infinite alternate;
		-ms-animation: verticalNapo 4s infinite alternate;
	right: 280px;
	top: 16px;
}
.naposta2017 .nap02{
	animation: vertical 3.5s infinite alternate;
		-webkit-animation: verticalNapo 3.5s infinite alternate;
		-moz-animation: verticalNapo 3.5s infinite alternate;
		-o-animation: verticalNapo 3.5s infinite alternate;
		-ms-animation: verticalNapo 3.5s infinite alternate;
	left: 210px;
	top: 76px;
}
.naposta2017 .nap03{
	animation: vertical 4s infinite alternate;
		-webkit-animation: verticalNapo 4s infinite alternate;
		-moz-animation: verticalNapo 4s infinite alternate;
		-o-animation: verticalNapo 4s infinite alternate;
		-ms-animation: verticalNapo 4s infinite alternate;
	right: 120px;
	top: 140px;
}
.naposta2017 .nap04{
	animation: verticalNapo 3s infinite alternate;
		-webkit-animation: verticalNapo 3s infinite alternate;
		-moz-animation: verticalNapo 3s infinite alternate;
		-o-animation: verticalNapo 3s infinite alternate;
		-ms-animation: verticalNapo 3s infinite alternate;
	left: -170px;
	top: 286px;
}
.naposta2017 .nap05{
	animation: vertical 2.5s infinite alternate;
		-webkit-animation: verticalNapo 2.5s infinite alternate;
		-moz-animation: verticalNapo 2.5s infinite alternate;
		-o-animation: verticalNapo 2.5s infinite alternate;
		-ms-animation: verticalNapo 2.5s infinite alternate;
	right: -220px;
	top: 336px;
}


/* -----------------------------------------------------------------------------
.fireworks
----------------------------------------------------------------------------- */
.naposta2017 .fireworks{
	background-image: url(../img/fireworksBg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 510px;
	position: absolute;
		left:0;
		top:0;
		z-index: 3;
	width: 100%;
	-webkit-animation: fireworksmoveWp 30s infinite normal;
	-moz-animation: fireworksmoveWp 30s infinite normal;
	-o-animation: fireworksmoveWp 30s infinite normal ;
	-ms-animation: fireworksmoveWp 30s infinite normal ;
	animation: fireworksmoveWp 30s infinite normal;
}
.naposta2017 .fireworks div{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0;
	position: absolute;
	z-index: 6;
}
.naposta2017 .fireworks01{
	animation: fireworksmove 3s infinite normal;
		-webkit-animation: fireworksmove 3s infinite normal;
		-moz-animation: fireworksmove 3s infinite normal;
		-o-animation: fireworksmove 2s infinite normal ;
		-ms-animation: vfireworksmove 3s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 130px;
	width: 130px;

		top: 92px;
		left: -15px;
}

.naposta2017 .fireworks02{
	animation: fireworksmove 2.5s infinite normal;
		-webkit-animation: fireworksmove 2.5s infinite normal;
		-moz-animation: fireworksmove 2.5s infinite normal;
		-o-animation: fireworksmove 2.5s infinite normal ;
		-ms-animation: vfireworksmove 2.5s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 60px;
	width: 60px;

	top: 188px;
	left: 111px;
}

.naposta2017 .fireworks03{
	animation: fireworksmove 3.5s infinite normal;
		-webkit-animation: fireworksmove 3.5s infinite normal;
		-moz-animation: fireworksmove 3.5s infinite normal;
		-o-animation: fireworksmove 3.5s infinite normal ;
		-ms-animation: vfireworksmove 3.5s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 75px;
	width: 60px;

	bottom: -7px;
	left: 266px;
}

.naposta2017 .fireworks04{
	animation: fireworksmove 2.2s infinite normal;
		-webkit-animation: fireworksmove 2.2s infinite normal;
		-moz-animation: fireworksmove 2.2s infinite normal;
		-o-animation: fireworksmove 2.2s infinite normal ;
		-ms-animation: vfireworksmove 2.2s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 114px;
	width: 114px;

		top: 0px;
		left: 410px;
}

.naposta2017 .fireworks05{
	animation: fireworksmove 2.8s infinite normal;
		-webkit-animation: fireworksmove 2.8s infinite normal;
		-moz-animation: fireworksmove 2.8s infinite normal;
		-o-animation: fireworksmove 2.8s infinite normal ;
		-ms-animation: vfireworksmove 2.8s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 160px;
	width: 160px;

		top: 34px;
		right: 10px;
}

.naposta2017 .fireworks06{
	animation: fireworksmove 2.8s infinite normal;
		-webkit-animation: fireworksmove 2.8s infinite normal;
		-moz-animation: fireworksmove 2.8s infinite normal;
		-o-animation: fireworksmove 2.8s infinite normal ;
		-ms-animation: vfireworksmove 2.8s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 100px;
	width: 70px;

		top: 130px;
		right: -8px;
}

.naposta2017 .fireworks07{
	animation: fireworksmove 2.8s infinite normal;
		-webkit-animation: fireworksmove 2.8s infinite normal;
		-moz-animation: fireworksmove 2.8s infinite normal;
		-o-animation: fireworksmove 2.8s infinite normal ;
		-ms-animation: vfireworksmove 2.8s infinite normal ;
	background-image: url(../img/fireworks02.png);
	height: 82px;
	width: 82px;

	bottom: 22px;
	right: 220px;
}
/* -----------------------------------------------------------------------------
.confetti
----------------------------------------------------------------------------- */
.naposta2017 .confettiWp{
	height: 500px;
	width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 51;
}
.naposta2017 .confettiWp .confettiCmn .confetti1 {
	-webkit-animation:flipInX 3s linear 0s infinite alternate;
-moz-animation:flipInX 3s linear 0s infinite alternate;
animation:flipInX 3s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti1 img{
	-webkit-animation:flipInY 1s linear 0s infinite;
-moz-animation:flipInY 1s linear 0s infinite;
animation:flipInY 1s linear 0s infinite;
	width: 20px;
}

.naposta2017 .confettiWp .confettiCmn .confetti2 {
	-webkit-animation:flipInX 1.8s linear 0s infinite alternate;
-moz-animation:flipInX 1.8s linear 0s infinite alternate;
animation:flipInX 1.8s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti2 img{
	-webkit-animation:flipInY 1.5s linear 0s infinite;
-moz-animation:flipInY 1.5s linear 0s infinite;
animation:flipInY 1.5s linear 0s infinite;
	width: 10px;
}


.naposta2017 .confettiWp .confettiCmn .confetti3 {
	-webkit-animation:flipInX 1.4s linear 0s infinite alternate;
	-moz-animation:flipInX 1.4s linear 0s infinite alternate;
	animation:flipInX 1.4s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti3 img{
	-webkit-animation:flipInY 1.3s linear 0s infinite;
	-moz-animation:flipInY 1.3s linear 0s infinite;
	animation:flipInY 1.3s linear 0s infinite;
	width: 6px;
}

.naposta2017 .confettiWp .confettiCmn .confetti4 {
	-webkit-animation:flipInX 1.2s linear 0s infinite alternate;
	-moz-animation:flipInX 1.2s linear 0s infinite alternate;
	animation:flipInX 1.2s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti4 img{
	-webkit-animation:flipInY 1.4s linear 0s infinite;
	-moz-animation:flipInY 1.4s linear 0s infinite;
	animation:flipInY 1.4s linear 0s infinite;
	width: 16px;
}

.naposta2017 .confettiWp .confettiCmn .confetti5 {
	-webkit-animation:flipInX 1.6s linear 0s infinite alternate;
	-moz-animation:flipInX 1.6s linear 0s infinite alternate;
	animation:flipInX 1.6s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti5 img{
	-webkit-animation:flipInY 1.6s linear 0s infinite;
	-moz-animation:flipInY 1.6s linear 0s infinite;
	animation:flipInY 1.6s linear 0s infinite;
	width: 14px;
}

.naposta2017 .confettiWp .confettiCmn .confetti6 {
	-webkit-animation:flipInX 2s linear 0s infinite alternate;
	-moz-animation:flipInX 2s linear 0s infinite alternate;
	animation:flipInX 2s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti6 img{
	-webkit-animation:flipInY 1.1s linear 0s infinite;
	-moz-animation:flipInY 1.1s linear 0s infinite;
	animation:flipInY 1.1s linear 0s infinite;
	width: 20px;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 {
	-webkit-animation:fallCmn 3s linear 0s infinite;
	-moz-animation:fallCmn 3s linear 0s infinite;
	animation:fallCmn 3s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 {
	-webkit-animation:fallCmn 4s linear 0s infinite;
	-moz-animation:fallCmn 4s linear 0s infinite;
	animation:fallCmn 4s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet03 {
	-webkit-animation:fallCmn 5.5s linear 0s infinite;
	-moz-animation:fallCmn 5.5s linear 0s infinite;
	animation:fallCmn 5.5s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 {
	-webkit-animation:fallCmn 8s linear 0s infinite;
	-moz-animation:fallCmn 8s linear 0s infinite;
	animation:fallCmn 8s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet05 {
	-webkit-animation:fallCmn 9.5s linear 0s infinite;
	-moz-animation:fallCmn 9.5s linear 0s infinite;
	animation:fallCmn 9.5s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet06 {
	-webkit-animation:fallCmn 11s linear 0s infinite;
	-moz-animation:fallCmn 11s linear 0s infinite;
	animation:fallCmn 11s linear 0s infinite;
}
.naposta2017 .confettiWp .confettiCmn .confetti1Wp {
	-webkit-animation:fall01 3s linear 0s infinite alternate;
	-moz-animation:fall01 3s linear 0s infinite alternate;
	animation:fall01 3s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti2Wp {
	-webkit-animation:fall02 1.5s linear 0s infinite alternate;
	-moz-animation:fall02 1.5s linear 0s infinite alternate;
	animation:fall02 1.5s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti3Wp {
	-webkit-animation:fall03 2.4s linear 0s infinite alternate;
	-moz-animation:fall03 2.4s linear 0s infinite alternate;
	animation:fall03 2.4s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti4Wp {
	-webkit-animation:fall04 3.8s linear 0s infinite alternate;
	-moz-animation:fall04 3.8s linear 0s infinite alternate;
	animation:fall04 3.8s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti5Wp {
	-webkit-animation:fall05 1.3s linear 0s infinite alternate;
	-moz-animation:fall05 1.3s linear 0s infinite alternate;
	animation:fall05 1.3s linear 0s infinite alternate;
}
.naposta2017 .confettiWp .confettiCmn .confetti6Wp {
	-webkit-animation:fall06 4s linear 0s infinite alternate;
	-moz-animation:fall06 4s linear 0s infinite alternate;
	animation:fall06 4s linear 0s infinite alternate;
}





.naposta2017 .confettiWp .confettiCmn div span{position: absolute;z-index: 50;}

.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti1Wp .confetti1{top: 87px;left: 48px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti2Wp .confetti2{top: 155px;left: 86px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti3Wp .confetti3{top: 202px;left: 184px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti4Wp .confetti4{top: 155px;left: 285px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti5Wp .confetti5{top: 81px;left: 463px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti6Wp .confetti6{top: 308px;left: 322px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti2Wp .confetti1{top: 340px;left: 252px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti3Wp .confetti2{top: 372px;left: 421px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti4Wp .confetti3{top: 456px;left: 372px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti5Wp .confetti4{top: 549px;left: 272px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti6Wp .confetti5{top: 597px;left: 53px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti1Wp .confetti6{top: 720px;left: 190px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet03 .confetti3Wp .confetti1{top: 84px;right: 150px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti4Wp .confetti2{top: 20px;right: 310px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti5Wp .confetti3{top: 98px;right: 496px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti6Wp .confetti4{top: 173px;right: 83px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti1Wp .confetti5{top: 256px;right: 88px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti2Wp .confetti6{top: 356px;right: 243px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti4Wp .confetti1{top: 393px;right: 412px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti5Wp .confetti2{top: 120px;right: 494px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti6Wp .confetti3{top: 328px;right: 328px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti1Wp .confetti4{top: 405px;right: 391px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti2Wp .confetti5{top: 501px;right: 416px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti3Wp .confetti6{top: 705px;right: 205px;}




.naposta2017 .entryend{
	color: #e62327;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  border: dotted 2px #e62327;
  padding: 10px;
  margin-top: 30px;
}
/* -----------------------------------------------------------------------------
animation
----------------------------------------------------------------------------- */
@keyframes horizontal {
		0% { transform:translateX( -3px);}
		50% { opacity: 0.9;}
	100% { transform:translateX(	0px);opacity: 1; }
}
@-webkit-keyframes horizontal {
		0% { -webkit-transform:translateX( -3px);}
		50% { opacity: 0.9;}
	100% { -webkit-transform:translateX(	0px);opacity: 1; }
}
@keyframes vertical {
		0% { transform:translateY(-10px); }
		10% { opacity: 0.9;}
		60% { opacity: 1;}
	100% { transform:translateY(	0px); }
}
@-webkit-keyframes vertical {
		0% { -webkit-transform:translateY(-10px); }
		10% { opacity: 0.9;}
		60% { opacity: 1;}
	100% { -webkit-transform:translateY(	0px); }
}
@keyframes verticalNapo {
		0% { transform:translateY(-10px); }
	100% { transform:translateY(	0px); }
}
@-webkit-keyframes verticalNapo {
		0% { -webkit-transform:translateY(-10px); }
	100% { -webkit-transform:translateY(	0px); }
}

@-webkit-keyframes fireworksmoveWp {
	0% {background-image: none;}
100% {background-image: none;}
}

@keyframes fireworksmoveWp {
	0% {background-image: none;}
100% {background-image: none;}
}
@-moz-keyframes fireworksmoveWp {
	0% { background-size: 0;}
	100% { background-size: 0;}
}
@keyframes fireworksmove {
		0% { transform:translateY(-5px); }
		20% { opacity: 0;}
		41% { background-image: url(../img/fireworks01.png);background-size: 90%;}
		90% { opacity: 0.8;}
		99% {opacity: 0;}
	100% { transform:translateY(	0px); }
}
@-webkit-keyframes fireworksmove {
	0% { -webkit-transform:translateY(-5px); }
	20% { opacity: 0;}
	41% { background-image: url(../img/fireworks01.png);background-size: 90%;}
	90% { opacity: 0.8;}
	99% {opacity: 0;}
100% { -webkit-transform:translateY(	0px); }
}

@keyframes flipInY {
	0%	{transform:rotate3d(1, 1, 1, 0deg);}
	25%{transform:rotate3d(1,1,1,90deg);}
	50%{transform:rotate3d(1,1,1,180deg);}
	75%{transform:rotate3d(1,1,1,270deg);}
	100%{transform:rotate3d(1,1,1,360deg);}
}
@-webkit-keyframes flipInY {
	0%	{-webkit-transform:rotate3d(1, 1, 1, 0deg);}
	25%{-webkit-transform:rotate3d(1,1,1,90deg);}
	50%{-webkit-transform:rotate3d(1,1,1,180deg);}
	75%{-webkit-transform:rotate3d(1,1,1,270deg);}
	100%{-webkit-transform:rotate3d(1,1,1,360deg);}
}

@keyframes flipInX {
	0%	{transform:translateX( -10px);}
	100%{transform:translateX( 0);}
}

@-webkit-keyframes flipInX {
	0%	{-webkit-transform:translateX( -10px);}
	100%{-webkit-transform:translateX( 0);}
}

@keyframes fallCmn {
	0%	{transform:translateY( 0);}
	80%{opacity: 1;}
	100%{transform:translateY( 800px);opacity: 0;}
}
@-webkit-keyframes fallCmn {
	0%	{-webkit-transform:translateY( 0);}
	80%{opacity: 1;}
	100%{-webkit-transform:translateY( 800px);opacity: 0;}
}

@keyframes fall01 {
	0%	{transform:translateY( 0);}
	10%{transform:translateX( 5px);}
	30%{transform:translateY( -20px);}
	80%{transform:translateX( -40px);}
	100%{transform:translateY( 10px);}
}
@-webkit-keyframes fall01 {
	0%	{-webkit-transform:translateY( 0);}
	10%{-webkit-transform:translateX( 5px);}
	30%{-webkit-transform:translateY( -20px);}
	80%{-webkit-transform:translateX( -40px);}
	100%{-webkit-transform:translateY( 10px);}
}
@keyframes fall02 {
	0%	{transform:translateY( 0);}
	10%{transform:translateX( -5px);}
	65%{transform:translateY( 5px);}
	80%{transform:translateX( -10px);}
	100%{transform:translateY( -10px);}
}
@-webkit-keyframes fall02 {
	0%	{-webkit-transform:translateY( 0);}
	10%{-webkit-transform:translateX( -5px);}
	65%{-webkit-transform:translateY( 5px);}
	80%{-webkit-transform:translateX( -10px);}
	100%{-webkit-transform:translateY( -10px);}
}
@keyframes fall03 {
	0%	{transform:translateY( 0);}
	10%{transform:translateX( 10px);}
	80%{transform:translateY( -10px);}
	100%{transform:translateY( 5px);transform:translateX( 80px);}
}
@-webkit-keyframes fall03 {
	0%	{-webkit-transform:translateY( 0);}
	10%{-webkit-transform:translateX( 10px);}
	80%{-webkit-transform:translateY( -10px);}
	100%{-webkit-transform:translateY( 5px);transform:translateX( 80px);}
}
@keyframes fall04 {
	0%	{transform:translateY( 0);}
	20%{transform:translateY( -10px);}
	50%{transform:translateX( 40px);}
	100%{transform:translateY( 0);transform:translateX( -40px);}
}
@-webkit-keyframes fall04 {
	0%	{-webkit-transform:translateY( 0);}
	20%{-webkit-transform:translateY( -10px);}
	50%{-webkit-transform:translateX( 40px);}
	100%{-webkit-transform:translateY( 0);transform:translateX( -40px);}
}
@keyframes fall05 {
	0%	{transform:translateY( 0);}
	25%{transform:translateX( -10px);}
	50%{transform:translateY( -15px);}
	75%{transform:translateX( 10px);}
	100%{transform:translateY( 6px);transform:translateX( 0);}
}
@-webkit-keyframes fall05 {
	0%	{-webkit-transform:translateY( 0);}
	25%{-webkit-transform:translateX( -10px);}
	50%{-webkit-transform:translateY( -15px);}
	75%{-webkit-transform:translateX( 10px);}
	100%{-webkit-transform:translateY( 6px);transform:translateX( 0);}
}
@keyframes fall06 {
	0%	{transform:translateY( 0);}
	60%{transform:translateY( -5px);}
	100%{transform:translateY( 0);}
}
@-webkit-keyframes fall06 {
	0%	{-webkit-transform:translateY( 0);}
	60%{-webkit-transform:translateY( -5px);}
	100%{-webkit-transform:translateY( 0);}
}

.naposta2017 .spOnly,.naposta2017_recipe .spOnly{display: none!important;}
.naposta2017 .sp640Only{display: none!important;}
.naposta2017 .pcOnly,.naposta2017_recipe .pcOnly{display: block!important;}
.naposta2017 .pcOnlySps{display: inline!important;}

@keyframes prun {
	48%, 62% {transform: scale(1.0, 1.0)}
	50% {transform: scale(1.1, 0.9)}
	56% {transform: scale(0.9, 1.1) translate(0, -5px)}
	59% {transform: scale(1.0, 1.0) translate(0, -3px)}
}
@-webkit-keyframes prun{
	8%, 22% {-webkit-transform: scale(1.0, 1.0)}
	10% {-webkit-transform: scale(1.1, 0.9)}
	16% {-webkit-transform: scale(0.9, 1.1) translate(0, -5px)}
	19% {-webkit-transform: scale(1.0, 1.0) translate(0, -3px)}
}

.naposta2017_page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
		z-index: 55;
    padding: 0;
		transition: 0.1s;
}
.naposta2017_page-top img{
	width:100px;
	height:auto;
}

/* -----------------------------------------------------------------------------

/* -----------------------------------------------------------------------------
640px
----------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {
	.naposta2017 .spOnly,.naposta2017_recipe .spOnly{display: block!important;}
	.naposta2017 .sp640Only{display: block!important;}
	.naposta2017 .pcOnly,.naposta2017_recipe .pcOnly{display: none!important;}
	.naposta2017 .pcOnlySps{display: none;}
	/* -----------------------------------------------------------------------------
	header
	----------------------------------------------------------------------------- */
	.naposta2017 .header{
		max-width: 640px;
		min-width: 314px;
		overflow: hidden;
		padding-bottom: 60px;
		width: 100%;
	}
	.naposta2017 .headerInblock{
		margin: 0 auto;
		max-width: 640px;
		width: 100%;
		min-width: 314px;
		position: relative;
			top: 0
			left:0;
	}


	.naposta2017 .header .headerInblock2{
		position: relative;
		z-index: 51;
	}
	.naposta2017 .header .headerDiscInblock h2 img{margin-top: -32px;}
	.naposta2017 .napWp{
		position: relative;
		z-index: 9;
		max-width: 640px;
		min-width: 314px;
		top: -640px;
		width: 100%;
	}
	.naposta2017 .bglightWp{
		height: 600px;
		margin: 0 auto;
		max-width: 640px;
		min-width: 314px;
		width: 100%;
	}
	.naposta2017 .bglightWp.about{
		height: 0;
	}
	.naposta2017 .bglight{
	height: auto;
	position: absolute;
	width: 800px;
		left:-120px;
		top:-200px;
		z-index: 2;
	}

	.naposta2017 .header h1 {
		height: 438px;
		min-width: 300px;
		position: relative;
		width: 80%;
			top: 0;
			left: 0;
	}
	.naposta2017 .header h1 img{width: 100%;}
	.naposta2017 .header h2 {
		margin: 0 auto;
		max-width: 620px;
		min-width: 280px;
		width: 90%;
	}
	.naposta2017 .header h2 img{width: 100%;}
	.naposta2017 .headrInbox	{
		margin-top: -1100px;
		padding-top: 20px;
		position: relative;
		z-index: 51;
	}
	.naposta2017 .headerScheduleWp{
		background-image: url(../img/audienceSp.png);
		background-position: 90% 130%;
		background-repeat: no-repeat;
		background-size: 70%;
		height: 250px;
		padding-bottom: 20px;
		text-align: center;
		width: 100%;
	}

	.naposta2017 .headerDisc{
		max-width: 600px;
		margin: 0 auto;
		padding: 7px;
		width: 100%;
	}
	.naposta2017 .headerDiscInblock{
		background-color: #fffeeb;
		background-image: url(../img/hDiscBg.png);
		background-position: center;
		background-repeat: no-repeat;
		border-radius: 5px;
		padding-bottom: 60px;
		text-align: center;
	}
	.naposta2017 .headerDiscInblock h3,.naposta2017 .headerDiscInblock h4{width: 100%;}
	.naposta2017 .headerDiscInblock h3 img,.naposta2017 .headerDiscInblock h4 img{width: 90%;}
	.naposta2017 .headerDiscBtnA {
		margin: 40px auto 0;
		width: 90%;
	}
	.naposta2017 .headerDiscBtnA .oiketyaBanner,.naposta2017 .headerDiscBtnA .pastBtn{ width: 45%;}
	.naposta2017 .headerDiscBtnA .pastBtn{
		padding-bottom: 0;
		padding-top: 8px;
		box-shadow: 0 3px #907300;
	}
	.naposta2017 .oiketyaBanner img{ width: 100%;}
	.naposta2017 .headerDiscBtnA .pastBtn img{ width: 80%;}
	.naposta2017 .hDiscP2Sp{margin-top: 30px;}
	.naposta2017 .content .conInbox{
		max-width: 640px;
		width: 100%;
	}
	.naposta2017 .content .conInbox .napoSecCmn {
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	padding-top: 0;
	width: 90%;
	}
	.naposta2017 .aMethod h3 img{
		width: 100%;
	}
	.naposta2017 .aMethod dl {
		margin-top: 20px;
		padding-left: 0;
	}
	.naposta2017 .aMethod dl:nth-child(2){margin-top: 35px;}
	.naposta2017 .aMethod dl dt {float: none;}
	.naposta2017 .aMethod dl dd {
		float: none;
		font-size: 16px;
		margin-top: 5px;
		margin-left: 0;
		line-height: 1.2em;
	}
	.naposta2017 .aMethod dl dd .sml{
		font-size: 11px;
		line-height: 1.5em;
	}
	.naposta2017 .performance .media {width: 100%;}
	.naposta2017 .performance .media dl {
		width: 32%;
		margin-left: auto;
		margin-right: auto;
	}
	.naposta2017 .performance .media dl dd {
		margin-top: 5px;
		width: 100%;
	}
	.naposta2017 .performance .media dl:nth-child(2),.naposta2017 .performance .media dl:nth-child(3) {margin-left: 2%;}
	.naposta2017 .performance h3 img {max-width: 100%;}
	.naposta2017 .schedule .spOnly{width: 100%;}
	.naposta2017 .cnvArea {
		background-color: transparent;
		border: none;
		padding:0 5%;
	}
	.naposta2017 .naposta2017 .cnvArea .spOnly{width: 100%;}
	.naposta2017 .naposta2017 .performance dl {
    height: auto;
		width: 100%;
	}
.naposta2017 .steam01{right: 50px;}
.naposta2017 .steam02{left: 40px;top: 56px;}
.naposta2017 .steam03{right: -5px;}
.naposta2017 .steam04{top: 276px;}
.naposta2017 .steam05{right: -20px;top: 306px;}
.naposta2017 .steam01 img{width: 95px;}
.naposta2017 .steam02 img{width: 90px;}
.naposta2017 .steam03 img{width: 90px;}
.naposta2017 .steam04 img{width: 190px;}
.naposta2017 .steam05 img{width: 160px;}
.naposta2017 .nap01{right: 65px;top: 41px;}
.naposta2017 .nap02{left: 20px;top: 104px;}
.naposta2017 .nap03{right: 2px;top: 120px;}
.naposta2017 .nap04{left: -20px;top: 398px;}
.naposta2017 .nap05{right: -30px;top: 406px;}
.naposta2017 .nap01 img{width: 68px;}
.naposta2017 .nap02 img{width: 100px;}
.naposta2017 .nap03 img{width: 55px;}
.naposta2017 .nap04 img{width: 180px;}
.naposta2017 .nap05 img{width: 210px;}
.naposta2017_page-top {
    bottom: 30px;
    right: 30px;
}
.naposta2017 .confettiWp{
	top: -600px;
	width: 100%;
}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti1Wp .confetti1{top: 47px;left: 28px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti2Wp .confetti2{top: 75px;left: 46px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti3Wp .confetti3{top: 102px;left: 94px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti4Wp .confetti4{top: 75px;left: 145px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti5Wp .confetti5{top: 41px;left: 233px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet01 .confetti6Wp .confetti6{top: 158px;left: 162px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti2Wp .confetti1{top: 170px;left: 122px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti3Wp .confetti2{top: 172px;left: 211px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti4Wp .confetti3{top: 226px;left: 152px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti5Wp .confetti4{top: 279px;left: 132px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti6Wp .confetti5{top: 307px;left: 23px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet02 .confetti1Wp .confetti6{top: 360px;left: 90px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet03 .confetti3Wp .confetti1{top: 44px;right: 70px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti4Wp .confetti2{top: 10px;right: 150px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti5Wp .confetti3{top: 48px;right: 256px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti6Wp .confetti4{top: 73px;right: 43px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti1Wp .confetti5{top: 126px;right: 48px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet03	.confetti2Wp .confetti6{top: 176px;right: 143px;}

.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti4Wp .confetti1{top: 203px;right: 212px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti5Wp .confetti2{top: 60px;right: 254px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti6Wp .confetti3{top: 168px;right: 168px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti1Wp .confetti4{top: 205px;right: 201px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti2Wp .confetti5{top: 251px;right: 206px;}
.naposta2017 .confettiWp .confettiCmn.confettiSet04 .confetti3Wp .confetti6{top: 355px;right: 105px;}
}
@media screen and (max-width: 600px) {.naposta2017 .header h1 {top: 20px;}.naposta2017 .header .HeldDecision {margin-top: -50px;}.naposta2017 .nap04 {left: -30px;top: 348px;}.naposta2017 .nap05 {right: -40px;top: 346px;}}
@media screen and (max-width: 540px) {.naposta2017 .header h1 {top: 30px;}.naposta2017 .nap04 {top: 348px;}.naposta2017 .nap05 {top: 316px;right: -70px;}.naposta2017 .header .HeldDecision {margin-top: -78px;}}

@media screen and (max-width: 510px) {.naposta2017 .bglight{left:-170px;}}
@media screen and (max-width: 500px) {.naposta2017 .header h1 {top: 50px;}}
@media screen and (max-width: 460px) {.naposta2017 .nap04 {left: -60px;top: 318px;}}
@media screen and (max-width: 440px) {.naposta2017 .nap05 {right: -90px;top: 286px;}.naposta2017 .header .HeldDecision {margin-top: -18px}.naposta2017 .nap04 {top: 298px;}.naposta2017 .nap05 {top: 296px;right: -80px;}}
@media screen and (max-width: 414px) {
	.naposta2017 .bglightWp.about{height: 600px;}
	.naposta2017 .spOnly{display: block!important;}
	.naposta2017 .sp640Only{display: none!important;}
	.naposta2017 .pcOnly{display: none!important;}

	.naposta2017 .header{
		max-width: 414px;
		padding-bottom: 20px;
		width: 100%;
	}
	.naposta2017 .headerInblock{
		margin: 0 auto;
		max-width: 414px;
		position: relative;
			top: 0
			left:0;
	}
	.naposta2017 .headerDiscInblock img {margin-top: 0;}
	.naposta2017 .header .headerDiscInblock h2 img{
		margin-top: -22px;
		width: 100%;
	}
	.naposta2017 .napWp{
		top: -640px;
		width: 100%;
	}
	.naposta2017 .bglightWp{
		height: 600px;
		margin: 0 auto;
		width: 414px;
position: relative;
		left: -140px;
		top: -150px;
	}
	.naposta2017 .bglight{
		height: auto;
		width: 1014px;
	}

	.naposta2017 .header h1 {
		height: 380px;
		min-width: 300px;
		top: 100px;
		width: 80%;
	}
	.naposta2017 .header h1 img{width: 100%;}
	.naposta2017 .header h2 {
		margin: 0 auto;
		max-width: 414px;
		width: 90%;
	}
	.naposta2017 .header h2 img{width: 100%;}
	.naposta2017 .headrInbox	{
		margin-top: -1180px;
		position: relative;
		z-index: 51;
	}
	.naposta2017 .headrInbox.about{
		margin-top: -680px;
	}
	.naposta2017 .headerScheduleWp{
		height: 154px;
		text-align: center;
	}
	.naposta2017 .headerScheduleWp img{max-width: 90%;}
	.naposta2017 .headerDisc{width: 90%;;}
	.naposta2017 .content .conInbox .napoSecCmn p{margin-top: 20px;}
	.naposta2017 .schedule img {margin-top: 20px;}
	.naposta2017 .aQualification ul {margin-top: 20px;}
	.naposta2017 .headerDiscInblock{
		box-sizing: border-box;
		margin-left: auto;
		margin-right:auto;
		width: 100%;
		padding: 0 5% 5%;
	}
	.naposta2017 .headerDiscInblock p{
		font-size: 14px;
		line-height: 1.5em;
		text-align: left;
	}
	.naposta2017 .headerDiscInblock h3,.naposta2017 .headerDiscInblock h4{width: 100%;}
	.naposta2017 .headerDiscInblock h3 img,.naposta2017 .headerDiscInblock h4 img{width: 85%;}
	.naposta2017 .headerDiscInblock h3:nth-child(2) img{
		margin-left: -3%;
		width: 106%;
	}
	.naposta2017 .headerDiscInblock h4{margin: 20px auto;}
	.naposta2017 .headerDiscInblock h4{} img.spOnly{width: 80%;}
	.naposta2017 .headerDiscBtnA {
		margin: 20px auto 0;
		width: 100%;
	}
	.naposta2017 .performance dl {
		height: auto;
		width: 100%;
	}
	.naposta2017 .performance dl dt {
		font-size: 9px;
		padding: 3px;
		width: 30%;
	}
	.naposta2017 .performance dl dd {
		font-size: 12px;
    margin-left: 3%;
    width: 67%;
	}
	.naposta2017 .performance .media dl{
		background-size: 80%;
		box-sizing: content-box;
		height: 50px;
		padding: 110px 0 20px;
	}
	.naposta2017 .performance .media dl dt {width: 80%;}
	.naposta2017 .performance .media dl dd {font-size: 20px;}
	.naposta2017 .noteBlock {
		background-position: 0 50%;
		background-size: 70px;
		margin-top: 10px;
		padding-left: 80px;
	}
	.naposta2017 .content {background-size: 36%;}
	.naposta2017 .content .conInbox .napoSecCmn {margin-top: 46px;}
	.naposta2017 .content .conInbox .napoSecCmn p {
		font-size: 12px;
		line-height: 1.5em;
	}
	.naposta2017 .cnvArea {margin-top: 40px;}
	.naposta2017 .schedule img{width: 100%;}

	.naposta2017 .steam01{top:0;right: 30px;}
	.naposta2017 .steam02{left: 30px;top: 36px;}
	.naposta2017 .steam03{right: 15px;}
	.naposta2017 .steam04{top: 226px;}
	.naposta2017 .steam05{right: 10px;top: 216px;}
	.naposta2017 .steam01 img{width: 55px;}
	.naposta2017 .steam02 img{width: 70px;}
	.naposta2017 .steam03 img{width: 90px;}
	.naposta2017 .steam04 img{width: 110px;}
	.naposta2017 .steam05 img{width: 120px;}
	.naposta2017 .nap01{right: 42px;top: 45px;}
	.naposta2017 .nap02{left: 20px;top: 74px;}
	.naposta2017 .nap03{right: 2px;top: 90px;}
	.naposta2017 .nap04{left: -20px;top: 288px;}
	.naposta2017 .nap05{right: -30px;top: 270px;}
	.naposta2017 .nap01 img{width: 40px;}
	.naposta2017 .nap02 img{width: 60px;}
	.naposta2017 .nap03 img{width: 80px;}
	.naposta2017 .nap04 img{width: 120px;}
	.naposta2017 .nap05 img{width: 150px;}
	.naposta2017_page-top img{
		width:50px;
		height:auto;
	}
}

@media screen and (max-width: 375px) {
	.naposta2017 .spOnly{display: block!important;}
	.naposta2017 .sp640Only{display: none!important;}
	.naposta2017 .pcOnly{display: none!important;}

	.naposta2017 .bglight{
		width: 1014px;
		height: auto;
	}
	.naposta2017 .header{max-width: 375px;}
	.naposta2017 .headerInblock{min-width: 35px;}
	.naposta2017 .bglightWp{left: -150px;}
	.naposta2017 .napWp{
		top: -640px;
		max-width: 375px;
	}
	.naposta2017 .header h1 img{width: 100%;}
	.naposta2017 .header h2 {
		margin: 0 auto;
		max-width: 375px;
		width: 90%;
	}
	.naposta2017 .nap05{;top: 260px;}
	.naposta2017 .nap05 img{width: 140px;}
}


@media screen and (max-width: 320px) {
	.naposta2017 .spOnly{display: block!important;}
	.naposta2017 .sp640Only{display: none!important;}
	.naposta2017 .pcOnly{display: none!important;}

	.naposta2017 .header{min-width: 320px;}
	.naposta2017 .header h2 {min-width: 250px;}
	.naposta2017 .headerScheduleWp{background-position: 90% 110%;}
	.naposta2017 .napWp{
		top: -640px;
		width: 320px;
	}
	.naposta2017 .bglightWp{
		height: 600px;
		width: 35px;
		position: relative;
    left: 45%;
    top: 80px;

	}
	.naposta2017 .bglight{
		height: auto;
		position: absolute;
			left: -225px;
		width: 525px;
	}
	.naposta2017 .content .conInbox .napoSecCmn {padding: 0 16px 16px;}
	.naposta2017 .content .conInbox .napoSecCmn h2 img {width: 182px;}
	.naposta2017 .aMethod dl:nth-child(2) {margin-top: 20px;}
	.naposta2017 .aMethod dl dd {
		font-size: 14px;
		line-height: 1.5em;
	}
	.naposta2017 .aMethod dl dd .sml {
		font-size: 9px;
		line-height: 1.5em;
		margin-left: -10px;
}
	.naposta2017 .performance h3 {margin-top: 20px;}
	.naposta2017 .performance .performanceData {margin-top: 10px;}
	.naposta2017 .performance .media{margin-top: 20px;}
	.naposta2017 .performance .media dl{padding-top: 80px;}
	.naposta2017 .performance .media dl dd {font-size: 14px;}
	.naposta2017 .nap03 img {width: 70px;}
	.naposta2017 .nap04 {left: -30px;}
	.naposta2017 .nap05 {right: -45px;}
}

.naposta2017 #wrap {
	width: 100%!important;
	padding: 0!important;
}
.naposta2017 #acMenu .region_result{
	background-color: #fffeeb;
	border: solid 3px #a50008;
	border-radius: 0 0 8px 8px;
	padding: 0 14px 14px 14px;
	box-sizing: border-box;
	display: none;
}
.naposta2017 #acMenu .opn{
	border-radius: 8px 8px 0 0!important;
	box-shadow: 0 3px 0 0 #a50008!important;
	background-image: url(../img/regionArrC.png)!important;
}
.naposta2017 #acMenu .region_result .region_shoplist dt,.naposta2017 #acMenu .region_result .region_shoplist dd{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.naposta2017 #acMenu .region_result .region_shoplist dt{
	color: #333333;
	padding-top: 26px;
}
.naposta2017 #acMenu .region_result .region_shoplist dd{
	color: #a50008;
	padding-bottom: 26px;
	border-bottom:  dashed 2px #6e6c77;
}
.naposta2017 #acMenu .region_result .region_shoplist dd:last-child{
	border-bottom:  none;
}

.naposta2017 #acMenu .region_btn{
	position: relative;
	top: 0;
	left: 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;color: #fff;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	background-color: #e62327;
	box-shadow: 0 6px 0 0 #a50008;
	padding: 10px;
	margin-top: 18px;
	transition: .3s;
	background-image: url(../img/regionArrO.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}
.naposta2017 #acMenu .region_btn:hover{
	top: 4px;
	box-shadow: 0 2px 0 0 #a50008;
	background-color: #fc4a4e;
	cursor:pointer;
}
.naposta2017 #acMenu .region_btn:nth-child(1){
	margin-top: 40px;
}
.naposta2017 .venue{
	padding: 12px;
	border: solid 1px #6e6c77;
}
.naposta2017 .venue h3{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	border-bottom:  dashed 2px #6e6c77;
	padding-bottom: 14px;
}
.naposta2017 .venue dl:before ,.naposta2017 .venue dl:after  {
	content:"";
	display:table;
}
.naposta2017 .venue dl:after {
	clear:both;
}
.naposta2017 .venue dl {
	margin-top: 16px;
	zoom:1 ;/* For IE 6/7 */
}
.naposta2017 .venue dl dt{
	color: #fff;
	background-color: #00953a;
	border-radius: 6px;
	font-size: 14px;
	padding: 4px 14px;
	text-align: center;
	float:left;
}
.naposta2017 .venue dl dd{
	float:left;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	margin-left: 20px;
	margin-top: -1px;
}
.naposta2017 .region_result .note{
	margin-top: 10px!important;
}
.naposta2017 .hokkaido dl{	margin-left: 168px;}
.naposta2017 .touhoku dl{	margin-left: 192px;}
.naposta2017 .kantou dl{	margin-left: 120px;}
.naposta2017 .hokuriku dl{margin-left: 170px;}
.naposta2017 .toukai dl{	margin-left: 130px;}
.naposta2017 .kansai dl{	margin-left: 202px;}
.naposta2017 .chugoku dl{	margin-left: 150px;}
.naposta2017 .sikoku dl{	margin-left: 75px;}
.naposta2017 .kyusyu dl{margin-left: 188px;}
@media screen and (max-width: 640px) {
	.naposta2017 .venue{
		padding-left: 5%;
		padding-right: 5%;
	}
	.naposta2017 .venue dl{
		margin-left: 0;
	}
	.naposta2017 .venue dl dt{
		width: 20%;
		}
	.naposta2017 .venue dl dd{
		width: 65%;
		margin-left: 5%;
	}
	.naposta2017 #acMenu .region_result .region_shoplist dt, .naposta2017 #acMenu .region_result .region_shoplist dd {
	    font-size: 22px;
	}
	.naposta2017 #acMenu .region_result .region_shoplist dd {
		margin-top: 10px;
	}
}
@media screen and (max-width: 375px) {
	.naposta2017 #acMenu .region_btn{
		font-size: 20px;
		background-size: 10%;
	}
	.naposta2017 #acMenu .region_result .region_shoplist dt,.naposta2017  #acMenu .region_result .region_shoplist dd {
		font-size: 15px;
	}

	.naposta2017 .venue h3 {
		font-size: 20px;
	}

	.naposta2017 .venue dl dt{
		border-radius: 2px;
		font-size: 9px;
		padding: 2px 6px;
	}
	.naposta2017 .venue dl dd{
		font-size: 14px;
		width: 136px;
		margin-left: 10px;
		margin-top: -2px;
	}
}
@media screen and (max-width: 320px) {
	.naposta2017 .venue dl dd{
		font-size: 13px;
		width: 136px;
	}
}

/* -----------------------------------------------------------------------------
zenkoku
----------------------------------------------------------------------------- */
.naposta2017 .napoDisc{
	background-color: #fffddd;
	padding: 60px 66px;
	margin-top: 50px;
}
.naposta2017 .napoDisc h3{
	text-align: center;
}
.naposta2017 .napoDisc h3 img{
	width: 288px;
	height: auto;
}
.naposta2017 .napoDisc dl {
	margin-top: 7px;
}
.naposta2017 .napoDisc dl dt{
	background-color: #fedd00;
	border-radius: 4px;
	color: #513000;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 110px;
	float: left;
}
.naposta2017 .napoDisc dl dd{
	color: #5d4638;
	font-size: 26px;
	font-weight: bold;
	float: left;
	 margin-top: -2px;
	padding-left: 15px;
}
.naposta2017 .napoDisc ul{
	border: solid 1px #3e360b;
	padding:27px 20px;
	margin-top: 20px;
}
.naposta2017 .napoDisc ul li{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.naposta2017 .napoDisc ul li:nth-child(1){
	margin-top: 0;
}

@media screen and (max-width: 640px) {
	.naposta2017 .napoDisc{
		padding: 20px 4%;
		margin-top: 15px;
	}
	.naposta2017 .napoDisc h3 img{
		width: 70%;
	}
	.naposta2017 .napoDisc dl dt{
		font-size: 15px;
		margin-top: 10px;
		padding: 6px;
		width: 74px;
		float: none;
	}
	.naposta2017 .napoDisc dl dt:nth-child(1){
		margin-top: 0;
	}
	.naposta2017 .napoDisc dl dd{
		font-size: 20px;
		float: none;
		margin-top: 10px;
		padding-left: 0;
	}
	.naposta2017 .napoDisc ul{
		padding:3%;
	}
}
/* -----------------------------------------------------------------------------
nationalConve
----------------------------------------------------------------------------- */
.naposta2017 .nationalConve h3{
	margin-top: 30px;
	text-align: center;
}
.naposta2017 .nationalConve h3 img{
	height: auto;
	width: 540px;
}
.naposta2017 .nationalConve .nationalConveDisc{
	border: dotted 1px #a0a0a0;
	margin-top: 15px;
	padding: 30px 30px 20px;
}
.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox{
	float: left;
}
.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox .caution{
	color: #f00;
	font-size: 20px;
}

.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox h4{
	color: #a50008;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
}
.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox p{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}

.naposta2017 .nationalConve .nationalConveDisc .napoImgBox img{
	float: right;
	height: auto;
	width: 195px;
}
@media screen and (max-width: 640px) {
	.naposta2017 .nationalConve h3 img{
		width: 80%;
	}
	.naposta2017 .nationalConve .nationalConveDisc{
		border: none;
		padding: 0;
	}
	.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox{
		float: none;
		width: 100%;
	}
	.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox h4{
		font-size: 15px;
		line-height: 1.5em;
		margin-bottom: 0;
		text-align: center;
	}
	.naposta2017 .nationalConve .nationalConveDisc .napoTxtBox p{
		font-size: 10px;
		line-height: 1.5em;
		margin-top: 5px;
		text-align: center;
	}
	.naposta2017 .nationalConve .nationalConveDisc .napoImgBox{
		border: dotted 1px #a0a0a0;
		margin: 10px auto;
		padding: 20px 0 10px;
		width: 80%;
	}
	.naposta2017 .nationalConve .nationalConveDisc .napoImgBox img{
		display: block;
		margin: 0 auto;
		float: none;
		width: 63%;
	}
}



/* -----------------------------------------------------------------------------
napoShopList
----------------------------------------------------------------------------- */
.naposta2017 .content .conInbox .napoShopListWp{
	margin-left: -46px;
}
.naposta2017 .napoShopList{
	background-color: #fffeeb;
	border-radius: 4px;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.35);
	float: left;
	margin-top: 44px;
	margin-left: 46px;
	position: relative;
		top: 0;
		left: 0;
	width: 408px;
}
.naposta2017 .content .conInbox .napoShopList .napoShopListH{
	background-image: url(../img/napoBgShopH.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 80%;
	box-sizing: border-box;
	color: #a6080f;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	text-align: center;
	width: 100%;
}
.naposta2017 .content .conInbox .napoShopList .napoShopListImg{
	height: auto;
	width: 408px;
}


.naposta2017 .content .conInbox .napoShopList .napoShopBln{
	background-color: #fff;
	height: 96px;
	padding: 20px;
	position: relative;
	top: 0;
	left: 0;
	text-align: center;
}
.naposta2017 .content .conInbox .napoShopList .napoShopBln .napoShop2Line{
	margin-top: 20px;
}

.naposta2017 .content .conInbox .napoShopList .napoShopBln:after {
  border-bottom: 12px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  top: -12px;
  left: 50%;
}
.naposta2017 .content .conInbox .napoShopList .napoShopBln dt{
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.naposta2017 .content .conInbox .napoShopList .napoShopBln dd{
	color: #a50008;
	font-size: 21px;
	font-weight: bold;
}

.naposta2017 .content .conInbox .napoShopList .napoBtnArea{
	margin: 0 auto;
	padding: 20px 0;
	width: 368px;
}

.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn{
	background-color: #ffcc00;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 6px #907300;
	display: block;
	float: left;
	position: relative;
	top: 0;
	left:0;
	transition: 0.1s;
	padding: 10px;
	width: 90px;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn img{
	width: 48px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn:hover{
	background-color: #ffdc52;
	top: 5px;
	box-shadow: 0 1px #907300;
}

.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{
	background-color: #e62327;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 6px #a50008;
	display: block;
	float: right;
	position: relative;
	top: 0;
	left:0;
	transition: 0.1s;
	padding: 10px 20px;
	width: 262px;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea p{
	float: right;
	font-size: 18px;
	font-weight: bold;
	width: 262px;
	margin-top: 0;
  line-height: 1.4em;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea p span{
	font-size: 12px;
	font-weight: normal;
  line-height: 1.4em;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn img{
	width: 222px;
	height: auto;
	margin: 0 auto;
	display: block;
}

.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn:hover{
	background-color: #f34649;
	top: 5px;
	box-shadow: 0 1px #a50008;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoSelection{
	color: #333;
	display: block;
	font-size: 16px;
	margin: 25px auto 0;
	text-align: center;
}
.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoSelection:hover{
	text-decoration: none;
	color: #999;
}

.naposta2017 .content .conInbox .napoShopList .napoRibbon{
	height: auto;
	position: absolute;
		top:35px;
		left: -10px;
	width: 51px;
}


@media screen and (max-width: 640px) {
	.naposta2017 .content .conInbox .napoShopListWp{
		margin-left: 0;
	}
	.naposta2017 .content .conInbox .napoShopList{
		margin-left: 0;
		width: 100%;
	}
	.naposta2017 .content .conInbox .napoShopList{
		margin-top: 30px;
	}
	.naposta2017 .content .conInbox .napoShopList:nth-child(1){
		margin-top: 20px;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopListH{
		font-size: 15px;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopListImg{
		width: 100%;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopBln{
		background-color: #fff;
		height: auto;
		padding: 5%;
		position: relative;
		top: 0;
		left: 0;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopBln dt{
		font-size: 16px;
		line-height: 1.2em;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopBln dd{
		font-size: 17px;
		line-height: 1.2em;
		margin-top: 10px;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea{
		padding: 10px 5% 20px;
		width: 90%;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn{
		min-height: 120px;
		width: 24%;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn img{
		width: 80%;
	}

	.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{
		min-height: 120px;
		padding: 10px 0;
		width: 70%;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea p {
    font-size: 14px;
    width: 70%;
    margin-top: 0;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea p span{
		font-size: 11px;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn img{
		width: 90%;
	}
	.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoSelection{
		width: 100%;
		text-decoration: underline;
    text-align: center;
	}
	.naposta2017 .content .conInbox .napoShopList .napoShopBln .napoShop2Line{
		margin-top: 0;
	}
}
@media screen and (max-width: 560px) {.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn,.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{min-height: 105px;}}
@media screen and (max-width: 480px) {.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn,.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{min-height: 90px;}}
@media screen and (max-width: 440px) {.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn,.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{min-height: 77px;}}
@media screen and (max-width: 375px) {.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn,.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{min-height: 67px;}}
@media screen and (max-width: 320px) {.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoRecipeBtn,.naposta2017 .content .conInbox .napoShopList .napoBtnArea .napoVoteBtn{min-height: 60px;}}
/* -----------------------------------------------------------------------------
recipe
----------------------------------------------------------------------------- */
.napoGoIndex {text-align: center;
    width: 90%;
    max-width: 300px;
    background-color: #dc1211;
    color: #fff!important;
    margin: 20px auto 0;
    display: block;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
		transition: .2s;
	}
	.napoGoIndex:hover{
		background-color: #ff2625;
		color: #f6ff96!important;
	}
.naposta2017_recipe #wrap{
	background-color: #ff0000;
	min-width: 960px;
	width: 100%;
}

.naposta2017_recipe .content{
	background-image: url(../img/bglight.jpg);
	background-position: 50%;
	margin:0;
	padding-bottom: 90px;
}

.naposta2017_recipe .content .conInbox{
	background-color: #fffeeb;
	border: solid 7px #c78b04;
	border-radius: 14px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 34px 53px;
	width: 960px;
}
.naposta2017_recipe #wrap .mt20{
	margin-top: 20px;
}

@media screen and (max-width: 640px) {
	.naposta2017_recipe #wrap{
		min-width: 100%;
	}
	.naposta2017_recipe .content{
		background-size: 120%;
		background-position: 50% 35%;
		padding: 0 5%;
	}
	.naposta2017_recipe .content .conInbox{
		width: 100%;
			padding: 34px 4% 4%;
	}
}
/* -----------------------------------------------------------------------------
recipe title
----------------------------------------------------------------------------- */

.naposta2017_recipe .content .napo_title1{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 15px;
	width: 960px;
}
.naposta2017_recipe .content .conInbox .napo_title2{
	margin: -78px auto 0;
	text-align: center;
}
.naposta2017_recipe .content .conInbox .napo_title3{
	background-image: url(../img/recipe/bgNapoH.png);
	background-position: 50%;
	background-repeat: no-repeat;
	color: #a50008;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.naposta2017_recipe .content .conInbox .napo_title3 .shopName{
	display: block;
	font-size: 16px;
	color: #333333;
}
.naposta2017_recipe .content .conInbox .napo_title3 .napo_title_weak{
	font-size: 20px;
}
@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .napo_title1{
		padding: 15px 0;
		width: 100%;
	}
	.naposta2017_recipe .content .napo_title1 img{
		width: 20%;
	}
	.naposta2017_recipe .content .conInbox .napo_title2{
		width: 100%;
		margin-top: -60px;
	}
	.naposta2017_recipe .content .conInbox .napo_title2 img{
		width: 100%;
	}
	.naposta2017_recipe .content .conInbox .napo_title3{
		font-size: 20px;
		background-size: 100%;
	}
	.naposta2017_recipe .content .conInbox .napo_title3 .shopName{
		font-size: 11px;
	}
	.naposta2017_recipe .content .conInbox .napo_title3 .napo_title_weak{
		font-size: 10px;
		display: block;
	}
}
@media screen and (max-width: 320px) {
	.naposta2017_recipe .content .conInbox .napo_title2{
		margin-top: -56px;
	}
}
/* -----------------------------------------------------------------------------
recipe mainIng
----------------------------------------------------------------------------- */
.naposta2017_recipe .content .conInbox .napo_recipe_main_img{
	display: block;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.35);
}
@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .conInbox .napo_recipe_main_img{
		width: 100%;
	}
}

/* -----------------------------------------------------------------------------
recipe napo_material & napo_step
----------------------------------------------------------------------------- */
.naposta2017_recipe .content .conInbox .napo_subhead{
	background-size: 40px;
	background-repeat: no-repeat;
	border-bottom: solid 1px #c2c1ae;
	color: #5d4638;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 50px;
}
.naposta2017_recipe .content .conInbox .napo_subhead span{
	color: #36241a;
	font-size: 28px;
}

@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .conInbox .napo_subhead{
		font-size: 21px;
		padding-left: 13%;
	}
	.naposta2017_recipe .content .conInbox .napo_subhead span{
		font-size: 23px;
	}
}
/* -----------------------------------------------------------------------------
recipe napo_material
----------------------------------------------------------------------------- */

.naposta2017_recipe .content .conInbox .napo_material .napo_subhead{
	margin-top: 20px;
	background-image: url(../img/recipe/iconTomato.png);
	background-position: 0 30%;
}

.naposta2017_recipe .content .conInbox .napo_material .napo_subhead span{
	font-size: 16px;
}
.naposta2017_recipe .content .conInbox .napo_material .napo_material_box01{
	float: left;
	margin-top: 15px;
	width: 394px;
}
.naposta2017_recipe .content .conInbox .napo_material .napo_material_box02{
	float: right;
	margin-top: 15px;
	width: 400px;
}
.naposta2017_recipe .content .conInbox .napo_material dd{
	border-bottom: solid 1px #d8d7c8;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin-top: 7px;
	padding-bottom: 5px;
}

.naposta2017_recipe .content .conInbox .napo_material .materialBld{
	color: #291f18;
	font-size: 20px;
}
.naposta2017_recipe .content .conInbox .napo_material dd span{
	float: right;
}

@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .conInbox .napo_material .napo_subhead{
		background-size: 10%;
	}
	.naposta2017_recipe .content .conInbox .napo_material .napo_material_box01,.naposta2017_recipe .content .conInbox .napo_material .napo_material_box02{
		float: none;
		width: 100%;
		margin-top: 0;
	}
	.naposta2017_recipe .content .conInbox .napo_material .materialBld{
		font-size: 18px;
	}
	.naposta2017_recipe .content .conInbox .napo_material .line2{
		padding-left:2em;
		text-indent: -2em;
	}
	.naposta2017_recipe .content .conInbox .napo_material .line2 span{
		text-indent: 0em;
	}
}

/* -----------------------------------------------------------------------------
recipe napo_step
----------------------------------------------------------------------------- */

.naposta2017_recipe .content .conInbox .napo_step{
	margin-top: 35px;
}

.naposta2017_recipe .content .conInbox .napo_step .napo_subhead{
	background-image: url(../img/recipe/iconPot.png);
	background-position: 0 20%;
}

.naposta2017_recipe .content .conInbox .napo_step dd {
    border-bottom: solid 1px #d8d7c8;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
    padding-bottom: 5px;
		padding-left: 2em;
		text-indent: -2em;
}
.naposta2017_recipe .content .conInbox .napo_step dd span{
    font-size: 18px;
}
.naposta2017_recipe .content .conInbox .napo_step dd:nth-child(2) {
	margin-top: 26px;
}
@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .conInbox .napo_step .napo_subhead{
		background-position: 0 15%;
		background-size: 11%;
	}
}


/* -----------------------------------------------------------------------------
recipe napo_1point
----------------------------------------------------------------------------- */
.naposta2017_recipe .content .conInbox .napo_1point{
	background-color: #fff;
	border: solid 1px #d8d7c8;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 18px 22px;
	margin-top: 30px;
}
.naposta2017_recipe .content .conInbox .napo_1point img{
	width: 307px;
	height: auto;
}
.naposta2017_recipe .content .conInbox .napo_1point p{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.naposta2017_recipe .content .conInbox .napo_1point{
		box-sizing: border-box;
		padding: 18px 4%;
		margin-top: 30px;
		width: 100%;
	}
	.naposta2017_recipe .content .conInbox .napo_1point img{
		width: 100%;
		height: auto;
	}
}


/* -----------------------------------------------------------------------------
result
----------------------------------------------------------------------------- */
.nappRed{
	color: #e62327;
}
.header .headerInblock .napostaAnkAbout{
		position: absolute;
    z-index: 60;
    text-align: center;
    top: -10px;
    right: 30px;
    text-decoration: none;
    background-color: #fff;
    display: block;
    width: 160px;
    padding: 10px 5px 10px 10px;
    font-size: 10px;
    font-weight: bold;
    color: #f90000;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-image: url(../img/result/aboutAnkArr.png);
    background-repeat: no-repeat;
    background-position: 8% 50%;
		transition: .2s;
	}
	.header .headerInblock .napostaAnkAbout:hover{
		background-color: #fff1b8;
		color: #ff5352;
	}
.naposta2017 .content .conInbox .naposta2017Award{
	box-sizing: border-box;
	border: solid 7px #ddb14f;
	border-radius: 14px;
	margin-top: 80px;
	padding-bottom: 50px;
	width: 980px;
}
.naposta2017 .content .conInbox .naposta2017Award h2{
	background-image: url(../img/result/pcAwardH.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	height: auto;
	margin: -40px auto 0;
	padding: 13px;
	text-align: center;
	width: 852px;
}
.naposta2017 .content .conInbox .naposta2017Award img{
	display: block;
	margin: 20px auto 0;
}
.naposta2017 .content .conInbox .naposta2017Award .awardShopName{
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 30px;
	text-align: center;
	width: 100%;
}
.naposta2017 .content .conInbox .naposta2017Award .awardNeapolitanName{
	color: #a50008;
	font-size: 50px;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.naposta2017 .content .conInbox .naposta2017Award a{
	background-color: #ffcc00;
	background-image: url(../img/result/recipeIcon.png);
	background-position: 95% 50%;	border-radius: 4px;
	background-repeat: no-repeat;
	border-radius: 8px;
	box-shadow: 0 6px #907300;
	box-sizing: border-box;
	color: #563e2e;
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 18px;
	position: relative;
	margin: 20px auto 0;
	text-align: center;
	transition: .2s;
	text-decoration: none;
	width: 410px;

			top: 0;
			left:0;
}

.naposta2017 .content .conInbox .naposta2017Award a:hover{
	background-color: #ffdf5f;
	box-shadow: 0 1px #907300;

		top: 5px;
}
.napostaIntroNote{
	color: #fff;
	font-size: 22px;
	line-height: 1.5em;
	padding: 30px;
	text-align: center;
}
@media screen and (max-width: 640px) {
.naposta2017 .content .conInbox .naposta2017Award{
	border: solid 4px #ddb14f;
	border-radius: 6px;
	margin: 30px auto 0;
	padding-bottom: 25px;
	width: 90%;
}
.naposta2017 .content .conInbox .naposta2017Award h2{
	background-image: url(../img/result/spAwardH.png);
	color: #fff;
	font-size: 20px;
	margin: -24px auto 0;
	padding: 13px;
	text-align: center;
	width: 80%;
}
.naposta2017 .content .conInbox .naposta2017Award img{
	background-size: 10%;
	margin: 10px auto 0;
	width: 90%;
}
.naposta2017 .content .conInbox .naposta2017Award .awardShopName{
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 20px;
}
.naposta2017 .content .conInbox .naposta2017Award .awardNeapolitanName{
	color: #a50008;
	font-size: 17px;
	line-height: 1.4em;
	margin-top: 6px;
}
.naposta2017 .content .conInbox .naposta2017Award a{
	background-size: 10%;
	border-radius: 4px;
	display: block;
	font-size: 16px;
	padding: 10px;
	position: relative;
	margin: 10px auto 0;
	width: 80%;
}
}
/* ----
grandPrix */
.naposta2017 .header .headerInblock .naposta2017Award{
	background-color: #a50008;
	border: solid 7px #ddb14f;
	box-sizing: border-box;
	border-radius: 14px;
	margin: 80px auto 0;
	padding-bottom: 50px;
	width: 980px;
}
.naposta2017 .header .headerInblock .naposta2017Award.grandPrix{
	margin-top: 150px;
}
.naposta2017 .header .headerInblock .naposta2017Award h2{
	background-position: center;
	height: auto;
	margin: -140px auto 0;
	text-align: center;
	width: 612px;
	min-width: 612px;
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix h2{
	margin: -90px auto 0;
	width: 632px;
	min-width: 632px;
}
.naposta2017 .header .headerInblock .naposta2017Award img{
	display: block;
	margin: 20px auto 0;
}
.naposta2017 .header .headerInblock .naposta2017Award .awardShopName{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

.naposta2017 .header .headerInblock .naposta2017Award .awardNeapolitanName{
	font-size: 50px;
	font-weight: bold;
	line-height: 1.4em;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

.naposta2017 .header .headerInblock .naposta2017Award.grandPrix .awardNeapolitanName{
	color: #ffcc00;
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix .awardNeapolitanName{
	color: #dedede;
}
.naposta2017 .header .headerInblock .naposta2017Award a{
	border-radius: 8px;
	display: block;
	margin: 20px auto 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: .2s;
	width: 410px;

			top: 0;
			left:0;
}
.naposta2017 .header .headerInblock .naposta2017Award a span{
	background-position: 95% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding: 18px;
	margin: 0;
	width: 410px;
}
.naposta2017 .header .headerInblock .naposta2017Award a:hover{
		top: 5px;
}
.naposta2017 .header .headerInblock .naposta2017Award.grandPrix a{
	background-color: #e0b953;
	background: linear-gradient(to bottom, #eed27c 0%, #c98d09 100%);
	box-shadow: 0 6px #563e2e;
	color: #563e2e;
}
.naposta2017 .header .headerInblock .naposta2017Award.grandPrix a span{
	background-image: url(../img/result/grandPrixIcon.png);
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix a{
	background-color: #c2c2c2;
	background: linear-gradient(to bottom, #ececec 0%, #c2c2c2 100%);
	box-shadow: 0 6px #7b7b7b;
	color: #424242;
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix a span{
	background-image: url(../img/result/2ndGrandPrixIcon.png);
}
.naposta2017 .header .headerInblock .naposta2017Award.grandPrix a:hover{
	background-color: #ffdf5f;
	background: linear-gradient(to bottom, #fdf0c8 0%, #eed27c 100%);
	box-shadow: 0 1px #563e2e;
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix a:hover{
	background-color: #fff;
	background: linear-gradient(to bottom, #fff 0%, #ececec 100%);
	box-shadow: 0 1px #7b7b7b;
}
.naposta2017 .napoBnrOikecha{
	width: 90%;
	max-width: 896px;
	text-align: center;
	display: block;
	margin: 50px auto 0;
	transition: .2s;
}
.naposta2017 .napoBnrOikecha img{
	width: 100%;
	height: auto;
}
.naposta2017 .napoBnrOikecha:hover{
	opacity: .7;
}
@media screen and (max-width: 640px) {
	.naposta2017 .napoBnrOikecha{
		margin-top: 20px;
	}
.naposta2017 .header .headerInblock .naposta2017Award{
	border: solid 4px #ddb14f;
	border-radius: 6px;
	margin: 30px auto 0;
	padding-bottom: 25px;
	width: 90%;
}
.naposta2017 .header .headerInblock .naposta2017Award.grandPrix{
	margin-top: 70px;
}
.naposta2017 .header .headerInblock .naposta2017Award h2{
	margin: -55px auto 0;
	width: 80%;
	min-width: 80%;
}
.naposta2017 .header .headerInblock .naposta2017Award.sGrandPrix h2{
	margin: -30px auto 0;
	width: 80%;
	min-width: 80%;
}
.naposta2017 .header .headerInblock .naposta2017Award img{
	margin: 0 auto;
	width: 90%;
}
.naposta2017 .header .headerInblock .naposta2017Award .awardShopName{
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 20px;
}
.naposta2017 .header .headerInblock .naposta2017Award .awardNeapolitanName{
	font-size: 17px;
	line-height: 1.4em;
	margin-top: 6px;
}

.naposta2017 .header .headerInblock .naposta2017Award a{
	border-radius: 4px;
	position: relative;
	width: 80%;
}
.naposta2017 .header .headerInblock .naposta2017Award a span{
	background-size: 10%;
	display: block;
	font-size: 16px;
	padding: 10px;
	position: relative;
	margin: 10px auto 0;
	width: 100%;
}
.napostaIntroNote{
	font-size: 14px;
	padding: 20px;
	text-align: center;
}
.header .headerInblock .napostaAnkAbout{
	top: 0;
	right: 10px;
	text-decoration: none;
	background-color: #fff;
	display: block;
	width: auto;
	padding: 10px 10px 10px 20px;
	background-position: 5% 50%;
	}
}
@media screen and (max-width: 375px) {.naposta2017 .header .headerInblock .naposta2017Award h2{margin-top: -50px;}}
@media screen and (max-width: 320px) {.naposta2017 .header .headerInblock .naposta2017Award h2{margin-top: -40px;}}