@charset "UTF-8";
@media (-webkit-min-device-pixel-ratio: 2) { html { -webkit-font-smoothing: antialiased; } }

.rwd { line-height: 1.33; }

.rwd em { font-weight: bold; }

.rwd a { color: #c71444; text-decoration: underline; }

.rwd a:visited { color: #c71444; }

.rwd a:hover { color: #c71444; text-decoration: none; }

.rwd a:active { color: #c71444; }

@media screen and (max-width: 599px) {
	#wrapperAll, #wrapperPage, #topicpath, div#side, #wrapperBottom { display: none; }
	body { background: #fff; }
	body #newSite { background: transparent; }
	body #container { width: 100% !important; margin: 0; padding: 0; background: transparent; }
	body #container #content-padding { padding: 0; }
 }
#select_list:after,
#SCT1 .pagination ul:after,
#SCT1 .pagination:after,
#SCT1 .sort ul:after,
#SCT1 .sort:after,
#SCT1 .list:after,
#mainContents .pack:after,
#mainContents .box:after,
#mainContents .block:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#select_list,
#SCT1 .pagination ul,
#SCT1 .pagination,
#SCT1 .sort ul,
#SCT1 .sort,
#SCT1 .list,
#mainContents .pack,
#mainContents .box,
#mainContents .block {
zoom: 1;
}

.sp {
display: block;
}
.pc {
display: none;
}
@media screen and (min-width: 600px) {
	.sp {
	display: none;
	}
	.pc {
	display: block;
	}
}

.nissan-header {
	display: none;
}
@media screen and (min-width: 600px) {
	.nissan-header {
		display: block;
	}
}

#topicpath {
	position:  relative;
	margin: 0 auto;
	width:  100%;
	height:  0;
	display:  block;
	z-index:  99;
}
#topicpath ul.pankuzu {
	display: none;
}
#topicpath .social {
	position:  absolute;
	right: -13px;
	top: 10px;
	color:  #fff;
	overflow:  hidden;
}
#topicpath .social li {
	float: left;
}
#topicpath .social li.twitter {
	width: 98px;
}
#topicpath .social li.facebook {
width: 111px;
}
#topicpath .social li.facebook iframe {
width: 111px;
}
#mainContents {
background-color: #333;
}
#mainVisual {
background-color: #c71545;
padding: 50px 20px 50px 20px;
}
#mainVisual .pack h1 img {
margin-bottom: 15px;
width: 100%;
height: auto;
}
#mainVisual .pack p {
margin-bottom: 25px;
font-size: 14px;
line-height: 1.6;
color: #fff;
text-align: center;
}
#mainVisual .pack .btn a {
display: block;
border: solid 1px #fff;
background-color: #c71444;
margin:  0 auto;
padding: 15px 0 15px 0;
width: 200px;
text-align: center;
}
#mainVisual .pack .btn a:hover {
text-decoration: none;
}
#mainVisual .pack .btn img {
width: 150px;
height: auto;
}
@media screen and (min-width: 600px) {
	div#container {
	margin-top:  -30px;
	width:  auto !important;
	}
	#topicpath {
	position:  relative;
	margin: 0 auto;
	width:  940px;
	height:  0;
	display:  block;
	z-index:  99;
	}
	#topicpath ul.pankuzu {
	position:  absolute;
	left:  20px;
	top: 19px;
	color:  #fff;
	display: block;
	}
	#topicpath ul.pankuzu a {
	color:  #fff;
	}
	#topicpath .social {
	position:  absolute;
	right:  -13px;
	top: 16px;
	color:  #fff;
	overflow:  hidden;
	}
	#topicpath .social li {
	float: left;
	}
	#topicpath .social li.twitter {
	width: 98px;
	}
	#topicpath .social li.facebook {
	width: 111px;
	}
	#topicpath .social li.facebook iframe {
	width: 111px;
	}
	#mainVisual {
	background-color: #c71545;
	padding: 38px 20px 22px 20px;
	}
	#mainVisual .pack h1 {
	text-align: center;
	}
	#mainVisual .pack h1 img {
	margin: 0 auto 13px auto;
	width: 337px;
	height: auto;
	}
	#mainVisual .pack p {
	margin-bottom: 13px;
	}
	#mainVisual .pack .btn a:hover {
	background-color: #b10b2b;
	}
}
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) and 
(orientation : portrait) {
	#newSite,
	div#container {
	width: 964px !important;
	}
}
#SCT1 {
background-color: #fff;
padding: 35px 0 28px 0;
}
#SCT1 .vote {
margin-bottom: 35px;
text-align: center;
}
#SCT1 .vote h2 img {
width: 270px;
height: auto;
}
#SCT1 .vote p {
margin-top: 15px;
font-size: 12px;
}
#SCT1 .vote p strong {
font-weight: bold;
}
#SCT1 .catch {
margin-bottom: 35px;
text-align: center;
}
#SCT1 .catch h2 {
margin: 0 25px 15px 25px;
}
#SCT1 .catch h2 img {
width: 100%;
height: auto;
}
#SCT1 .catch p {
font-size: 12px;
}
#SCT1 .catch p strong {
font-weight: bold;
}
#SCT1 .hed {
margin-bottom: 22px;
text-align: center;
}
#SCT1 .hed h2 {
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/sct1_lin_hed.png) repeat-x center center;
background-size: 32px auto;
margin: 0 5px 25px 5px;
font-size: 18px;
font-weight: bold;
}
#SCT1 .hed h2 span {
background-color: #fff;
padding: 0 16px;
}
#SCT1 .hed h3 {
margin-bottom: 12px;
font-size: 16px;
}
#SCT1 .hed p {
font-size: 12px;
}
#SCT1 .sort {
margin: 0 auto 37px auto;
text-align: center;
}
#SCT1 .sort .div1 {
margin-bottom: 33px;
}
#SCT1 .sort ul {
display: inline-block;
}
#SCT1 .sort li {
font-size: 16px;
float: left;
}
#SCT1 .sort .li1 {
border-left: none;
}
#SCT1 .sort .div1 a {
border: solid 1px #dbdbdb;
border-left: none;
overflow: hidden;
box-sizing: border-box;
padding: 6px 0 6px 0;
width: 58px;
height: 45px;
display: block;
font-size: 16px;
text-align: center;
}
#SCT1 .sort .div1 .li1 a {
border-left: solid 1px #dbdbdb;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
padding: 6px 5px 6px 5px;
width: auto;
}
#SCT1 .sort .div1 .li5 a {
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
}
#SCT1 .sort .div2 a {
box-sizing: border-box;
padding: 10px 5px 10px 5px;
width: 84px;
height: 37px;
display: block;
font-size: 14px;
line-height: 1.3;
text-align: center;
}
#SCT1 .sort a strong {
font-weight: bold;
}
#SCT1 .sort a span {
display: block;
font-size: 12px;
color: #666;
}
#SCT1 .sort .li1 a strong {
color: #c71444;
}
#SCT1 .sort .li2 a strong {
color: #ef95f4;
}
#SCT1 .sort .li3 a strong {
color: #3dbdff;
}
#SCT1 .sort .li4 a strong {
color: #d24e30;
}
#SCT1 .sort .li5 a strong {
color: #6e6e6e;
}
#SCT1 .sort a:hover strong {
text-decoration: none;
}
#SCT1 .sort li a.active {
background-color: #c71444;
color: #fff !important;
}
#SCT1 .sort li a.active span,
#SCT1 .sort li a.active strong {
color: #fff !important;
}
#SCT1 .sort .period {
position: relative;
background-color: #f2f2f2;
margin: 4px 8px 0 8px;
font-size: 9px;
line-height: 14px;
color: #666;
display: block;
}
#SCT1 .sort .period:before {
position: absolute;
left: -14px;
top: 0;
content: "";
border: 7px solid transparent;
border-right: 7px solid #f2f2f2;
}
#SCT1 .sort .period:after {
position: absolute;
right: -14px;
top: 0;
content: "";
border: 7px solid transparent;
border-left: 7px solid #f2f2f2;
}
#SCT1 .sort .div2 {
font-size: 0;
line-height: 0;
}
#SCT1 .sort .div2 p {
position: relative;
top: -12px;
margin-right: 15px;
font-size: 14px;
color: #9e9e9e;
display: inline-block;
}
#SCT1 .sort .div2 ul {
border: solid 1px #dbdbdb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow: hidden;
}
#SCT1 .sort .div2 a {
color: #c71444;
font-weight: bold;
}
#SCT1 .sort .div2 a:hover {
text-decoration: none;
}
#SCT1 .sort .div2 a.active {
background-color: #c71444;
color: #fff;
}
#SCT1 .sort .div3 {
padding: 20px 0 0 0;
clear: both;
}
#SCT1 .sort .div3 select {
display: block;
margin: 0 auto 10px auto;
width: 160px;
padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #ccc;
background: #fff url(/IMAGES/DRIVENAVI/CALENDAR/2021/bg_select.png) no-repeat right center;
background-size: 25px auto;
}
#SCT1 .sort .div3 select::-ms-expand {
display: none;
}
#SCT1 .pagination {
margin-bottom: 22px;
text-align: center;
}
#SCT1 .pagination ul {
border: solid 1px #dbdbdb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
display: inline-block;
overflow: hidden;
}
#SCT1 .pagination li {
border-left: solid 1px #dbdbdb;
font-size: 16px;
float: left;
display: none;
}
#SCT1 .pagination li.li3,
#SCT1 .pagination li.li2,
#SCT1 .pagination li.li1,
#SCT1 .pagination li.prev,
#SCT1 .pagination li.next {
display: block;
}
#SCT1 .pagination li:first-child {
border-left: none;
}
#SCT1 .pagination a {
box-sizing: border-box;
padding: 10px 5px 10px 5px;
width: 45px;
height: 37px;
display: block;
font-size: 14px;
line-height: 1.3;
text-align: center;
}
#SCT1 .pagination .prev a,
#SCT1 .pagination .next a {
width: 80px;
}
#SCT1 .pagination a {
color: #666;
font-weight: bold;
}
#SCT1 .pagination a:hover {
text-decoration: underline;
}
#SCT1 .pagination a.active {
background-color: #c71444;
color: #fff;
}
#SCT1 .list {
margin: 0 4px 32px 4px;
}
#SCT1 .list .block {
box-sizing: border-box;
padding: 0 4px 8px;
width: 50%;
float: left;
}
#SCT1 .list .icon {
position: relative;
z-index: 1;
}
#SCT1 .list .icon img {
position: absolute;
right: 0;
top: 0;
width: 20px;
height: auto;
}
#SCT1 .list .image {
position: relative;
width: 100%;
overflow: hidden;
}
#SCT1 .list .image:before {
content:"";
display: block;
padding-top: 60%; /* 高さを幅の75%に固定 */
}
#SCT1 .list .image img {
display: none;
}
#SCT1 .list a {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding-top: 60%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
}
#SCT1 .list a:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
@media screen and (min-width: 600px) {
	#SCT1 {
	padding: 47px 0 38px 0;
	}
	#SCT1 .vote {
	margin-bottom: 50px;
	text-align: center;
	}
	#SCT1 .vote h2 img {
	width: 400px;
	height: auto;
	}
	#SCT1 .vote p {
	margin-top: 23px;
	font-size: 14px;
	}
	#SCT1 .vote p strong {
	font-weight: bold;
	}
	#SCT1 .catch {
	margin-bottom: 50px;
	}
	#SCT1 .catch h2 {
	margin: 0 0 23px 0;
	}
	#SCT1 .catch h2 img {
	width: 400px;
	}
	#SCT1 .catch p {
	font-size: 14px;
	}
	#SCT1 .hed {
	margin-bottom: 30px;
	text-align: center;
	}
	#SCT1 .hed h2 {
	margin: 0 auto 17px auto;
	width: 650px;
	font-size: 20px;
	}
	#SCT1 .hed h2 span {
	background-color: #fff;
	padding: 0 22px;
	}
	#SCT1 .hed h3 {
	margin-bottom: 10px;
	font-size: 16px;
	}
	#SCT1 .hed p {
	font-size: 12px;
	}
	#SCT1 .sort {
	margin: 0 auto 26px auto;
	width: 930px;
	}
	#SCT1 .sort .div1 {
	margin-bottom: 0;
	float: left;
	}
	#SCT1 .sort .div2 {
	float: right;
	min-width: 260px;
	}
	#SCT1 .sort ul {
	display: block;
	}
	#SCT1 .sort li {
	font-size: 16px;
	float: left;
	}
	#SCT1 .sort .li1 {
	border-left: none;
	}
	#SCT1 .sort .div1 a,
	#SCT1 .sort .div2 a {
	box-sizing: border-box;
	padding: 11px 22px 10px 22px;
	width: auto;
	height: 38px;
	display: block;
	font-size: 14px;
	}
	#SCT1 .sort .div1 .li1 a {
	padding: 11px 22px 10px 22px;
	width: auto;
	}
	#SCT1 .sort a:hover {
	text-decoration: none;
	}
	#SCT1 .sort a span {
	display: inline;
	}
	#SCT1 .sort a:hover strong {
	text-decoration: underline;
	}
	#SCT1 .sort .div2 p {
	top: 0;
	margin-right: 15px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 1.3;
	color: #9e9e9e;
	float: left;
	display: block;
	}
	#SCT1 .sort .div2 a {
	color: #c71444;
	font-weight: bold;
	}
	#SCT1 .sort .div2 a:hover {
	text-decoration: underline;
	}
	#SCT1 .sort .div2 a.active {
	background-color: #c71444;
	color: #fff;
	}
	#SCT1 .sort .period {
	margin: 6px 11px 0 11px;
	font-size: 12px;
	line-height: 20px;
	}
	#SCT1 .sort .period:before {
	position: absolute;
	left: -20px;
	top: 0;
	content: "";
	border: 10px solid transparent;
	border-right: 10px solid #f2f2f2;
	}
	#SCT1 .sort .period:after {
	position: absolute;
	right: -20px;
	top: 0;
	content: "";
	border: 10px solid transparent;
	border-left: 10px solid #f2f2f2;
	}
	#SCT1 .sort .div3 {
	text-align: left;
	}
	#SCT1 .sort .div3 select {
	display: inline;
	margin: 0 20px 0 0;
	width: 160px;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: #fff url(/IMAGES/DRIVENAVI/CALENDAR/2021/bg_select.png) no-repeat right center;
	background-size: 25px auto;
	}
	#SCT1 .pagination {
	margin-bottom: 30px;
	text-align: center;
	}
	#SCT1 .pagination ul {
	border: solid 1px #dbdbdb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
	overflow: hidden;
	}
	#SCT1 .pagination li {
	border-left: solid 1px #dbdbdb;
	font-size: 16px;
	float: left;
	display: block;
	}
	#SCT1 .pagination .prev {
	border-left: none;
	}
	#SCT1 .pagination a {
	box-sizing: border-box;
	padding: 11px 22px 10px 22px;
	width: auto;
	height: 38px;
	display: block;
	font-size: 14px;
	}
	#SCT1 .pagination .prev a,
	#SCT1 .pagination .next a {
	width: auto;
	}
	#SCT1 .pagination a {
	color: #666;
	font-weight: bold;
	}
	#SCT1 .pagination a:hover {
	text-decoration: underline;
	}
	#SCT1 .pagination a.active {
	background-color: #c71444;
	color: #fff;
	}
	#SCT1 .list {
	margin: 0 auto 32px auto;
	width: 952px;
	}
	#SCT1 .list .block {
	width: 238px;
	height: 148px;
	}
	#SCT1 .list .icon img {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: auto;
	}
	#SCT1 .list .image a {
	padding-top: 0;
	width: 230px;
	height: 140px;
	}
}
@media screen and (min-width: 952px) {
	#SCT1 .list {
	width: 952px;
	}
}
@media screen and (min-width: 1190px) {
	#SCT1 .list {
	width: 1190px;
	}
}
@media screen and (min-width: 2380px) {
	#SCT1 .list {
	width: 1400px;
	}
}

#modalMask {
position: fixed;
left: 0;
top: 0;
background-color: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
z-index: 100000000;
display: none;
}
#modal {
position: absolute;
left: 0;
top: 100px;
box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
background-color: #fff;
width: 100%;
z-index: 100000001;
display: none;
-webkit-text-size-adjust: 100%;
}
#modal .close {
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
#modal .close img {
width: 35px;
height: auto;
}
#modal .loading {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
margin: -16px 0 0 -16px;
}
#modal .cont {
margin: 0 auto;
padding: 55px 10px 40px 10px;
}
#modal .view {
position: relative;
}
#modal .image {
text-align: left;
}
#modal .image img {
width: 100%;
height: auto;
}
#modal .image p {
margin-top: 17px;
font-size: 13px;
line-height: 1.4;
}
#modal .image div {
position: relative;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper {
position: relative;
}
.bx-viewport {
height: auto !important;
}
.bx-wrapper .bx-prev {
position: absolute;
left: -8px;
top: 50%;
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/zom_prev.png) no-repeat center center;
background-size: 17px auto;
margin-top: -17px;
}
.bx-wrapper .bx-next {
position: absolute;
right: -8px;
top: 50%;
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/zom_next.png) no-repeat center center;
background-size: 17px auto;
margin-top: -17px;
}
.bx-wrapper .bx-controls-direction a {
outline: 0;
width: 17px;
height: 33px;
text-indent: -9999px;
z-index: 9999;
display: block;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.ellipsis {
position: relative;
height: 55px;
overflow: hidden;
line-height: 20px;
}
.ellipsis:before, .ellipsis:after {
position: absolute;
background: #fff;
}
.ellipsis:before {
content: "･･･";
bottom: 0;
right: 0;
}
.ellipsis:after {
content: "";
width: 100%;
height: 100%;
}
#modal .image .more {
margin-top: 12px;
margin-bottom: 19px;
}
#modal .image .more a {
display: block;
background-color: #fff;
padding: 14px 0;
text-align: center;
}
#modal .image .more img {
width: 120px;
height: auto;
}
#modal .pack {
width: 100%;
text-align: center;
}
#modal .pack .icon {
position: absolute;
left: 0;
top: 0;
}
#modal .pack .icon img {
width: 45px;
height: auto;
}
#modal .pack .dl1 {
margin-bottom: 20px;
font-size: 12px;
line-height: 1.5;
text-align: left;
}
#modal .pack .dl1 dt {
padding: 6px 5px 5px 5px;
width: 95px;
color: #999;
float: left;
}
#modal .pack .dl1 dd {
border-bottom: solid 1px #e5e5e5;
padding: 6px 5px 5px 5px;
color: #333;
}
#modal .pack .btn {
margin-bottom: 15px;
/* カレンダー投票追加 */
display: none;
}
#modal .pack .btn a {
display: block;
background-color: #c71444;
padding: 14px 0;
text-align: center;
}
#modal .select .btn a {
background-color: #afafaf !important;
cursor: default;
}
#modal .pack .btn img {
width: 166px;
height: auto;
}
#modal .pack .dl2 {
display: inline-block;
}
#modal .pack .dl2 dt {
border-right: solid 1px #e5e5e5;
margin-right:  16px;
padding: 11px 24px 11px 7px;
font-size: 14px;
font-weight: bold;
color: #666;
float: left;
}
#modal .pack .dl2 dd {
padding: 3px 0 3px 14px;
float: left;
}
#modal .pack .dl2 dd img {
width: 36px;
height: auto;
}
@media screen and (min-width: 600px) {
	#modalMask {
	z-index: 100;
	}
	#modal {
	position: fixed;
	left: 50%;
	top: 50%;
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
	background-color: #fff;
	width: 100%;
	max-width: 1400px;
	height: 630px;
	margin-top: -315px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);		
	z-index: 110;
	overflow: hidden;
	display: none;
	}
	#modal .close {
	position: absolute;
	right: 0;
	top: 0;
	}
	#modal .close img {
	width: 50px;
	height: auto;
	cursor: pointer;
	}
	#modal .closeL {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 630px;
	}
	#modal .closeL div {
	margin-right: 480px;
	height: 630px;
	}
	#modal .closeR {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 630px;
	}
	#modal .closeR div {
	margin-left: 480px;
	height: 630px;
	}
	#modal .cont {
	margin: 0 auto;
	padding: 30px 0;
	width: 960px;
	}
	#modal .view {
	position: relative;
	}
	#modal .image {
	text-align: left;
	}
	#modal .image div {
	position: static;
	}
	.bx-viewport {
	overflow: hidden!important;
	}
	.bx-wrapper .bx-prev {
	position: absolute;
	left: -13px;
	top: 260px;
	background-image: url(/IMAGES/DRIVENAVI/CALENDAR/2021/zom_prev.png);
	background-size: 26px auto;
	margin-top: 0;
	z-index: 10;
	}
	.bx-wrapper .bx-next {
	position: absolute;
	right: -13px;
	top: 260px;
	background-image: url(/IMAGES/DRIVENAVI/CALENDAR/2021/zom_next.png);
	background-size: 26px auto;
	margin-top: 0;
	z-index: 10;
	}
	.bx-wrapper .bx-controls-direction a {
	width: 26px;
	height: 51px;
	text-indent: -9999px;
	z-index: 9999;
	}
	.ellipsis {
	position: relative;
	height: auto;
	overflow: visible;
	font-size: 13px;
	line-height: 1.35;
	}
	.ellipsis:before {
	content: "";
	bottom: 0;
	right: 0;
	}
	.ellipsis:after {
	content: "";
	width: 100%;
	height: 100%;
	}
	#modal .image span {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #fff;
	width: 730px;
	height: 475px;
	display: block;
	}
	#modal .image span img {
	width: 630px;
	height: 475px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	}
	#modal .image p {
	margin-top: 21px;
	font-size: 13px;
	line-height: 1.35;
	}
	#modal .image .more {
	display: none;
	}
	#modal .pack {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 475px;
	text-align: left;
	}
	#modal .pack .icon {
	position: relative;
	margin-bottom: 10px;
	}
	#modal .pack .icon img {
	width: 55px;
	height: auto;
	}
	#modal .pack .dl1 {
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.5;
	}
	#modal .pack .dl1 dt {
	padding: 4px 5px 0 5px;
	width: auto;
	color: #999;
	float: none;
	}
	#modal .pack .dl1 dd {
	border-bottom: solid 1px #e5e5e5;
	padding: 0 5px 4px 5px;
	color: #333;
	}
	#modal .pack .btn {
	margin-bottom: 15px;
	}
	#modal .pack .btn a {
	display: block;
	background-color: #c71444;
	padding: 19px 0;
	text-align: center;
	}
	#modal .pack .btn a:hover {
	background-color: #b10b2b;
	}
	#modal .pack .btn img {
	width: 166px;
	height: auto;
	}
	#modal .pack .dl2 dt {
	border-right: solid 1px #e5e5e5;
	margin-right:  3px;
	padding: 8px 15px 8px 0;
	font-size: 14px;
	color: #666;
	float: left;
	}
	#modal .pack .dl2 dd {
	padding: 1px 0 1px 10px;
	float: left;
	}
	#modal .pack .dl2 dd img {
	width: 30px;
	height: auto;
	}
	#modal .pack .dl2 dd a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
	#modal .pack .bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	}
}
@media screen and (min-width: 1200px) {
	.bx-wrapper .bx-prev {
	position: absolute;
	left: -106px;
	top: 260px;
	margin-top: 0;
	}
	.bx-wrapper .bx-next {
	position: absolute;
	right: -106px;
	top: 260px;
	margin-top: 0;
	}
}


#mainContents .entryArea {
background-color: #fff;
border-top: solid 1px #dbdbdb;
padding: 37px 10px 45px 10px;
text-align: center;
}
#mainContents .entryArea .lead {
margin-bottom: 15px;
font-size: 13px;
line-height: 1.48;
}
#mainContents .entryArea .lead strong {
font-weight: bold;
}
#mainContents .entryArea .btn a {
display: block;
background-color: #c71444;
margin:  0 auto;
padding: 15px 0 15px 0;
width: 200px;
text-align: center;
}
#mainContents .entryArea .btn a:hover {
text-decoration: none;
}
#mainContents .entryArea .btn img {
width: 150px;
height: auto;
}
#mainContents .entryArea .period {
margin-top: 15px;
font-size: 12px;
color: #666;
}
@media screen and (min-width: 600px) {
	#mainContents .entryArea {;
	padding: 30px 10px 38px 10px;
	}
	#mainContents .entryArea .lead {
	margin-bottom: 17px;
	line-height: 1.63;
	}
	#mainContents .entryArea .btn a:hover {
	background-color: #b10b2b;
	}
}

#mainContents .bottomText {
background-color: #f2f2f2;
padding: 19px 10px 75px 10px;
font-size: 12px;
line-height: 1.68;
color: #999;
}
@media screen and (min-width: 600px) {
	#mainContents .bottomText {
		background-color: #f2f2f2;
		padding: 19px 0 33px 0;
		font-size: 12px;
		line-height: 1.68;
		color: #999;
	}
	#mainContents .bottomText p {
		margin:  0 auto;
		width:  960px;
	}
}


#mainContents .voteArea {
position: fixed;
left: 0;
bottom: 0;
z-index: 10;
padding-top: 26px;
width: 100%;
/* カレンダー投票追加 */
display: none;
}
#mainContents .voteArea .box {
background-color: rgba(0,0,0,0.8);
width: 100%;
height: 10px;
}
#mainContents .voteArea .cont {
margin: 0 auto;
padding: 0 15px 15px 15px;
}
#mainContents .voteArea #view_btn {
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 26px;
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_up.png) no-repeat center center;
background-color: rgba(0,0,0,0.8);
background-size: 18px auto;
display: block;
cursor: pointer;
}
#mainContents .voteArea #view_btn.active {
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_down.png) no-repeat center center;
background-color: rgba(0,0,0,0.8);
background-size: 18px auto;
}
#mainContents .voteArea .voteList {
padding: 21px 0 0 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}

#mainContents .voteArea .voteList::-webkit-scrollbar {
height: 0;
background: #f3f3ed;
}
#mainContents .voteArea .voteList::-webkit-scrollbar-thumb {
background: #c5c5c5;
}
#select_list {
background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_list_pc.png) repeat-x left top;
width: 960px;
height: 67px;
}
#mainContents .voteArea .block {
position: relative;
margin-right: 2px;
width: 78px;
float: left;
}
#mainContents .voteArea .close {
position: absolute;
right: -3px;
top: -8px;
z-index: 999;
}
#mainContents .voteArea .close a {
background-image: url(/IMAGES/DRIVENAVI/CALENDAR/2021/close.png);
background-size: 17px auto;
width: 17px;
height: 17px;
overflow: hidden;
text-indent: -9999px;
display: block;
}
#mainContents .voteArea .image a {
background-position: center center;
background-size: cover;
display: block;
}
#mainContents .voteArea .image img {
width: 78px;
height: 50px;
visibility: hidden;
}
#mainContents .voteArea .season {
margin-top: 2px;
width: 78px;
height: 3px;
overflow: hidden;
text-indent: -9999px;
}
#mainContents .voteArea .spring {
background-color: #ee60f5;
}
#mainContents .voteArea .summer {
background-color: #3dbdff;
}
#mainContents .voteArea .autumn {
background-color: #d24e30;
}
#mainContents .voteArea .winter {
background-color: #ffffff;
}
#regist_btn {
background: #afafaf url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
background-size: 82px auto;
margin: 0 auto 15px auto;
width: 200px;
height: 32px;
display: block;
}
#regist_btn a {
background: #c71444 url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
background-size: 82px auto;
width: 200px;
height: 32px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#regist_btn a:hover {
background: #b10b2b url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
background-size: 82px auto;
}
#mainContents .voteArea p.note {
text-align: center;
font-size: 10px;
color: #bcbcbc;
}

#mainContents .voteArea .s1 {
color: #ee60f5;
}
#mainContents .voteArea .s2 {
color: #3dbdff;
}
#mainContents .voteArea .s3 {
color: #d24e30;
}
#mainContents .voteArea .s4 {
color: #ffffff;
}

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

	#mainContents .voteArea #view_btn {
	right: 20px;
	}
	#mainContents .voteArea .cont {
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 960px;
	}
	#mainContents .voteArea .voteList {
	padding: 21px 0 0 0;
	overflow-x: hidden;
	overflow-y: hidden
	}
	#select_list {
	background: url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_list_pc.png) repeat-x left top;
	margin-left: 1px;
	width: 960px;
	height: 67px;
	}
	#regist_btn {
	background: #afafaf url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
	background-size: 89px auto;
	margin: 0 auto 15px auto;
	width: 200px;
	height: 36px;
	display: block;
	}
	#regist_btn a {
	background: #c71444 url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
	background-size: 89px auto;
	width: 200px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
	#regist_btn a:hover {
	background: #b10b2b url(/IMAGES/DRIVENAVI/CALENDAR/2021/vote_btn.png) no-repeat center center;
	background-size: 89px auto;
	}
	#mainContents .voteArea p.note {
	text-align: center;
	font-size: 12px;
	color: #bcbcbc;
	}
}

#voteModalTitle {
background-color: #f2f3f5;
font-size: 18px;
line-height: 50px;
}
#voteModalClose {
position: absolute;
right: 9px;
top: 9px;
font-size: 20px;
}
#voteModalBody {
padding: 15px;
font-size: 14px;
line-height: 1.66;
}
#voteModalBody i {
margin-left: 5px;
font-style: normal;
font-size: 18px;
}
#voteModalBody .s1 {
color: #ef95f4;
}
#voteModalBody .s2 {
color: #3dbdff;
}
#voteModalBody .s3 {
color: #d24e30;
}
#voteModalBody .s4 {
color: #878787;
}

#DNM-ft,
#wrapperBottom {
padding-bottom: 10px !important;
}


/* ▼Dir_210216_add */
div.result_btn {
	background-color: #ffffff;
	padding: 15px 0 ;
}
div.result_btn a {
	display: block;
	box-sizing: border-box;
	background-color: #c71444;
	margin: 15px auto;
	padding: 14px 0 0 0;
	width: 200px;
	height: 45px;
	text-align: center;
}

div.result_btn a:hover {
	background-color: #b10b2b;
}
/* ▲Dir_210216_add */