@charset "utf-8";

/* NR */
#NR-wrapper {
	background-image: url("/ranking/img/10th/flags-left.png"), url("/ranking/img/10th/flags-right.png"), url("/ranking/img/10th/10th-bg.png");
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: top left, top right, top left;
	background-attachment: scroll, scroll, scroll;
}
#NR-wrapper.ranking-10th {
	background: #d6f1f9 url("/ranking/img/10th/10th-bg.png") 0 0 repeat;
	padding-top: 0;
}
#NR-wrapper.spv-area {
	padding-top: 20px;
	padding-bottom: 20px;
}
.ranking-10th #NR-wrapper-in {
	margin-bottom: 0;
	padding: 0;
}

/* 10th-link */
.logo-10th a {
	width: 170px;
	position: fixed;
	z-index: 0;
}
.logo-10th a img {
	width: 100%;
}
.logo-left a {
	top: 40%;
	left: 0.5%;
}
.logo-right a {
	top: 40%;
	right: 0.5%;
}
.logo-10th a:hover {
	opacity: 0.7;
}
#NR-wrapper-in {
	position: relative;
	z-index: 1;
}
.banner-10th {
	margin-bottom: 28px;
}
#NR-header-logo-sv img {
	height: 36px;
	width: 36px;
}


/* #####################
	camp
 ##################### */

/* common */
.pc-none {
	display: none;
}
.all .icon-rank1 {
	background: url("/ranking/img/10th/icon-rank1.png") 40px -5px no-repeat;
}
.times .icon-rank1 {
	background: url("/ranking/img/10th/icon-rank1.png") 0 15px no-repeat;
}
.diff .icon-rank1 {
	background: url("/ranking/img/10th/icon-rank1-s.png") 16px 14px no-repeat;
	padding: 40px 0;
}
.all .icon-rank2 {
	background: url("/ranking/img/10th/icon-rank2.png") 47px 10px no-repeat;
}
.times .icon-rank2 {
	background: url("/ranking/img/10th/icon-rank2.png") 0 30px no-repeat;
}
.diff .icon-rank2 {
	background: url("/ranking/img/10th/icon-rank2-s.png") 20px 20px no-repeat;
	padding: 40px 0;
}
.all .icon-rank3 {
	background: url("/ranking/img/10th/icon-rank3.png") 47px 10px no-repeat;
}
.times .icon-rank3 {
	background: url("/ranking/img/10th/icon-rank3.png") 0 30px no-repeat;
}
.diff .icon-rank3 {
	background: url("/ranking/img/10th/icon-rank3-s.png") 20px 20px no-repeat;
	padding: 40px 0;
}
.ranking-more {
	text-align: right;
}
.ranking-more a {
	background: -webkit-linear-gradient(transparent 90%, #FFF200 0%);
	background: -o-linear-gradient(transparent 90%, #FFF200 0%);
	background: linear-gradient(transparent 90%, #FFF200 0%);
}
.ranking-more a:hover {
	background: -webkit-linear-gradient(transparent 90%, #eeee58 0%);
	background: -o-linear-gradient(transparent 90%, #eeee58 0%);
	background: linear-gradient(transparent 90%, #eeee58 0%);
}
.read-more{
	background: -webkit-linear-gradient(transparent 60%, #eeee58 60%);
	background: -o-linear-gradient(transparent 60%, #eeee58 60%);
	background: linear-gradient(transparent 60%, #eeee58 60%);
}

/* h1area */
.h1erea {
	background: #f1d2a8 url("/ranking/img/10th/h1erea-bg.jpg") 0 0 repeat-y;
	height: 1024px;
}
.h1erea-curtain {
	background: url("/ranking/img/10th/h1erea-curtain.png") 0 0 no-repeat;
	margin: 0 0 25px;
}
.h1erea-curtain h1 {
	padding: 45px 50px 25px;
	margin: 0 auto;
	width: 634px;
}
.h1erea-curtain p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.h1erea-curtain .h1erea-cake {
	margin-left: 144px;
	margin-right: 44px;
}
.h1erea-curtain .h1erea-lead {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	padding: 60px 20px;
	vertical-align: top;
}
.h1erea-curtain .h1erea-present {
	padding-top: 40px;
	margin-left: 60px;
}
.h1erea-curtain .h1erea-present dt {
	height: 85px;
	line-height: 3.7em;
	margin: 0 0 30px;
	text-align: center;
}
.h1erea-curtain .h1erea-present dd {
	float: left;
	margin-right: 45px;
}

/* nav */
.nav-10th ul {
	background: #fff;
	padding: 18px 0 8px 16px;
}
.nav-10th li {
	float: left;
}
.nav-10th li a {
	background: #80d4ed;
	border-radius: 30px;
	box-shadow: 1px 2px 5px #d9d9d9;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 186px;
	margin-right: 10px;
	padding: 12px 0;
}
.nav-10th li a:hover {
	background: #6bcfed;
}
.nav-fixed {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 1;
}
.nav-fixed ul {
	background: rgba(255,255,255,0.8);
	margin: 0 auto;
	padding: 3px 0 0 16px;
	width: 988px;
}
.nav-fixed li.on a {
	background: #6bcfed;
}
/* all */
.all {
	background: #e8dba6 url("/ranking/img/10th/all-bg.png") 0 0 no-repeat;
	padding-bottom: 36px;
}
.all h2 {
	margin: 0 0 22px;
	padding-top: 38px;
	text-align: center;
}
.all .all-lead {
	background: #fff;
	border-radius: 30px;
	font-size: 22px;
	line-height: 1.4;
	padding: 20px 27px;
	margin: 0 auto 70px;
	width: 739px;
}
.all .all-ranking {
	background: #fff;
	border: 5px solid #e84a67;
	border-radius: 10px;
	font-size: 33px;
	line-height: 33px;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	width: 848px;
}
.all .all-ranking li {
	padding: 25px 0 38px 180px;
}
.all .all-ranking h3 {
	position: relative;
	top: -48px;
	left: 90px;
	width: 693px;
}
.all .all-ranking .ranking-more {
	padding-right: 20px;
	padding-bottom: 18px;
}
.all .all-ranking:before {
	background: url("/ranking/img/10th/all-shine1.png") 0 0 no-repeat;
	content: "";
	position: absolute;
	top: -40px;
	left: -71px;
	height: 81px;
	width: 999px;
}
.all .all-ranking:after {
	background: url("/ranking/img/10th/all-shine2.png") 0 0 no-repeat;
	content: "";
	position: absolute;
	bottom: -46px;
	left: -71px;
	height: 81px;
	width: 999px;
}
.all .all-comment {
	background: #fff;
	border-radius: 20px;
	font-size: 22px;
	line-height: 1.4;
	padding: 25px;
	margin: 24px auto 0; 
	width: 828px;
}

/* times */
.times {
	background: #f2efc7 url("/ranking/img/10th/times-bg.png") 0 0 no-repeat;
	font-size: 22px;
	line-height: 1.4;
	padding: 30px 0 25px;
}
.times h2 {
	margin-bottom: 18px;
	text-align: center;
}
.times .times-lead {
	background: #fff;
	border-radius: 30px;
	margin: 0 auto 0;
	padding: 20px 30px;
	width: 738px;
}
.times .times-ranking {
	background: #fff;
	margin: 30px auto 20px;
	width: 874px;
}
.times .times-ranking h3 {
	background: #faf072;
	color: #f77026;
	height: 83px;
	line-height: 2.8em;
	text-align: center;
}
.times .times-ranking h3 span {
	margin: 0 40px 0 -40px;
}
.times .times-ranking h3 .times-hdtxt {
	padding-bottom: 37px;
}
.times .times-ranking ol {
	padding-top: 55px;
	margin: 0 auto;
	width: 630px;
}
.times .times-ranking li {
	font-size: 33px;
	padding: 18px 0 18px 140px;
}
.times .times-ranking li a {
	line-height: 3.9;
}
.times .times-ranking .times-thumb {
	float: right;
}
.times .times-ranking .times-thumb span {
	display: block;
	font-size: 12px;
}
.times .times-ranking .ranking-more {
	font-size: 23px;
	padding-bottom: 8px;
	padding-right: 8px;
}
.times .times-comment {
	background: #fff;
	padding: 26px;
	margin: 0 auto 0; 
	width: 824px;
}

/* years */
.years {
	background: #B0E8F9;
	padding: 35px 0 18px;
}
.years h2 {
	text-align: center;
}
.years .years-lead {
	font-size: 22px;
	line-height: 1.1;
	margin: 20px auto;
	width: 735px; 
}
.years .years-chart {
	background: #B0E8F9 url("/ranking/img/10th/years-chart-bg.png") 0 0 no-repeat;
	position: relative;
	height: 1405px;
}
.years .years-chart .years-2005 {
	position: absolute;
	left: 66px;
	top: 140px;
}
.years .years-chart .years-2006 {
	position: absolute;
	left: 444px;
	top: 140px;
}
.years .years-chart .years-2007 {
	position: absolute;
	right: 50px;
	top: 280px;
}
.years .years-chart .years-2008 {
	position: absolute;
	right: 50px;
	top: 447px;
}
.years .years-chart .years-2009 {
	position: absolute;
	right: 50px;
	top: 612px;
}
.years .years-chart .years-2010 {
	position: absolute;
	right: 276px;
	top: 768px;
}
.years .years-chart .years-2011 {
	position: absolute;
	right: 562px;
	top: 631px;
}
.years .years-chart .years-2012 {
	position: absolute;
	right: 562px;
	top: 453px;
}
.years .years-chart .years-2013 {
	position: absolute;
	left: 98px;
	bottom: 330px;
}
.years .years-chart .years-2014 {
	position: absolute;
	right: 92px;
	bottom: 330px;
}
.years .years-chart .years-2015 {
	position: absolute;
	left: 316px;
	bottom: 46px;
}
.years .years-chart li a:hover {
	opacity: 0.9;
}

/* diff */
.diff {
	background: #F0DFE3 url("/ranking/img/10th/diff-bg.jpg") 0 0 repeat-y;
	padding-top: 30px;
}
.diff h2 {
	background: transparent url("/ranking/img/10th/diff-h2-bg.png") center 0 no-repeat;
	height: 285px;
	padding-top: 65px;
	text-align: center;
}
.diff .diff-lead {
	background: #fff;
	border-radius: 20px;
	font-size: 22px;
	line-height: 1.4;
	margin: 13px auto 30px;
	padding: 27px;
	width: 820px;
}
.diff .diff-ranking {
	background: #fff;
	padding-bottom: 18px;
	margin: 70px auto 0;
	width: 873px;
}
.diff .diff-ranking h3 {
	height: 85px;
	line-height: 3.6em;
	position: relative;
	text-align: center;
	top: -37px;
}
.diff .diff-ranking h4 {
	font-size: 35px;
	text-align: center;
}
.diff .diff-ranking .diff-male h4 {
	color: #448aca;
}
.diff .diff-ranking .diff-male dd {
	border-color: #448aca;
}
.diff .diff-ranking .diff-female h4 {
	color: #ea68a2;
	margin-top: 30px;
}
.diff .diff-ranking .diff-female dd {
	border-color: #ea68a2;
}
.diff .diff-ranking dl {
	float: left;
}
.diff .diff-ranking dt {
	background: -webkit-linear-gradient(transparent 65%, #FFF200 0%);
	background: -o-linear-gradient(transparent 65%, #FFF200 0%);
	background: linear-gradient(transparent 65%, #FFF200 0%);
	color: #918c8c;
	font-size: 30px;
	height: 43px;
	margin: 0 auto 12px;
	text-align: center;
	width: 190px;
}
.diff .diff-ranking dd {
	border: 4px solid #797973;
	border-radius: 20px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	width: 390px;
}
.diff .diff-ranking dd li {
	font-size: 23px;
	line-height: 4.3;
	padding: 6px 0 6px 100px;
}
.diff .diff-ranking dd li.diff-small {
	font-size: 18px;
	line-height: 5.6;
}
.diff .diff-ranking .diff-before,
.diff .diff-ranking .diff-after {
	margin-top: -30px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 418px;
}
.diff .diff-ranking .diff-before {
	margin-left: 13px;
	margin-right: 13px;
}
.diff .diff-ranking .diff-thumb {
	float: right;
}
.diff .diff-ranking .diff-thumb span {
    display: block;
    font-size: 8px;
    line-height: 1.6;
}
.diff .diff-ranking .ranking-more {
	font-size: 19px;
	text-align: right;
}
.diff .diff-comment {
	background: #fff;
	border: 4px solid #a0a0a0;
	border-radius: 10px;
	font-size: 22px;
	line-height: 1.4;
	padding: 20px 18px;
	margin: 20px auto 0;
	width: 808px;
}

/* tenth */
.tenth {
	background: #eee url("/ranking/img/10th/tenth-bg.png") 0 0 no-repeat;
	padding-top: 38px;
}
.tenth .tenth-heading {
	border: 10px double #431119;
	padding: 20px 40px;
	margin-bottom: 55px;
}
.tenth .tenth-heading h2 {
	/*display: inline-block;
	*display: inline;
	*zoom: 1;*/
	padding-right: 35px;
	float: left;
}
.tenth .tenth-heading .tenth-lead {
	color: #431119;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 22px;
	line-height: 1.4em;
	width: 424px;
}
.tenth .tenth-cap {
	float: left;
	text-align: center;
	width: 50%;
}
.tenth .tenth-cap dt {
	background: url("/ranking/img/10th/tenth-dt-bg.png") center 0 no-repeat;
	height: 62px;
	line-height: 3.4;
	margin-bottom: 18px;
}

.tenth .tenth-cap .tenth-img a:hover {
	opacity: 0.8;
}

.tenth .tenth-cap .tenth-txt {
	background: url("/ranking/img/10th/tenth-text-bg.png") center 0 no-repeat;
	font-size: 18px;
	line-height: 1.4;
	margin: 19px auto 82px;
	height: 126px;
	width: 397px;
}
.tenth .tenth-cap .tenth-txt p {
	padding: 25px;
}

/* present */
.present {
	background: #fff799;
	padding-top: 64px;
	padding-bottom: 40px;
}
.present .present-heading {
	background: #fff url("/ranking/img/10th/present-heading-bg.png") center center no-repeat;
	border-radius: 20px;
	margin: 0 auto;
	padding: 0 0 40px;
	position: relative;
	text-align: center;
	width: 977px;
}
.present .present-heading h2 {
	padding: 60px 0 30px; 
}

.present .present-heading h2 span {
	background: #FF623D;
	border-radius: 10px;
	color: #fff;
	display: block;
	left: 252px;
	line-height: 2.1;
	padding: 12px 0;
	position: absolute;
	text-align: center;
	top: -31px;
	width: 511px;
}
.present .present-lead {
	color: #ff623d;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}

.present .present-inner {
	margin: 36px auto 0;
	width: 736px;
}
.present .present-inner h3 {
	background: #fff url("/ranking/img/10th/present-h3-bg.png") center 10px no-repeat;
	margin: 0 auto 18px;
	padding: 15px 0 11px;
	text-align: center;
}
.present .present-detail {
	border: 1px solid #ffcf30;
	margin-bottom: 12px;
	width: 362px;
}
.present .detail-left {
	float: left;
}
.present .detail-right {
	float: right;
}
.present .present-detail dt {
	background: #ffcf30;
	height: 76px;
	line-height: 3.5em;
	text-align: center;
}
.present .present-detail dt.two-line {
	line-height: 4.5em;
}
.present .present-detail dd {
	background: #fff;
	padding: 22px 0 0;
	height: 380px;
	text-align: center;
	position: relative;
}
.present .present-detail .pos-1 {
	position: absolute;
	bottom: 80px;
	left: 62px;
}
.present .present-detail .pos-2 {
	position: absolute;
	bottom: 115px;
	left: 52px;
}
.present .present-detail .pos-3 {
	position: absolute;
	bottom: 115px;
	left: 48px;
}
.present .present-detail .pos-4 {
	position: absolute;
	bottom: 90px;
	left: 75px;
}
.present .present-detail .pos-5 {
	position: absolute;
	bottom: 90px;
	left: 95px;
}
.present .present-detail .present-num {
	background: #FFF100;
	border-radius: 50%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 106px;
	height: 106px;
	width: 106px;
	position: absolute;
	bottom: 6px;
	right: 8px;
}
.present .present-detail .present-num img {
	vertical-align: middle;
}
.present .present-detail .present-caution {
	font-size: 10px;
	position: absolute;
	left: 16px;
	bottom: 6px;
	text-align: left;
}
.present .present-btn {
	margin-top: 38px;
	margin-bottom: 50px;
	text-align: center;
}
.present .present-btn a {
	background-color: #ff623d;
	border-radius: 41px;
	box-shadow: 1px 1px 1px #ccc;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 26px 106px;
}
.present .present-btn a:hover {
	background-color: #ed5b39;
}
.present .present-btn .close {
	background-color: #818076;
	border-radius: 41px;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 30px;
	font-weight: bold;
	padding: 19px 54px 14px;
}
.present .present-btn .close:hover {
	cursor: default;
}
.present .present-btn .close-msg {
	color: #ff623d;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}
#NR-wrapper .present .social-button-header {
	margin: 0 auto; 
	width: 760px;
}
#NR-wrapper .present .social-button-header .btn {
	border-radius: 10px;
	width: 340px;
}
#NR-wrapper .present .social-button-header .facebook {
	margin-right: 20px;
}
#NR-wrapper .present .social-button-header .twitter {
	margin-left: 20px;
}

/* sns */
#NR-wrapper .social-button-header {
	margin-bottom: 0;
}

/* cb */
#cboxPrevious, #cboxNext {
	background: none; 
}
#cboxCurrent {
	color: #000;
}

/* sp */
.years-sp {
	display: none;
}

/* #####################
	vote
 ##################### */
#spv-area {
	margin: 0 50px;
}

.spv-step {
	margin: 50px 0;
	text-align: center;
}
.spv-step li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto; 
	margin-right: 100px;
}
.spv-step .spv-flowbox {
	border: 3px solid #ffde00;
	border-radius: 10px;
	padding: 20px 0 27px 3px;
	position: relative;
	margin-top: 3px;
	text-align: center;
	width: 190px;
}
.spv-step .spv-flowbox:after {
	background: url("/ranking/img/10th/flow-arrow.png") 0 0 no-repeat;
	content: "";
	margin-left: 25px;
	position: absolute;
	left: 100%;
	height: 42px;
	width: 60px;
}
.spv-step .last-step {
	margin-right: 0;
}
.spv-step .last-step .spv-flowbox:after {
	display: none;
}
.spv-step .spv-now .spv-flowbox {
	background: #ffde00;
	color: #fff;
}
.spv-step .spv-pop {
	display: none;
}
.spv-step .spv-now .spv-pop {
	background: url("/ranking/img/10th/spv-step-bg.png") center 9px no-repeat; 
	display: block;
	height: 60px;
	line-height: 1.6;
}
.spv-step p {
	font-size: 24px;
	font-weight: bold;
	margin: -6px 0 0 0;
}
.spv-app {
	margin: 20px 0 30px;
	text-align: center;
}
.spv-app p {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 10px;
}
.spv-app .spv-hd,
.spv-step .spv-hd {
	width: 500px;
	margin-left: auto;
	margin-right: auto; 
}
.spv-step .spv-hd {
	background: -webkit-linear-gradient(transparent 60%, #D7F1F9 60%);
	background: -o-linear-gradient(transparent 60%, #D7F1F9 60%);
	background: linear-gradient(transparent 60%, #D7F1F9 60%);
	margin-bottom: 5px;
}
.spv-app .spv-hd {
	background: none;
	margin-bottom: 10px;
}
.spv-app .spv-hd:before,
.spv-step .spv-hd:after {
	background: -webkit-linear-gradient(transparent 60%, #D7F1F9 60%);
	background: -o-linear-gradient(transparent 60%, #D7F1F9 60%);
	background: linear-gradient(transparent 60%, #D7F1F9 60%);
	width: 500px;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 15px;
}
#spv-area .spv-btn {
	background: #ff623d;
	border-radius: 9px;
	box-shadow: 0px 3px 5px 0px rgba(4, 0, 0, 0.35);
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	padding: 15px 45px;
}
#spv-area .spv-btn:link,
#spv-area .spv-btn:visited,
#spv-area .spv-btn:hover {
	color: #fff;
}
#spv-area .spv-btn:hover {
	opacity: 0.8;
}
#spv-area .spv-btn.spv-btn-login{
	padding: 15px 90px;
}
#spv-area .spv-btn.spv-btn-back {
	background: #eb8597;
	font-size: 20px;
}
#spv-area .spv-btn.spv-btn-done {
	background: #999;
	color: #eee;
	font-size: 14px;
}

.spv-before .main-vote {
	position: relative;
}
.spv-before .main-vote .main-vote-filter {
	background: url("/ranking/img/10th/filter.png") 0 0 repeat;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.spv-present {
	background-color: #fff;
	padding-top: 0;
}


.spv-present .spv-present-lead {
	background: #fff;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.spv-present .present-detail {
	float: none;
	margin: 15px auto;
	width: 640px;
}
.spv-present .present-detail dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 4.2;
}
.spv-present .present-detail dd {
	height: auto;
	padding: 30px 0;
}
.spv-present .present-detail dd .present-num {
	font-size: 22px; 
	font-weight: bold;
}
.spv-present .spv-present-note {
	text-align: center;
}

.spv-share {
	background: url(/img/tegaki.png);
	margin-bottom: 0;
	margin-top: 30px;
	padding: 1px;
}
.spv-share-inner{
	background: #fff;
	border: 1px solid #000;
	text-align: center;
	padding: 30px;
}
.spv-share p {
	font-size: 20px;
	font-weight: bold;
}
#spv-area .spv-social-button ul{
	margin: 0;
}
#spv-area .spv-social-button-s p {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding-top: 30px;
}

.spv-login {
    background: url(/img/tegaki.png);
    padding: 1px;
}

.spv-login-inner {
	background: #fff;
    border: solid #000 2px;
    padding: 10px 10px 15px;
}

.spv-note {
	font-weight: bold;
}

.spv-app .spv-note {
	font-size: 16px;
}



/* RWD */
@media screen and (max-width: 599px) {

/* #####################
	camp
 ##################### */

 	.pc-none {
 		display: block;
 	}

 	.sp-none {
 		display: none;
 	}

	br {
		display: none;
	}

 	.h1erea {
 		height: auto;
 		padding: 0 10px 20px;
 	}

	.h1erea-curtain {
		background-image: none;
		margin-bottom: 0;
		text-align: center;
	}

 	.h1erea-curtain h1 {
 		padding: 20px 0 0;
 		width: 100%;
 	}

 	.h1erea-curtain .h1erea-cake,
 	.h1erea-curtain .h1erea-lead {
 		display: inline-block;
 	}

 	.h1erea-curtain .h1erea-cake {
 		margin: -20px auto 0;
 	}

 	.h1erea-curtain .h1erea-cake img {
 		width: 70%;
 	}

 	.h1erea-curtain .h1erea-lead {
 		padding: 20px;
 	}

 	.h1erea-curtain .h1erea-present {
 		margin: 0;
 		padding: 0;
 	}

 	.h1erea-curtain .h1erea-present dt {
 		margin: 40px 0 15px;
 	}

 	.h1erea-curtain .h1erea-present dd {
 		float: none;
 		margin: 0;
 		text-align: center;
 		width: 48%;
 		display: inline-block;
 	}

 	.all {
 		background-size: contain;
 		padding: 0 10px 15px;
 	}

 	.all .all-lead {
 		font-size: 18px;
 		padding: 20px;
 		margin-bottom: 50px;
 		width: auto;
 	}

 	.section.all-ranking {
 		font-size: 20px;
 		padding: 10px;
 		width: auto;
 	}

 	.all .all-ranking h3 {
 		left: 0;
 		width: auto;
 	}

 	.all .all-ranking .ranking-move {
 		margin-top: -30px;
 	}

 	.all .all-ranking:before,
 	.all .all-ranking:after {
 		display: none;
 	}

 	.all .all-ranking li {
 		padding: 3px 0 3px 70px;
 	}

 	.all .icon-rank1,
 	.all .icon-rank2,
 	.all .icon-rank3 {
 		background-size: 50px;
 		background-position: 5px 0;
 	}

 	.all .all-ranking .ranking-more {
 		font-size: 16px;
 		margin-top: 8px;
 		padding-right: 0;
 		padding-bottom: 0;
 	}

 	.all .all-comment {
 		font-size: 18px;
 		padding: 20px;
 		width: auto;
 	}

 	.times {
 		background-size: contain;
 		padding: 25px 10px 15px;
 	}

 	.times .times-lead {
 		font-size: 18px;
 		padding: 20px;
 		width: auto;
 	}

 	.times .times-ranking {
 		margin-bottom: 10px;
 		width: auto;
 	}

 	.times .times-ranking h3 {
 		height: auto;
 		line-height: normal;
 		padding: 0 10px;
 		text-align: left;
 	}

 	.times .times-ranking h3 span {
 		display: inline-block;
 		font-weight: bold;
 		margin: 0;
 	}

 	.times .times-ranking h3 span img {
 		width: 70%;
 	}

 	.times .times-ranking h3 .pc-none {
 		text-align: center;
 	}

 	.times .times-ranking h3 .times-h3txt {
 		padding: 0 0 5px;
 		margin-left: -8px;
 		width: 70%;
 	}

 	.times .times-ranking h3 .no-flag {
 		min-height: 50px;
 		padding-top: 10px;
 	}
 	

 	.times .times-ranking ol {
 		padding: 10px;
 		width: auto;
 	}

 	.times .times-ranking li {
 		font-size: 24px; 
 		padding: 0 0 0 70px;
 	}

 	.times .icon-rank1,
 	.times .icon-rank2,
 	.times .icon-rank3 {
 		background-size: 50px;
 		background-position: 5px 15px;
 	}

 	.times .times-comment {
 		font-size: 18px;
 		padding: 20px;
 		width: auto;
 	}

 	.times .times-ranking .ranking-more {
 		font-size: 20px;
 	}

	.present {
		padding: 20px 10px 15px;
	}

	.present .present-heading {
		padding: 0 0 20px;
		width: auto;
	}

	.present .present-heading h2 {
		padding: 0;
	}

	.present .present-heading h2 img {
		width: 95%;
	}

	.present .present-heading h2 span {
		border-radius: 20px 20px 0 0;
		position: static;
		margin: 0 auto 15px;
		width: auto;
	}

	.present .present-lead {
		font-size: 16px; 
		padding: 15px 15px 0;
		text-align: left;
	}

	.present .present-inner {
		margin-top: 20px;
		width: auto;
	}

	.present .present-inner h3 {
		background-image: none;
		padding: 10px 80px;
		margin-bottom: 0;
	}

	.present .present-detail {
		margin: 10px auto;
		width: auto;
	}

	.present .present-detail dd {
		padding: 22px 10px 0;
	}

	.present .present-detail .pc-none {
/*		width: 80%;*/
	}

	.present .present-detail .pos-1,
	.present .present-detail .pos-2,
	.present .present-detail .pos-3,
	.present .present-detail .pos-4,
	.present .present-detail .pos-5 {
		position: static;
	}

	.present .present-detail .pos-1 img,
	.present .present-detail .pos-2 img,
	.present .present-detail .pos-3 img,
	.present .present-detail .pos-4 img,
	.present .present-detail .pos-5 img {
		margin: 30px auto 0;
	}

	.present .present-detail .present-caution {
		width: 200px;
	}

	.present .detail-right,
	.present .detail-left {
		float: none;
	}

	.present .present-btn {
		margin: 0 auto;
		width: auto;
	}

	.present .present-btn a {
		padding: 15px 45px;
	}

	.present .present-btn span {
		color: #fff;
		font-size: 19px;
		font-weight: bold;
	}

	.present .present-btn .close {
		font-size: 22px;
		padding: 15px 22px;
	}

	.present .present-btn .close-msg {
		font-size: 15px;
		line-height: 1.4;
		margin-top: 10px;
	}

	.years-sp {
		background-color: #b0e8f9; 
		display: block;
		padding: 20px 10px 15px;
	}

	.years-sp .years-lead {
		padding: 20px;
		width: auto;
	}

	.years-sp .years-chart {
		background-image: none;
		position: static;
		height: auto;
		text-align: center;
	}

	.years-sp .years-chart .years-2005,
	.years-sp .years-chart .years-2006,
	.years-sp .years-chart .years-2007,
	.years-sp .years-chart .years-2008,
	.years-sp .years-chart .years-2009,
	.years-sp .years-chart .years-2010,
	.years-sp .years-chart .years-2011,
	.years-sp .years-chart .years-2012,
	.years-sp .years-chart .years-2013,
	.years-sp .years-chart .years-2014,
	.years-sp .years-chart .years-2015 {
		display: inline-block;
		padding: 3px 0;
		position: static;
		width: 46%;
	}

	.years-sp .pc-btn {
		margin-top: 30px;
		text-align: center;
	}

	#NR-wrapper .years-sp .pc-btn a {
		color: #eb8597;
		background-color: #fff799;
    	border-radius: 41px;
   		box-shadow: 1px 1px 1px #ccc;
   		display: inline-block;
    	padding: 10px 30px;
		font-size: 19px;
		font-weight: bold;
		width: 60%;
	}

	#NR-wrapper .present .social-button-header {
		margin-top: 15px;
		width: auto;
	}

	#NR-wrapper .present .social-button-header .btn {
		width: 100%;
	}

	#NR-wrapper .present .lp-10th .twitter {
		margin-left: 0;
	}

/* #####################
	vote
 ##################### */

	#spv-area {
		margin: 0;
	}
	.spv-step li {
		margin-right: 10px;
		width: 28%;
	}
	.spv-step .spv-flowbox {
		width: auto;
		padding: 0 0 18px 0;
		line-height: 1.6;
	}
	.spv-step .spv-flowbox img {
		width: 40px;
	}
	.spv-step li:first-child .spv-flowbox img {
		width: 80%;
	}
	.spv-step .spv-flowbox:after {
		background-size: 30%;
		margin-left:0;
		height: 15px;
		top: 30%;
	}
	#spv-area .spv-btn:hover {
		opacity: 1;
	}
	.spv-step .spv-now .spv-pop {
		display: none;
	}
	.spv-app .spv-hd,
	.spv-step .spv-hd {
		width: auto;
	}
	.spv-step .spv-hd {
		background: none;
	}
	#spv-area .spv-btn.spv-btn-login {
		padding: 10px 60px;
	}
	#spv-area .spv-btn {
		font-size: 26px;
		padding: 15px 15px;
	}

	.spv-present .present-detail {
		width: 300px;
	}
	.spv-present .present-detail dt {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.4;
		width: 300px;
	}
	.spv-present .present-detail .present-num {
		line-height: 90px;
		height: 90px; 
		width: 90px;
	}

}