@charset "utf-8";

@import url("reset.css");
@import url("fonts.css");

html,body{
	color: #231f20;
	font-size: 12px;
	line-height: 18px;
	min-width: 1000px;
}
body {
	position:relative;
}
body header {
	max-width: 1200px;
}
body #wrapperAll{
	width:100%;
	position:relative;
	margin:0 auto;
}
#contents{
	width: 100%;
}
.wide964{
	width:960px;
	margin:0 auto;
}
.mt05 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}

p[data-color="red"] {
	color: #d0304a;
}
p[data-color="red"] > em {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

a {
	color: #999999;
}

.n-text-red {
	color: #c3002f;
}

.n-text-bold {
	font-weight:bold;
}

#gnHeader, #gnFooter {
	display:none;
}

.pcNone,
h2 img,
.textImg img,
h3 img,
h4 img {
	display:none;
}

.boderDash{
	background:url(../IMG/n_24_bg_dash.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom:10px;
	margin-bottom:24px;
}

.textBold{
	font-size:14px;
	font-weight:bold;
}

.textSmall{
	font-size:13px;
	line-height:14px;
}

* html .textSmall{
	font-size:8px;
}

*+html .textSmall{
	font-size:9px;
}

.textRed{
	color:#c71444;
}

.textIndent{
	text-indent:-1em;
	padding-left:1em;
}

.pagetop{
	text-align:right;
	padding-right:20px;
	margin-top:20px;
	margin-bottom:65px;
}


/*------------------------------
メインビジュアル
--------------------------------*/
#mainVisual .spNone{
	width: 100%;
	text-align: center;
	background-color: #fff000;
	overflow: hidden;
	line-height: 0;
}
#mainVisual .spNone .mainimg{
	position: relative;
}
#mainVisual .spNone .mainimg img {
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}


/*------------------------------
アンカーリンク
--------------------------------*/
#menuArea{
	background:#000;
	height:55px;
	width:100%;
}
#menuArea ul {
	display: flex;
	justify-content: center;
}
#menuArea li{
	background-repeat:repeat;
}
#menuArea li a{
	display: block;
	height:55px;
}
#menuArea .menu01{
	background-image:url(../IMG/n_24_menu_01.gif);
	width:266px;
}
#menuArea .menu01:hover{
	background-image:url(../IMG/n_24_menu_01_on.gif);
}
#menuArea .menu02{
	background-image:url(../IMG/n_24_menu_02.gif);
	width:138px;
}
#menuArea .menu02:hover{
	background-image:url(../IMG/n_24_menu_02_on.gif);
}
#menuArea .menu03{
	background-image:url(../IMG/n_24_menu_03.gif);
	width: 208px;
}
#menuArea .menu03:hover{
	background-image:url(../IMG/n_24_menu_03_on.gif);
}

#menuArea .menu04{
	background-image:url(../IMG/n_24_menu_04.gif);
	width: 152px;
}
#menuArea .menu04:hover{
	background-image:url(../IMG/n_24_menu_04_on.gif);
}


/*------------------------------
日産チャリティーイベントについて
--------------------------------*/
#galleryEvent {
	font-size:14px;
	line-height:22px;
}
#galleryEvent h2{
	background:url(../IMG/n_24_title_01_01.gif);
	background-repeat:  no-repeat;
	height:26px;
	width:407px;
	margin-top:50px;
}
#galleryEvent .textImg{
	background:url(../IMG/n_24_text_comingsoon.gif);
	background-repeat:no-repeat;
	height:23px;
	width:164px;
	margin-top: 24px;
	margin-bottom:60px;
}

#galleryEvent .evTextImg {
	background: url(../IMG/n_24_text_end.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    margin-bottom: 30px;
    width: 572px;
    height: 56px;
}

/* 台風対応 */
#galleryEvent .galleryEvent_notice {
	margin-bottom: 30px;
}

#galleryEvent .galleryEvent_notice p {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}

#galleryEvent .galleryEvent_notice p span {
	background: linear-gradient(transparent 30%, #fff4a2 40%);
	display: inline;
	width: fit-content;
}

#galleryEvent .galleryEvent_notice p + p {
	margin-top: 30px;
}

#galleryEvent .galleryEvent_notice p a {
	color: #231f20;
}

#galleryEvent .galleryEvent_notice p a:hover {
	opacity: 0.7;
}

/* オンラインライブ スケジュール */
#galleryEvent .online-live{

}

#galleryEvent .thumb-youtube {
	display: flex;
	margin-top: 24px;
}

#galleryEvent .thumb-youtube li:not(:first-of-type){
	margin-left: 51px;
}
#galleryEvent .thumb-youtube img{
	width: 367px;
}
#galleryEvent .online-live .textSmall:not(:first-of-type){
	line-height: 20px;
}
#galleryEvent .online-live figure{
	padding: 0;
	margin: 0;
}
#galleryEvent .online-live figcaption{
	text-align: center;
	font-weight: bold;
}

#galleryEvent .galleryEvent_contents {
	margin-top: 55px;
}

#galleryEvent .galleryEvent_contents h3 {
	background: url(../IMG/n_24_title_event-01.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 200px;
    margin-bottom: 16px;
}
#galleryEvent .galleryEvent_contents p span.desc {
	margin-left: 200px;
}
#galleryEvent .galleryEvent_contents p em {
	display: inline-block;
	background: linear-gradient(transparent 30%, #fff4a2 40%);
	font-weight: bold;
	margin-top: 16px;
	padding: 0 8px;
}

#galleryEvent .galleryEvent_schedule {
	margin-top: 46px;
}
#galleryEvent .galleryEvent_schedule h3 {
	background: url(../IMG/n_24_title_event-02.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 224px;
    margin-bottom: 28px;
}
#galleryEvent .galleryEvent_schedule p + p {
	margin-top: 17px;
}

#galleryEvent .galleryEvent_mc {
	margin-top: 38px;
}
#galleryEvent .galleryEvent_mc h3 {
	background: url(../IMG/n_24_title_event-03.gif);
    background-repeat: no-repeat;
    height: 21px;
    width: 175px;
    margin-bottom: 16px;
}
#galleryEvent .galleryEvent_event-block {
	margin-top: 16px;
}
#galleryEvent .galleryEvent_event-block-img {
	display: flex;
	align-items: flex-end;
	gap: 0 30px;
	margin-top: 9px;
}
#galleryEvent .galleryEvent_event-block-img figure {
	margin: 0;
}
#galleryEvent .galleryEvent_event-block-img figure figcaption {
	text-align: center;
}
#galleryEvent .galleryEvent_event-block-img p {
	margin-left: 30px;
}

#galleryEvent .galleryEvent_event-performer {
	margin-top: 34px;
}
#galleryEvent .galleryEvent_event-performer h3 {
	background: url(../IMG/n_24_title_event-04.gif);
    background-repeat: no-repeat;
    height: 22px;
    width: 156px;
    margin-bottom: 18px;
}

/* イベント出演者 */
#galleryEvent .galleryEvent_event-performer-block[data-row='2'] {
	margin-top: 52px;
}

#galleryEvent .galleryEvent_event-performer-block-img {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-top: 9px;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6']{
	margin-top: 34px;
}

#galleryEvent .galleryEvent_event-performer-block-img figure {
	position: relative;
	margin: 38px 8px 0 0;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure {
	margin-right: 22px;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(6n) {
	margin-right: 0;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='4'] figure:nth-child(4n) {
	margin-right: 0;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='1'] .galleryEvent_event-performer-block-img[data-column='4'] figure:nth-child(3) {
	margin-right: 7px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='4'] figure:nth-child(5) {
	letter-spacing: -0.03em;
	margin-right: 27px;
	margin-left: 9px;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure {
	margin-top: 21px;
}

#galleryEvent .galleryEvent_event-performer-block-img figure:nth-child(1),
#galleryEvent .galleryEvent_event-performer-block-img figure:nth-child(2),
#galleryEvent .galleryEvent_event-performer-block-img figure:nth-child(3),
#galleryEvent .galleryEvent_event-performer-block-img figure:nth-child(4) {
	margin-top: 0;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(5),
#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(6) {
	margin-top: 0;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='1'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(4) {
	margin-left: 15px;
	margin-right: 36px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='1'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(9) {
	margin-right: 12px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(3) {
	margin-left: 16px;
	margin-right: 36px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(12) {
	margin-left: 19px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(13) {
	margin-right: 21px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(14) {
	margin-right: 18px;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='2'] .galleryEvent_event-performer-block-img[data-column='6'] figure:nth-child(19) {
	margin-left: 26px;
	margin-right: 49px;
}

#galleryEvent .galleryEvent_event-performer-block-img figure img {
	border: 1px solid #ccc;
}

#galleryEvent .galleryEvent_event-performer-block-img figure figcaption {
	margin-top: 7px;
	text-align: center;
}

#galleryEvent .galleryEvent_event-performer-block[data-row='1'] .galleryEvent_event-performer-block-img[data-column='4'] figure figcaption {
	margin-top: 11px;
}

#galleryEvent .galleryEvent_event-performer-block-img figure figcaption span {
	position: absolute;
	right: 0;
	top: 154px;
	font-size: 11px;
}

#galleryEvent .galleryEvent_event-performer-block-img[data-column='6'] figure figcaption {
	margin-top: 0;
}

/* チャリティーオークション */
#galleryEvent .galleryEvent_charity-auction {
	margin-top: 55px;
}

#galleryEvent .galleryEvent_charity-auction h3 {
	background: url(../IMG/n_24_title_event-05.gif);
    background-repeat: no-repeat;
    height: 20px;
    width: 267px;
    margin-bottom: 16px;
}

#galleryEvent .galleryEvent_charity-auction p + p {
	margin-top: 22px;
}

#galleryEvent .galleryEvent_charity-auction h4 {
	margin-top: 42px;
}

#galleryEvent .galleryEvent_charity-auction ul {
	margin-left: 55px;
}

#galleryEvent .galleryEvent_charity-auction ul li {
	margin-top: 22px;
}

#galleryEvent .galleryEvent_charity-auction ul li:first-child {
	margin-top: 0;
}
/*------------------------------
福祉車両「ライフケアビークル（LV）」の寄贈
--------------------------------*/
#lv {
	margin-top: 69px;
}

#lv h2{
	background:url(../IMG/n_24_title_01_02.gif);
	background-repeat:no-repeat;
	height:26px;
	width:479px;
	margin-top: 20px;
}
#lv h3{
	background:url(../IMG/n_24_text_04.gif);
	background-repeat:no-repeat;
	height:24px;
	width:398px;
	margin-bottom:25px;
}
#lv .lvDetail{
	font-size:14px;
	line-height:22px;
}
#lv .lvDetail .box01{
	float:left;
	width:458px;
}
#lv .lvDetail .box01 a{
	color: #231f20;
}
#lv .lvDetail .box02{
	float:right;
	width:458px;
	margin-right:19px;
}
#lv .lvDetail .box02 img{
	width:458px;
	height:auto;
}
#lv .lvLineup{
	background-color: #efefef;
	padding: 19px 19px 17px 19px;
}
#lv .lvLineup .box01{
	float:left;
	width:625px;
}
#lv .lvLineup .box01 img{
	margin:0 7px;
}
#lv .lvLineup .box02{
	float:right;
	width:300px;
}
#lv .lvLineup .box02 img.logoLv{
	margin-bottom: 15px;
	display:block;
}
* html #lv .lvLineup .box02 img.logoLv{
  margin-bottom:0;
  padding-bottom:12px;
}

/* 動画 */
.lv-list{
	margin-left: -20px;
}
.lv-list li{
	display:inline-block;
	margin-left: 20px;
}
.ulcenter {
	text-align:center;
}

/*------------------------------
電気自動車による社会貢献
--------------------------------*/
#ev {
	margin-top: 20px;
}
#ev h2{
	background:url(../IMG/n_24_title_ev.gif);
	background-repeat:no-repeat;
	height:26px;
	width:316px;
}

#ev .evTextImg {
	background: url(../IMG/n_24_text_ev.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: auto 100%;
    margin-bottom: 27px;
	width: 790px;
	height: 56px;
}

#ev h3 {
	background: url(../IMG/n_24_title_ev_02.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: auto 100%;
    margin-bottom: 16px;
	width: 356px;
	height: 21px;
}

#ev p {
    font-size: 14px;
    line-height: 22px;
}

#ev a {
	color: #231f20;
}

#ev ul {
	display: grid;
	grid-template-columns: 136px 136px 136px 136px 136px;
	gap: 25px;
	justify-content: center;
	margin-top: 28px;
}

#ev ul li img {
	border-radius: 17px;
}

/*------------------------------
募金活動について
--------------------------------*/
#bokin {
	margin-top: 30px;
}
#bokin h2{
	background:url(../IMG/n_24_title_about.gif);
	background-repeat:no-repeat;
	height:26px;
	width:316px;
}
#bokin #searchBox2 .formBtn{
	text-align:center;
	margin-top:0!important;
	position: absolute;
	left: 50%;
	margin-left: -148px;
	bottom: 45px;
}

#bokin .bokinDetail01 {
	display: flex;
}

#bokin .bokinDetail01 p {
	line-height: 22px;
	font-size: 14px;
}

#bokin .bokinDetail01 .box02 {
	margin: 0 20px 0 70px;
}

/* 募金の目的 */
#bokin .bokinDetail02 {
	display: flex;
	font-size: 14px;
	line-height: 22px;
	margin-top: 25px;
}
#bokin .bokinDetail02 .box01,
#bokin .bokinDetail02 .box02 {
	width: 450px;
}
#bokin .bokinDetail02 .box01 h3{
	background:url(../IMG/n_24_title_02_03.gif);
	background-repeat:no-repeat;
	height:20px;
	width:100px;
	margin-bottom:0px;
}
#bokin .bokinDetail02 .box02 {
	margin-left: auto;
}
#bokin .bokinDetail02 .box02 h3 {
	background:url(../IMG/n_24_title_04_02.gif);
	background-repeat:no-repeat;
	height:20px;
	width:140px;
	margin-bottom:0px;
}
#bokin .bg-e5{
	padding: 11px 0 9px 10px;
	background-color: #e5e5e5;
}

#bokin .bokinDetail02 p + p {
	margin-top: 21px;
}

#bokin .bokinDetail02 p a {
	color: #231f20;
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

#bokin .bokinDetail02 p a::before {
	content: '';
	background-image: url(../IMG/n_24_icon_window_01.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 11px;
	height: 11px;
}

#bokin .bokinDetail02 .textMarker {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.035em;
	white-space: nowrap;
	position: relative;
	width: fit-content;
	margin-top: 17px;
}

#bokin .bokinDetail02 .textMarker::before {
	content: '';
	background-color: #FFED64;
	width: calc(100% + 16px);
	height: 12px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: -1;
}

/* 24時間テレビキャッシュレス募金のご案内 */
#cashless {
	border: 1px solid #e5e5e5;
	margin-top: 38px;
	padding: 32px 22px 52px;
}
#cashless .boderDash {
	margin-bottom: 2px;
	max-width: 415px;
}

#cashless h3 {
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../IMG/n_24_title_cashless-fundraising.gif);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 415px;
	height: 26px;
}

#cashless .cashlessTextImg {
	background: url(../IMG/n_24_text_cashless-fundraising.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
	background-size: auto 100%;
	height: 17px;
	margin-top: 20px;
    margin-bottom: 20px;
	width: 909px;
	height: 16px;
}

#cashless .cashlessBanner {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

#cashless p {
	font-size: 14px;
	line-height: 24px;
}

#cashless p a {
	color: #231f20;
}