/* 全体にかかるスタイル変更 */ .c-title002 {font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.03em;} .c-title003 {font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;background-color: #FFF;color: #000;font-size: 2.2rem;padding: 8px 0;} /* 背景「黒」スタイル変更 */ .background-black {background-color: #111;} .background-black .c-title002 {color: #FFF !important;} .c-anker002.background-black .c-anker002__content a {font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.05em;/*color: #C00;*/color: #FFF;} .c-anker002.background-black .c-anker002__content a::before {border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;} .c-section003.background-black {padding-top: 40px;padding-bottom: 0px;} .c-section003.background-black .c-title012 {width: 530px;margin: 0 auto 80px auto;} .c-section003.background-black .c-text006 {font-size: 1.9rem;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #C00;text-align: center;} .c-section003.background-black .c-text006 a {color: #FFF;} /* 背景「グレー」スタイル変更 */ .background-glay {background-color: #f8f8f8;} .background-black2 {background-color: #222;} .background-black2 .c-title002 {color: #FFF !important;} /* メインエリア - オリジナルCSS */ .c-keyVisual001__title {font-size: 4.0rem;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;} .c-keyVisual001__title strong {font-size: 7.2rem;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;display: block;margin-bottom: 40px;} .c-keyVisual001__day {font-size: 2.2rem;font-weight: 300;line-height: 120%;letter-spacing: .05em;text-align: center;position: relative;/*margin-top: 54px;*/margin-top: 24px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;} .c-keyVisual001__day span {font-size: 1.6rem;display: block;margin-top: 10px;} /* 出展車両 - オリジナルCSS */ #section01 .slick-dots {bottom: 10px;} #section01 .slick-dots li {margin: 0 3px;} #section01 .slick-dots li button::before {font-size: 13px;opacity: .5;color: white;} #section01 .slick-dots li.slick-active button::before {opacity: .9;color: #cc0000;} #section01 .c-button003 {padding: 14px 14px 14px 18px;border: 1px solid #cc0000;color: #cc0000;min-height: 52px;} #section01 .c-button003::after {line-height: 0;content: url(/autosalon/assets/img/2025/icon_arrow_bottom_rd01.svg);} #section01 .c-button003:hover {border: 1px solid #cc0000;color: #FFF;background-color: #cc0000;} #section01 .c-button003:hover::after {line-height: 0;content: url(/autosalon/assets/img/2025/icon_arrow_bottom_wh01.svg);} #section01 .slick-dotted.slick-slider {margin-bottom: 0;} #section01 .c-title003 {color: #35363b;font-size: 2.9rem;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: normal;font-feature-settings: "palt";letter-spacing: 0.05em;/*text-align: left;*/text-align: center;padding: 0;} #section01 .c-title004 {color: #35363b;font-size: 2.0rem;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.05em;/*text-align: left;*/text-align: center;} #section01 .c-title005 {color: #FFF;background-color: #C00;font-size: 2.0rem;line-height: 2.2;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} #section01 .c-text001 {color: #35363b;/*font-size: 1.6rem;*/font-size: 1.8rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;/*font-feature-settings: "palt";*/letter-spacing: 0.05em;/*text-align: left;*/text-align: center;border-bottom: solid 1px #e8e8e8;padding: 16px !important;margin: 0;} #section01 .c-text001.line-none {border: none;} #section01 .c-text002 {color: #35363b;font-size: 1.4rem;line-height: 1.6;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;padding-bottom: 16px;} #section01 .c-text002.U-line {border-bottom: solid 1px #e8e8e8;} #section01 .c-text002.T-line {border-top: dotted 1px #e8e8e8;padding-top: 16px;} #section01 .c-grid003__item {width: 54%;} #section01 .c-text001 span.cate {font-size: 1.4rem;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;display: block;} #section01 .c-annotation001 {font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;margin-bottom: 0px;} #section01 .c-grid003 {justify-content: center;} #section01 .c-grid003__item {border-top: solid 1px #e8e8e8;} #section01 .c-grid003__image {margin-top: 20px;} #section01 .c-title002 {margin-bottom: 24px;} #section01 .c-notes001 {text-align: center;} /* ブースマップ - オリジナルCSS */ #section02 {} #section02 .c-scroll001 {width: 100% !important;} #section02 .c-image004 {width: 88% !important;margin-left: auto;margin-right: auto;} #section02 .c-text002 {color: #FFF;font-size: 1.6rem;line-height: 1.2;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.03em;text-align: center;} #section02 .c-text002 span {border: solid 2px #C00;width: 16px;height: 16px;box-sizing: border-box;display: inline-block;vertical-align: bottom;line-height: 0;position: relative;top: -2px;left: -2px;} #section02 .c-grid003 {width: 88%;margin: 0 auto;} #section02 .c-grid003 li {color: #FFF;/*color: #35363b;*/font-size: 1.6rem;line-height: 1.8;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;text-align: left;text-indent: -1.4em;padding-left: 1.4em;padding-top: 10px;} #section02 .c-grid003 .c-grid003__item:nth-child(1) {width: calc(40% - 20px);} #section02 .c-grid003 .c-grid003__item:nth-child(2) {width: calc(60% - 20px);} /* グッズ - オリジナルCSS */ #section03 {} #section03 .c-text001 {color: #35363b;font-size: 2.0rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} #section03 .c-text002 {color: #35363b;font-size: 1.6rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;} #section03 .c-notes001 {padding-left: calc(1em + 4px);font-size: 1.4rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-indent: calc(-1em - 4px);color: #35363b;text-align: center;} .c-section001.background-black #section03 .c-text001 {color: #FFF;} .c-section001.background-black #section03 .c-text002 {color: #FFF;} .c-section001.background-black #section03 .c-notes001 {color: #FFF;} /* 開催概要・全体マップ - オリジナルCSS */ #section04 {} #section04 .c-scroll001 {width: 100% !important;} #section04 .c-title003 {color: #35363b;font-size: 2.9rem;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: normal;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;background-color: transparent;padding: 0;} #section04 .c-title004 {font-weight: bold;background-color: #222;color: #FFF;font-size: 2.2rem;padding: 12px 0;border: solid 1px #ccc;text-align: center;} #section04 .c-text001 {color: #222;font-size: 1.8rem;line-height: 1.8;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;} #section04 .c-text002 {position: relative;padding-left: 200px;color: #222;font-size: 1.6rem;line-height: 1.8;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.05em;margin-bottom: 16px !important;text-align: left;} #section04 .c-text002 span.boxL {position: absolute;top: -1px;left: 0;padding: 2px 0px;box-sizing: border-box;width: 180px;color: #222;text-align: center;border: solid 2px #c0c0c0;background-color: #FFF;} #section04 .c-text002 span.boxR {line-height: 2.2;} #section04 .c-text002.mpl {padding-left: 0px !important;} #section04 .c-text002.map {margin-left: 24px;padding-left: 0px !important;margin-bottom: 0px !important;position: relative;top: -4px;} #section04 .c-text002.map::before {display: inline-block;content: "";width: 15px;height: 15px;background-color: #C00;position: relative;top: 1px;left: -4px;} #section04 .w80 {width: 86% !important;margin: 0 auto;} /* 関連コンテンツ- オリジナルCSS */ #section05 .c-link001::after {display: inline-block;margin-left: 8px;width: 14px;height: 14px;vertical-align: text-bottom;content: url(/autosalon/assets/img/2026/icon_blank_white.svg);position: relative;top: -5px;} #section05 .c-link002::after {display: inline-block;margin-left: 8px;width: 14px;height: 14px;vertical-align: text-bottom;line-height: 0;content: url(/common/img/icon_arrow_right_wh01.svg);position: relative;top: -0px;} /*#section05 .c-link001::after {display: inline-block;margin-left: 8px;width: 14px;height: 14px;vertical-align: text-bottom;content: url(/common/img/icon_blank01.svg);position: relative;top: -5px;} #section05 .c-link002::after {display: inline-block;margin-left: 8px;width: 14px;height: 14px;vertical-align: text-bottom;line-height: 0;content: url(/common/img/icon_arrow_right_bk01.svg);position: relative;top: -0px;}*/ #section05 .c-text-link001 {text-decoration: none;margin-bottom: 5px;} #section05 .c-text001 {color: #35363b;font-size: 1.6rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;} #section05 .c-text001 a {color: #35363b;} .c-section001.background-black #section05 .c-text001 {color: #FFF;} .c-section001.background-black #section05 .c-text001 a {color: #FFF;} /* 過去の東京オートサロン - オリジナルCSS */ #section06 .c-button003 span {font-size: 1.8rem;} #section06 .c-grid004__item {background-color: #FFF;} /* 関連リンク - オリジナルCSS */ #section07 .c-link001::after {position: relative;top: -5px;} #section07 .c-link002::after {display: inline-block;margin-left: 8px;width: 14px;height: 14px;vertical-align: text-bottom;line-height: 0;content: url(/common/img/icon_arrow_right_bk01.svg);position: relative;top: -0px;} #section07 .c-link002b::after {display: inline-block;margin-left: 6px;width: 12px;height: 12px;vertical-align: text-bottom;line-height: 0;content: url(/common/img/icon_arrow_right_bk01.svg);position: relative;top: -0px;} #section07 .c-text-link001 {text-decoration: none;margin-bottom: 5px;} #section07 .c-text001 {color: #35363b;font-size: 1.6rem;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.05em;} #section09 .c-text001 {color: #FFF;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;margin-bottom: 0px !important;text-align: center;} #section09 .c-text001 span {margin-right: 20px !important;} #section10 .c-grid003 {width: 74%;margin: 0 auto;} #section10 .c-grid003 {gap: 2px 2px;margin-bottom: 16px;} #section10 .c-grid003 .c-text001 {color: #FFF;font-size: 1.6rem;line-height: 2.0;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: normal;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;padding: 8px 16px;} #section10 .c-grid003 .c-grid003__item {background-color: #222;} #section10 .c-grid003 .c-grid003__item:nth-child(3),#section10 .c-grid003 .c-grid003__item:nth-child(4),#section10 .c-grid003 .c-grid003__item:nth-child(7),#section10 .c-grid003 .c-grid003__item:nth-child(8) {background-color: #333;} #section10 .c-grid003 .c-grid003__item:nth-child(1n) {width: 39%;} #section10 .c-grid003 .c-grid003__item:nth-child(2n) {width: 60%;} #section10 .c-grid003 .br_sp{display: none;} /*コーション*/ /*※*/ .c-notes011 {padding-left:calc(1em + 4px);font-size:1.4rem;font-weight:300;line-height:1.7;text-indent:calc(-1em - 4px);color: #35363b;text-align: center;} .c-notes011::before {margin-right:4px;content:"\203B";} .c-notes011.white {color: #FFF;} /*＊*/ .c-notes012 {padding-left:calc(1em + 4px);font-size:1.4rem;font-weight:300;line-height:1.7;text-indent:calc(-1em - 4px);color: #35363b;text-align: center;} .c-notes012::before {margin-right:4px;content:"\FF0A";} .c-notes012.white {color: #FFF;} .sp {display: none;} .pc {display: block;} @media only screen and (max-width: 1400px) { } @media only screen and (max-width: 1080px) { /* メインエリア - オリジナルCSS */ .c-keyVisual001__title {font-size: 3.6rem;} .c-keyVisual001__title strong {font-size: 6.4rem;margin-bottom: 3.2vw;} .c-keyVisual001__day {font-size: 2.0rem;margin-top: 1.8vw;} .c-keyVisual001__day span {font-size: 1.6rem;display: block;margin-top: 10px;} } @media screen and (max-width: 980px) { #section10 .c-grid003 {width: 100%;} } @media only screen and (max-width: 768px) { .c-title002.u-mb64 {margin-bottom: 6vw !important;} /* メインエリア - オリジナルCSS */ .c-keyVisual001__title {font-size: 4.6vw;} .c-keyVisual001__title strong {font-size: 8.2vw;margin-bottom: 4.2vw;} .c-keyVisual001__day {font-size: 3vw;margin-top: 2.2vw;} .c-keyVisual001__day span {font-size: 2.6vw;} .c-section003.background-black .c-title012 {width: 76%;margin: 0 auto 40px auto;} #section01 .c-title003 {font-size: 2.4rem;text-align: center;} #section01 .c-grid003__item {width: 100%;} #section02 .c-text001 {font-size: 2.4rem;} #section03 .c-text001 {font-size: 1.6rem;line-height: 1.5;} #section02 .c-grid003 .c-grid003__item:nth-child(1) {width: 100%;} #section02 .c-grid003 .c-grid003__item:nth-child(2) {width: 100%;} /* 地図 - オリジナルCSS */ #section02 .c-grid003 {width: 90%;gap: 0px;} #section02 .c-image004 {width: 100%;} #section04 .c-title003 {font-size: 2.4rem;text-align: center;} #section04 .c-text002.map {display: block;padding-left: 0px !important;margin-left: 0px;margin-top: 16px;text-align: center;} #section04 .w80 {width: 100% !important;} #section04 .c-text002 {margin-bottom: 32px !important;} #section04 .c-text002 span.boxR {line-height: 1.6;display: block;padding-top: 6px;} #section04 .c-text002 span.boxL {padding: 4px 0px;} #section04 .c-text002 span.boxL.double {padding: 16px 0px;} #section04 .c-grid003 {gap: 0px;} #section04 .c-text002.mpl {margin-bottom: 16px !important;} #section09 .c-text001 span {display: block;margin-right: 0px !important;} #section10 .c-grid003 {flex-flow: row wrap;} #section10 .c-grid003 .br_sp{display: block;} #section10 .c-grid003 .c-text001 {line-height: 1.7;padding: 12px 16px;} #section10 .c-grid003 .c-grid003__item:nth-child(1n) {width: 42%;} #section10 .c-grid003 .c-grid003__item:nth-child(2n) {width: 56%;position: relative;} #section10 .c-grid003 .c-grid003__item:nth-child(2n) .c-text001 {position: absolute;top: 50%;transform: translate(0, -50%);} /* グッズ - オリジナルCSS */ .goods_list01,.goods_list02,.goods_list03 {text-align: center;margin-top: 10px;} .goods_item {width: 92%;padding: 30px 0;} .goods_item li {width: 100%;text-indent: -1em;padding-left: 1em;} .goods_list01 .goods_item::after,.goods_list02 .goods_item::after,.goods_list03 .goods_item::after {font-size: 4rem;top: -5%;left: 50%;right: auto;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);} .pc { display: none; } .sp { display: block; } } @media only screen and (max-width: 414px) { /* メインエリア - オリジナルCSS */ .c-section003.background-black {padding-top: 40px;padding-bottom: 80px;} .c-section003.background-black .c-title012 {width: 84%;} /* メインエリア - オリジナルCSS */ .c-keyVisual001__text {top: 42%;} .c-keyVisual001__title {font-size: 4.6vw;} .c-keyVisual001__title strong {font-size: 8.2vw;margin-bottom: 4.6vw;} .c-keyVisual001__day {font-size: 3.2vw;margin-top: 2.8vw;} .c-keyVisual001__day span {font-size: 2.8vw;} .c-section003.background-black .c-text006 {font-size: 1.6rem;} /*コーション*/ /*※*/ .c-notes011 {text-align: left;} /*＊*/ .c-notes012 {text-align: left;} #section04 .c-notes001 {text-align: left;} #section10 .c-grid003 .c-text001 {font-size: 1.4rem;padding: 6vw 4vw;} }