@charset "UTF-8";

/* -----------------------------------------------------------------
   Base
   ----------------------------------------------------------------- */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    color: #000;
    font-family: "レクサスロダン Pro M", "LexusRodinPro-M", sans-serif;
    font-size: 16px;
    font-weight:200;
    line-height: 1.6;
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    min-width:320px;
    letter-spacing: 0.05em;
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
img {
    vertical-align: bottom;
}
button {
    background-color: transparent;
    border: none;
    padding: 0;
    outline: none;
}
em {
    font-size: 62.5%;
    vertical-align: super;
}
.offer201810esdebut__inner {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}


.none {
    display: none;
}
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}



/****************************************************************************************************

LEXUS ES style

*****************************************************************************************************/
br.tbv{
  display:none;
}
br.spv{
  display:none;
}

.apply {
	margin: 0 auto;
	width: 600px;
	font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
	text-align: center;
}
.apply a {
	transition: all 0.2s ease;
}

.apply .apply__btn {
	margin-bottom: 20px;
}
.apply .apply__btn a,
.apply .apply__btn .apply__btn__end {
	display: block;
	padding: 28px 0;
	min-height: 80px;
	background-color: #000;
	background-size: 24px;
	border-radius: 5px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.08em;
}
.apply .apply__btn .apply__btn__end{
	background-color:#888;
}



.apply .apply__btn span:after {
	display: inline-block;
	margin-left: 13px;
	position: absolute;
	width: 24px;
	height: 24px;
	content:'';
	background: url(../img/arrow_ico_w_01.png) center center no-repeat;
	background-size: contain;
}

.apply .apply__btn.white span:after {
	background: url(../img/arrow_ico_b_01.png) center center no-repeat;
	background-size: contain;
}
.apply .apply__btn.white a {
	background-color: #fff;
	color: #000;
}
.apply .apply__btn a:hover {
	opacity: 0.8;
}
.apply .apply__att a {
	font-size: 14px;
}

.apply .apply__att a:after {
	display: inline-block;
	margin-left: 5px;
	position: absolute;
	width: 17px;
	height: 17px;
	content:'';
	background: url(../img/arrow_ico_w_02.png) center center no-repeat;
	background-size: contain;
}
.apply .apply__att.white a:after {
	background-image: url(../img/arrow_ico_b_02.png);
}

.apply .apply__att a:hover {
	opacity: 0.5;
}

.shop__list__link {
	display: block;
	padding: 6px 0;
	width: 298px;
	border: 1px solid #000;
	font-size: 14px;
	line-height: 1em;
	text-align: center;
	transition: all 0.2s ease;
}
.shop__list__link:hover {
	background-color: #000;
	color: #fff;
}
.shop__list__link.black {
	border: 1px solid #fff;
	color: #fff;
}
.shop__list__link.black:hover {
	background-color: #fff;
	color: #000;
}
.shop__list__link span {
	margin-right: 0.5em;
	font-size: 7px;
	vertical-align: top;
}
.shop__list__link a {
	display: block;
	text-decoration: none !important;
}


/* -----------------------------------------------------------------
   mv
   ----------------------------------------------------------------- */
#mv img {
	width: 100%;
}


/* -----------------------------------------------------------------
   lead
   ----------------------------------------------------------------- */
#lead .offer201810esdebut__inner {
	margin-top: -112px;
	margin-bottom: 86px;
	padding-bottom: 63px;
	background-color: #fff;
	border: 1px solid #ddd;
}

#lead .lead__end{
	text-align:center;
	padding:52px 30px 0;
}
#lead .lead__end br{
	display:none;
}
#lead .lead__end .lead__end__inner{
  position: relative;
  padding:0 0 0 0;
}
#lead .lead__end .lead__end__inner:before{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background: #b90711;
  position: absolute;
  top:50%;
  margin-top:-1px;
}
#lead .lead__end span{
  color:#b90711;
  background: #fff;
  position: relative;
  z-index: 3;
  font-size: 35px;
  line-height:1;
  font-family: "レクサスロダン Pro B", "LexusRodinPro-B", sans-serif;
  padding:0 1em;
}
@media all and (max-width: 900px) {
	#lead .lead__end br{
		display:inline;
	}
	#lead .lead__end span{
		line-height:1.4;
		display:inline-block;
	}
}




#lead .lead__head__ttl {
	padding: 52px 0 26px 0;
	font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
	letter-spacing: 0.1em;
	font-size: 30px;
	text-align: center;
	line-height: 1.533333;
}
#lead .lead__head__ttl sup {
	font-size: 0.5em;
	vertical-align: super;
}
#lead .lead__txt {
	margin-bottom: 21px;
	font-feature-settings: "palt";
}
#lead .lead__txt p {
	font-size: 16px;
	text-align: center;
	line-height: 2;
}

#lead .lead__txt .attention {
	font-size: 12px;
}

#lead .shop__list__link {
	margin: 0 auto 33px auto;
}

#lead .lead__schedule {
	margin: 0 auto 37px auto;
	padding: 25px 0 25px 75px;
	width: 880px;
	background-color: #f5f5f5;
	font-family: "Nobel-Regular", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-feature-settings: "palt";
	overflow: hidden;
	box-sizing: border-box;
}
#lead .lead__schedule dl {
	width: 380px;
	float: left;
}
#lead .lead__schedule dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#lead .lead__schedule dl dt {
	margin-right: 10px;
	padding: 6px 8px;
	width: 80px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 1;
}
#lead .lead__schedule dl dd {
	font-size: 15px;
}
#lead .lead__schedule dl dd span {
	font-size: 26px;
}


/* -----------------------------------------------------------------
   es
   ----------------------------------------------------------------- */
#es {
	background-color: #000;
}
#es .es__head__ttl img {
	width: 100%;
}

#es .offer201810esdebut__inner {
	margin: -60px auto 0 auto;
	padding-top: 60px;
	background-color: #000;
	color: #fff;
}

#features {
	padding-bottom: 86px;
}
#features .slider__thumbs {
	margin-bottom: 52px;
	text-align: center;
	font-size: 0;
}
#features .slider__thumbs li {
	display: inline-block;
	width: 160px;
	opacity: 0.5;
}
#features .slider__thumbs li:not(:last-of-type) {
	margin-right: 20px;
}
#features .slider__thumbs li figcaption {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 1;
}
#features .slider__thumbs li:hover, #features .slider__thumbs li.cr {
	opacity: 1;
	cursor: pointer;
	transition: all 0.2s ease;
}


#features .slider__contents {
	position: relative;
	padding: 44px 59px;
	border: 1px solid #555;
}
#features .slider__contents .slider__item {
	width: 880px;
	float: left;
}
#features .slider__contents .slider__item .slider__item__img {
	margin-right: 30px;
	width: 460px;
	float: left;
}
#features .slider__contents .slider__item .slider__item__img ul {
	position: relative;
	overflow: visible;
	z-index: 1;
}
#features .slider__contents .slider__item .slider__item__img li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	box-sizing: border-box;
}
#features .slider__thumbs li {
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
}
#features .slider__thumbs li img {
	border: 1px solid #000;
}
#features .slider__thumbs li:hover img, #features .slider__thumbs li.cr img {
	border: 1px solid #fff;
}
#features .slider__contents .slider__item .slider__item__img li:not(:first-of-type) {
	display: none;
}
#features .slider__contents .slider__item .slider__item__txt {
	width: 390px;
	float: right;
}
#features .slider__contents .slider__item .slider__item__txt dl {
	margin-bottom: 14px;
}
#features .slider__contents .slider__item .slider__item__txt dt {
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	margin-bottom: 37px;
	font-size: 34px;
}
#features .slider__contents .slider__item .slider__item__txt dd {
	font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
	font-size: 18px;
	line-height: 1.777777;
}
#features .slider__contents .slider__item .slider__item__txt p {
	font-size: 14px;
	line-height: 2;
}

#features .slick-arrow {
	position: absolute;
	top: 0;
	width: 24px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.2s ease;
}
#features .slick-arrow:hover {
	opacity: 0.5;
	transition: all 0.2s ease;
}
#features .slick-prev {
	left: -60px;
	background-image: url(../img/slider_prev_img_01.png);
}
#features .slick-next {
	right: -60px;
	background-image: url(../img/slider_next_img_01.png);
}


/* -----------------------------------------------------------------
   lineup
   ----------------------------------------------------------------- */
#lineup {
	padding-bottom: 89px;
	background-color: #1d1d1d;
	color: #fff;
}
#lineup .lineup__head {
	padding-bottom: 50px;
	text-align: center;
}
#lineup .lineup__head .lineup__head__ttl {
	padding-bottom: 30px;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 45px;
	letter-spacing: 0.1em;
}
#lineup .lineup__head .lineup__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #fff;
}
#lineup .lineup__head .lineup__head__ttl .sub {
	display: block;
	padding-top: 12px;
	font-family: "Nobel-Book", "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	font-size: 20px;
	letter-spacing: 0.05em;
}
#lineup .lineup__att{
	margin-top: -7px;
	margin-bottom: 37px;
}


/* -----------------------------------------------------------------
   present
   ----------------------------------------------------------------- */
#present {
	padding-bottom: 89px;
	background-color: #fff;
	color: #000;
}
#present .present__head {
	padding-bottom: 50px;
	text-align: center;
}
#present .present__head .present__head__ttl {
	padding-bottom: 15px;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 45px;
	letter-spacing: 0.1em;
}
#present .present__head .present__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #000;
}
#present .present__head .present__head__ttl .sub {
	display: block;
	padding-top: 12px;
	font-size: 20px;
}

#present .present__contents {
	position: relative;
	padding-top: 45px;
	background-color: #f5f5f5;
	overflow: hidden;

}
#present .present__contents .tag {
	position: absolute;
	top: -92px;
	left: -92px;
	display: block;
	width: 184px;
	height: 184px;
	background-color: #000;
	color: #fff;
	line-height: 1;
	transform: rotate(-45deg);	 
}
 #present .present__contents .tag span {
	display: block;
	padding: 108px 0 0 127px;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 14px;
	transform: rotate(45deg);
}

#present .present__item {
	margin: 0 auto 45px auto;
	width: 880px;
	overflow: hidden;
}
 #present .present__item__img {
	margin-right: 40px;
	width: 340px;
	float: left;
}
 #present .present__item__txt {
	width: 500px;
	float: left;
}

#present .present__item__txt sup {
	font-size: 0.5em;
	vertical-align: super;
}
#present .present__item__txt .present__item__ttl {
	margin-bottom: 16px;
	padding-bottom: 13px;
	border-bottom: 1px solid #000;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 20px;
	line-height: 1.7;
}
#present .present__item__txt p, #present .present__item__txt ul {
	font-family: "Nobel-Book", "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
}
#present .present__item__txt p {
	margin-bottom: 21px;
	font-size: 15px;
	line-height: 2;
}
#present .present__item__txt ul {
	font-size: 12px;
	line-height: 1.808333;
}
#present .present__item__txt ul li ul li {
	position: relative;
	padding-left: 1em;
}
#present .present__item__txt ul li ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#present .attention {
	margin: 18px 0 66px 0;
	font-size: 12px;
	text-align: right;
}


/* -----------------------------------------------------------------
   order
   ----------------------------------------------------------------- */
#order {
	padding-bottom: 89px;
	background-color: #000;
	color: #fff;
}
#order .order__head {
	padding-bottom: 50px;
	text-align: center;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
}
#order .order__head .order__head__ttl {
	padding-bottom: 30px;
	font-size: 45px;
	letter-spacing: 0.05em;
}
#order .order__head .order__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #fff;
}
#order .order__head .order__head__ttl .sub {
	display: block;
	padding-top: 12px;
	font-size: 20px;
}
#order .order__flow {
	margin-bottom: 10px;
	font-feature-settings: "palt";
	overflow: hidden;
}
#order .order__flow__box {
	margin-bottom: 45px;
	width: 480px;
	float: left;
}
#order .order__flow__box:nth-of-type(odd) {
	margin-right: 40px;
}
#order .order__flow__box figure {
	margin-bottom: 20px;
}
#order .order__flow__head {
	margin-bottom: 15px;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 20px;
	line-height: 1.5;
}
#order .order__flow__txt {
	font-family: "Nobel-Book", "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	font-size: 14px;
	line-height: 1.714285;
}
#order .shop__list__link {
	margin-top: 15px;
}


/* -----------------------------------------------------------------
   campaign
   ----------------------------------------------------------------- */
#campaign {
	padding-bottom: 89px;
	background: #000 url(../img/campaign_bg_01.jpg) center top no-repeat;
	background-size: cover;
	color: #fff;
}
#campaign .campaign__head {
	padding-bottom: 0;
	text-align: center;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
}
#campaign .campaign__head .campaign__head__ttl {
	padding-bottom: 37px;
	font-size: 45px;
	letter-spacing: 0.05em;
}
#campaign .campaign__head .campaign__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #fff;
}
#campaign .campaign__head .campaign__head__ttl .sub {
	display: block;
	padding-top: 12px;
	font-size: 20px;
}
#campaign .campaign__table {
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 1.7333333;
}
#campaign .campaign__table dl {
	display: flex;
	flex-wrap: wrap;
}
#campaign .campaign__table dl:not(:last-of-type) {
	border-bottom: 1px solid #fff;
}
#campaign .campaign__table dt, #campaign .campaign__table dd {
	padding: 15px 13px;
	box-sizing: border-box;
}
#campaign .campaign__table dt {
	padding: 15px 13px;
}
#campaign .campaign__table dd {
	padding: 15px 30px;
}
#campaign .campaign__table dt {
	width: 150px;
	font-family: "レクサスロダン Pro B", "LexusRodinPro-B", "メイリオ", sans-serif;
}
#campaign .campaign__table dd {
	font-family: "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	width: 850px;
	border-left: 1px solid #fff;
}
#campaign .campaign__table dd span {
  font-size: 13px;
  line-height: 20px;
}
#campaign .campaign__table dd a {
  display: block;
  max-width: 300px;
  font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
  border: 1px solid #fff;
  font-size: 12px;
  line-height: 1;
  padding: 6px 0;
  text-align: center;
  margin: 6px 0 0;
  transition: all 0.2s ease;
}
#campaign .campaign__table dd a:hover {
  background: #fff;
  color: #000;
}

#campaign .campaign__agree {
	margin-bottom: 50px;
	padding: 16px 20px;
	background-color: rgba(255, 255, 255, 0.2);
	font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 12px;
	font-feature-settings: "palt";
	line-height: 1.666666;
}



/* ---------------------------------------------------------
   section--campaign
--------------------------------------------------------- */
.section--campaign {
	background-color: #f2f2f2;
}

.section--campaign .section__inner{
  padding: 0 0 43px;
}
.campaign__ttl{
  font-size: 30px;
  letter-spacing: 0.1em;
  padding: 66px 0 0 0;
  margin: 0 0 32px;
  font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
}
.campaign-list{
  padding: 0 0 40px;
}
.campaign-list--2{
  padding-bottom: 35px;
}
.campaign-list  ul {
	margin-bottom: 20px;
}
.campaign-list li{
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0;
}
.campaign-list li.mb{
  margin-bottom: 2em;
}
.campaign-list li a:link, .campaign-list li a:visited {
	text-decoration: underline;
}
.campaign-list li a:hover, .campaign-list li a:active {
	text-decoration: none;
}

#section--campaign .shop__list__link {
	margin: 5px 0 24px 0;
}


/* ---------------------------------------------------------
   pagetop
--------------------------------------------------------- */
.section--pagetop{
	background-color: #f2f2f2;
}
.section--pagetop .section__inner{
	margin: 0 auto;
	padding: 0 0 22px;
	width: 1000px;
}
.pagetop{
	text-align: right;
}
.pagetop a{
	transition: all 0.2s ease;
	font-family: "Nobel-Regular", sans-serif;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
}
.pagetop a img{
	width: 20px;
	height: auto;
	vertical-align: bottom;
}
.pagetop a:hover{
	opacity: 0.4;
}


/****************************************************************************************************

ここから1160px以下

*****************************************************************************************************/

@media all and (max-width: 1160px) {
/* -----------------------------------------------------------------
   Base
   ----------------------------------------------------------------- */
.offer201810esdebut__inner {
	margin: 0 4%;
	width: auto;
}



/* -----------------------------------------------------------------
   lead
   ----------------------------------------------------------------- */
#lead .offer201810esdebut__inner {
	margin-top: -7.466666vw;
	margin-bottom: 86px;
	padding-bottom: 63px;
}

#lead .lead__txt {
	margin-left: 30px;
	margin-right: 30px;
}

#lead .lead__schedule {
	margin: 0 30px 37px 30px;
	padding: 20px 0 20px 45px;
	width: auto;
}
#lead .lead__schedule dl {
	flex-wrap: nowrap;
	width: 49%;
}
#lead .lead__schedule dl:nth-of-type(odd) {
	margin-right: 2%;
}
#lead .lead__schedule dl dt {
	margin-right: 1vw;
	padding: 0.7vw 0.8vw 0.6vw 0.8vw;
	width: auto;
	background-color: #000;
	color: #fff;
	font-size: 1.4vw;
	text-align: center;
	line-height: 1;
}
#lead .lead__schedule dl dd {
	width: auto;
	font-size: 1.5vw;
}
#lead .lead__schedule dl dd span {
	font-size: 2.4vw;
}


/* -----------------------------------------------------------------
   es
   ----------------------------------------------------------------- */

#es .offer201810esdebut__inner {
	margin: -6vw 4% 0 4%;
	padding-top: 6vw;
}

#features .slider__contents {
	margin: 0 auto;
	padding: 5vw;
	width: 86vw;
}
#features .slider__contents .slider__item {
	width: auto;
}
#features .slider__contents .slider__item .slider__item__img {
	margin-right: 0;
	margin-bottom: 4%;
	margin-bottom: 4vw;
	width: auto;
	float: none;
}
#features .slider__contents .slider__item .slider__item__img img {
	width: 100%;
	height: auto;
}
#features .slider__contents .slider__item .slider__item__img li {
	width: 100%;
}
#features .slider__contents .slider__item .slider__item__img li:not(:first-of-type) {

}
#features .slider__contents .slider__item .slider__item__img__ttl {
}
#features .slider__contents .slider__item .slider__item__txt {
	width: auto;
	float: none;
}
#features .slider__contents .slider__item .slider__item__txt dl {
}
#features .slider__contents .slider__item .slider__item__txt dt {
	margin-bottom: 18px;
}
#features .slider__contents .slider__item .slider__item__txt dd {
}
#features .slider__contents .slider__item .slider__item__txt p {
}

#features .slick-arrow {
	width: 6vw;
}
#features .slick-prev {
	left: -6vw;
}
#features .slick-next {
	right: -6vw;
}


/* -----------------------------------------------------------------
   lineup
   ----------------------------------------------------------------- */
#lineup .offer201810esdebut__inner {
	margin: 0;
}

#lineup .lineup__head .lineup__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #fff;
}



/* -----------------------------------------------------------------
   present
   ----------------------------------------------------------------- */
#present {
	padding-bottom: 89px;
	background-color: #fff;
	color: #000;
}
#present .present__head {
	padding-bottom: 50px;
	text-align: center;
}
#present .present__head .present__head__ttl {
	padding-bottom: 15px;
	font-size: 45px;
	letter-spacing: 0.1em;
}
#present .present__head .present__head__ttl:before {
	content: '';
	display: block;
	margin: 0 auto 18px auto;
	width: 1px;
	height: 80px;
	background-color: #000;
}
#present .present__head .present__head__ttl .sub {
	display: block;
	padding-top: 12px;
	font-size: 20px;
}

#present .present__contents {
	position: relative;
	margin: 0 auto;
	width: 680px;
	padding-top: 45px;
	background-color: #f5f5f5;
	overflow: hidden;

}
#present .present__contents .tag {
	position: absolute;
	top: -92px;
	left: -92px;
	display: block;
	width: 184px;
	height: 184px;
	background-color: #000;
	color: #fff;
	line-height: 1;
	transform: rotate(-45deg);	 
}
 #present .present__contents .tag span {
	display: block;
	padding: 108px 0 0 127px;
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	font-size: 14px;
	transform: rotate(45deg);
}

#present .present__item {
	width: 560px;
}
 #present .present__item__img {
	margin-right: 0;
	margin-bottom: 30px;
	width: 560px;
	float: none;
	text-align: center;
}
 #present .present__item__txt {
	width: 560px;
	float: none;
}

#present .attention {
	margin: 18px auto 66px auto;
	width: 680px;
}


/* -----------------------------------------------------------------
   order
   ----------------------------------------------------------------- */
#order .order__flow {
	margin: 0 auto 10px auto;
	width: 480px;
}
#order .order__flow__box {
	float: none;
}
#order .order__flow__box:nth-of-type(odd) {
	margin-right: 0;
}


/* -----------------------------------------------------------------
   campaign
   ----------------------------------------------------------------- */
#campaign .campaign__table dl {
	flex-wrap: nowrap;
}
#campaign .campaign__table dt {
	width: 20vw;
}
#campaign .campaign__table dd {
	width: 80vw;
}

}



/* ---------------------------------------------------------
   pagetop
--------------------------------------------------------- */
.section--pagetop .section__inner{
	margin: 0 2%;
	width: auto;
}



/****************************************************************************************************

ここからスマートフォン

*****************************************************************************************************/

@media all and (max-width: 767px) {

/* -----------------------------------------------------------------
   Base
   ----------------------------------------------------------------- */
.offer201810esdebut__inner {
	margin: 0px 4%;
}
.pc_only {
	display: none;
}
.sp_only {
	display: block;
}


/****************************************************************************************************

LEXUS ES style

*****************************************************************************************************/
.apply {
	width: 80.8%;
	width: 80.8vw;
}
.apply .apply__btn {
	margin-bottom: 10px;
	margin-bottom: 3.2vw;
}
.apply .apply__btn a,
.apply .apply__btn .apply__btn__end {
	padding: 18px 0;
	padding: 6vw 0;
	min-height: 0;
	min-height: auto;
	font-size: 15px;
	font-size: 4vw;
    border-radius: 3px;
}
.apply .apply__btn span:after {
	margin-left: 2.8%;
	margin-left: 2.8vw;
	width: 17px;
	width: 4vw;
	height: 17px;
	height: 4vw;
}

.apply .apply__att a {
	font-size: 11px;
	font-size: 2.933333vw;
	vertical-align: top;
}

.apply .apply__att a:after {
	margin-top: -1px;
	margin-top: -0.27vw;
	margin-left: 1.86666%;
	margin-left: 1.86666vw;
	width: 13px;
	width: 3.5vw;
	height: 13px;
	height: 3.5vw;
}

.shop__list__link {
	padding: 8px 0;
	padding: 2.933333vw 0;
	width: auto;
	font-size: 11px;
	font-size: 3.2vw;
}

.shop__list__link span {
	font-size: 0.7em;
}


/* -----------------------------------------------------------------
   lead
   ----------------------------------------------------------------- */
#lead .offer201810esdebut__inner {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 56px;
	padding-bottom: 14.933333vw;
	border: none;
}
#lead .lead__end{
	padding:10% 0 0;
}
#lead .lead__end span{
	font-size: 22px;
	font-size: 5.866666vw;
}
#lead .lead__head__ttl {
	padding: 10% 0 20px 0;
	padding: 10vw 0 5.333333vw 0;
	letter-spacing: 0.1em;
	font-size: 22px;
	font-size: 5.866666vw;
	line-height: 1.454545;
}
#lead .lead__head__ttl sup {
	font-size: 0.75em;
}
#lead .lead__txt {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.666666%;
	margin-bottom: 4.666666vw;
}
#lead .lead__txt p {
	font-size: 13px;
	font-size: 3.466666vw;
	line-height: 1.846153;
	text-align: left;
}
#lead .lead__txt p:not(:last-of-type) {
	margin-bottom: 2.666666%;
	margin-bottom: 2.666666vw;
}

#lead .lead__txt .attention {
	font-size: 11px;
	font-size: 2.933333vw;
}

#lead .shop__list__link {
	margin-bottom: 8.933333%;
	margin-bottom: 8.933333vw;
	width: 80.8%;
	width: 80.8vw;
}

#lead .lead__schedule {
	margin-left: auto;
	margin-right: auto;
	padding: 5.733333% 5.333333%;
	padding: 5.733333vw 5.333333vw;
	width: auto;
}
#lead .lead__schedule dl {
	display: block;
	width: auto;
	float: none;
}
#lead .lead__schedule dl:not(:last-of-type) {
	margin-bottom: 4.5333333%;
	margin-bottom: 4.5333333vw;
}
#lead .lead__schedule dl:nth-of-type(odd) {
	margin-right: 0;
}
#lead .lead__schedule dl dt {
	margin-right: 0;
	margin-bottom: 3.6%;
	margin-bottom: 3.6vw;
	padding: 2.133333% 0;
	padding: 2.133333vw 0;
	width: auto;
	font-size: 13px;
	font-size: 3.466666vw;
}
#lead .lead__schedule dl dd {
	width: auto;
	font-size: 11px;
	font-size: 2.933333vw;
	text-align: center;
}
#lead .lead__schedule dl dd span {
	font-size: 20px;
	font-size: 5.333333vw;
}


/* -----------------------------------------------------------------
   es
   ----------------------------------------------------------------- */
#es .offer201810esdebut__inner {
	margin-top: -8.266666%;
	margin-top: -8.266666vw;
	padding-top: 0;
	width: 90%;
}

#features {
	padding-bottom: 13.33333%;
	padding-bottom: 13.33333vw;
}
#features .slider__thumbs {
	margin: 0 auto 10px auto;
	margin: 0 auto 5.2vw auto;
	padding-top: 6.666666%;
	padding-top: 6.666666vw;
	width: 90%;
	text-align: center;
	font-size: 0;
	
}
#features .slider__thumbs li {
	width: 31%;
}
#features .slider__thumbs li img {
	width: 100%;
}
#features .slider__thumbs li:not(:last-of-type) {
	margin-right: 3%;
}
#features .slider__thumbs li figcaption {
	padding-bottom: 5px;
	padding-bottom: 1.6vw;
	font-size: 11px;
	font-size: 2.933333vw;
	letter-spacing: 0;
}

#features .slider__contents {
	margin: 0 auto;
	padding: 15px 8%;
	padding: 8vw;
	width: 90%;
}
#features .slider__contents .slider__item {
	width: auto;
}
#features .slider__contents .slider__item .slider__item__img {
	margin-right: 0;
	margin-bottom: 4%;
	margin-bottom: 4vw;
	width: auto;
	float: none;
}
#features .slider__contents .slider__item .slider__item__img img {
	width: 100%;
	height: auto;
}
#features .slider__contents .slider__item .slider__item__img li:not(:first-of-type) {
	display: none;
}
#features .slider__contents .slider__item .slider__item__img__ttl {
	font-family: "Nobel-Book", "レクサスロダン Pro DB", "LexusRodinPro-DB", "メイリオ", sans-serif;
	margin-bottom: 4.4%;
	margin-bottom: 4.4vw;
	font-size: 22px;
	font-size: 5.866666vw;
}
#features .slider__contents .slider__item .slider__item__txt {
	width: auto;
	float: none;
}
#features .slider__contents .slider__item .slider__item__txt dl {
	margin-bottom: 3.333333%;
	margin-bottom: 3.333333vw;
}
#features .slider__contents .slider__item .slider__item__txt dt {
	display: none;
}
#features .slider__contents .slider__item .slider__item__txt dd {
	font-feature-settings: "palt";
	letter-spacing: 0.075em;
	font-size: 16px;
	font-size: 4.266666vw;
	line-height: 1.625;
}
#features .slider__contents .slider__item .slider__item__txt dd br {
	display: none;
}
#features .slider__contents .slider__item .slider__item__txt p {
	font-size: 13px;
	font-size: 3.466666vw;
	line-height: 1.84615;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 0;
}

#features .slick-arrow {
	top: 0;
	width: 10%;
	height: 100%;
	background-size: 13px auto;
	background-size: 3.2vw auto;
}
#features .slick-arrow:hover {
	opacity: 1;
}
#features .slick-prev {
	left: -10%;
}
#features .slick-next {
	right: -12%;
}


/* -----------------------------------------------------------------
   lineup
   ----------------------------------------------------------------- */
#lineup {
	padding-bottom: 17.733333%;
	padding-bottom: 17.733333vw;
}

#lineup .offer201810esdebut__inner {
	margin: 0;
}
#lineup .lineup__head {
	padding-bottom: 9.333333%;
	padding-bottom: 9.333333vw;
}
#lineup .lineup__head .lineup__head__ttl {
	padding-bottom: 5.6%;
	padding-bottom: 5.6vw;
	font-size: 30px;
	font-size: 8vw;
}
#lineup .lineup__head .lineup__head__ttl:before {
	margin-bottom: 3.333333%;
	margin-bottom: 3.333333vw;
	height: 40px;
	height: 10.6666666vw;
	box-sizing: border-box;
}
#lineup .lineup__head .lineup__head__ttl .sub {
	padding-top: 2.4%;
	padding-top: 2.4vw;
	font-size: 13px;
	font-size: 3.733333vw;
}
#lineup .lineup__head p {
	font-size: 13px;
	font-size: 3.466666vw;
	line-height: 1.84615;
}



/* -----------------------------------------------------------------
   present
   ----------------------------------------------------------------- */
#present {
	padding-bottom: 13.333333%;
	padding-bottom: 13.333333vw;
}
#present .present__head {
	padding-bottom: 5.7333333%;
	padding-bottom: 5.7333333vw;
}
#present .present__head .present__head__ttl {
	padding-bottom: 3%;
	padding-bottom: 3vw;
	font-size: 30px;
	font-size: 8vw;
}
#present .present__head .present__head__ttl:before {
	margin-bottom: 3.333333%;
	margin-bottom: 3.333333vw;
	height: 40px;
	height: 10.6666666vw;
	box-sizing: border-box;
}
##present .present__head .present__head__ttl .sub {
	padding-top: 2.4%;
	padding-top: 2.4vw;
	font-size: 13px;
	font-size: 3.733333vw;
}
#present .present__head p {
	font-size: 13px;
	font-size: 3.466666vw;
	line-height: 1.84615;
}
#present .present__contents {
	padding-top: 9.7333333%;
	padding-top: 9.7333333vw;
	width: auto;
}
#present .present__contents .tag {
	position: absolute;
	top: -142px;
	top: -18.933333vw;
	left: -142px;
	left: -18.933333vw;
	display: block;
	width: 284px;
	width: 37.866666vw;
	height: 284px;
	height: 37.866666vw;
}
 #present .present__contents .tag span {
	display: block;
	padding: 21.933333% 0 0 26.333333%;
	padding: 21.933333vw 0 0 26.333333vw;
	font-size: 12px;
	font-size: 3.2vw;
}

#present .present__item {
	margin: 0 auto 10.666666% auto;
	margin: 0 auto 10.666666vw auto;
	width: auto;
}
 #present .present__item__img {
	margin: 0 auto 7.06666% auto;
	margin: 0 auto 7.06666vw auto;
	width: 61.333333%;
	width: 61.333333vw;
	float: none;
}
#present .present__item__img img {
	width: 100%;
}
 #present .present__item__txt {
	 margin: 0 auto;
	width: 82%;
	width: 82vw;
	float: none;
}
#present .present__item__txt sup {
	font-size: 0.85em;
}
#present .present__item__txt .present__item__ttl {
	margin-bottom: 3.2666666%;
	margin-bottom: 3.2666666vw;
	padding-bottom: 3.3333333%;
	padding-bottom: 3.3333333vw;
	font-size: 16px;
	font-size: 4.266666vw;
	line-height: 1.625;
}
#present .present__item__ttl sup {
	font-size: 0.7em;
}
#present .present__item__txt p, #present .present__item__txt ul {

}
#present .present__item__txt p {
	margin-bottom: 4%;
	margin-bottom: 4vw;
	font-size: 13px;
	font-size: 3.466666vw;
	line-height: 1.84615;
}
#present .present__item__txt ul {
	font-size: 11px;
	font-size: 2.933333vw;
	line-height: 1.5;
}
#present .attention {
	margin: 4% 0 8% 0;
	margin: 4vw 0 8vw 0;
	width: auto;
	font-size: 11px;
	font-size: 2.666666vw;
	line-height: 1.7;
	text-align: left;
}


/* -----------------------------------------------------------------
   order
   ----------------------------------------------------------------- */
#order {
	padding-bottom: 17.733333%;
	padding-bottom: 17.733333vw;
}
#order .order__head {
	padding-bottom: 9.333333%;
	padding-bottom: 9.333333vw;
}
#order .order__head .order__head__ttl {
	padding-bottom: 0;
	font-family: "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	font-size: 26px;
	font-size: 6.933333vw;
}
#order .order__head .order__head__ttl:before {
	margin-bottom: 3.333333%;
	margin-bottom: 3.333333vw;
	height: 10.6666666%;
	height: 10.6666666vw;
	box-sizing: border-box;
}
#order .order__head .order__head__ttl .sub {
	font-size: 13px;
	font-size: 3.733333vw;
}
#order .order__flow {
	margin-bottom: 0;
	width: auto;
}
#order .order__flow img {
	width: 100%;
}
#order .order__flow__box {
	margin-bottom: 10.1333333%;
	margin-bottom: 10.1333333vw;
	width: auto;
	float: none;
}
#order .order__flow__box:nth-of-type(odd) {
	margin-right: 0;
}
#order .order__flow__box figure {
	margin-bottom: 4%;
	margin-bottom: 4vw;
}
#order .order__flow__head {
	margin-bottom: 2.666666%;
	margin-bottom: 2.666666vw;
	font-size: 18px;
	font-size: 4.8vw;
	line-height: 1.444444;
}
#order .order__flow__txt {
	font-size: 13px;
	font-size: 3.4666666vw;
	line-height: 1.846153;
}
#order .shop__list__link {
	margin: 5.333333% auto 0 auto;
	margin: 5.333333vw auto 0 auto;
	width: 80.8%;
	width: 80.8vw;
}


/* -----------------------------------------------------------------
   campaign
   ----------------------------------------------------------------- */
#campaign {
	padding-bottom: 17.733333%;
	padding-bottom: 17.733333vw;
}
#campaign .campaign__head {
	padding-bottom: 6%;
	padding-bottom: 6vw;
}
#campaign .campaign__head .campaign__head__ttl {
	padding-bottom: 0;
	font-family: "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	font-size: 26px;
	font-size: 6.933333vw;
}
#campaign .campaign__head .campaign__head__ttl:before {
	margin-bottom: 1.666666%;
	margin-bottom: 1.666666vw;
	height: 40px;
	height: 10.6666666vw;
	box-sizing: border-box;
}
#campaign .campaign__head .campaign__head__ttl .sub {
	font-size: 13px;
	font-size: 3.733333vw;
}
#campaign .campaign__table {
	margin-bottom: 8%;
	margin-bottom: 8vw;
	font-size: 13px;
	font-size: 3.46666vw;
	line-height: 1.7333333;
}
#campaign .campaign__table dl {
	display: block;
}
#campaign .campaign__table dl:not(:last-of-type) {
	border-bottom: none;
	margin-bottom: 5.666666%;
	margin-bottom: 5.666666vw;
}
#campaign .campaign__table dt {
	margin-bottom: 1.666666%;
	margin-bottom: 1.666666vw;
	padding: 0 0 1.6% 0;
	padding: 0 0 1.6vw 0;
	font-size: 13px;
	font-size: 3.466666vw;
}
#campaign .campaign__table dd {
	padding: 0;
	line-height: 1.846153;
}
#campaign .campaign__table dt {
	width: auto;
	border-bottom: 1px solid #fff;
}
#campaign .campaign__table dd {
	font-family: "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	width: auto;
	border-left: none;
}

#campaign .campaign__agree {
	margin-bottom: 38px;
	margin-bottom: 10.133333vw;
	padding: 15px 5.733333%;
	padding: 5vw 5.733333vw;
	font-size: 12px;
	font-size: 3.2vw;
	line-height: 1.666666;
}



/* ---------------------------------------------------------
   section--campaign
--------------------------------------------------------- */
.campaign__ttl{
	margin: 0 0 6.133333%;
	margin: 0 0 8vw;
	padding: 10% 0 0 0;
	padding: 11.666666vw 0 0 0;
	font-family: "レクサスロダン Pro M", "LexusRodinPro-M", "メイリオ", sans-serif;
	font-size: 5.333333vw;
	text-align: center;
}
.campaign-list{
	padding: 0 0 9.375%;
	padding: 0 0 9.375vw;
}
.campaign-list--2{
	padding: 0 0 12.5%;
	padding: 0 0 12.5vw;
}
.campaign-list ul {
	margin-bottom: 0;
}
.campaign-list ul:not(:last-of-type) {
	margin-bottom: 6vw;
}

.campaign-list li{
	font-size: 3.2vw;
}
.campaign-list li.mb{
	margin-bottom: 3.125%;
	margin-bottom: 3.125vw;
}

#section--campaign .shop__list__link {
	margin: 3.466666vw auto 9vw auto;
	width: 80.8vw;
}


/* ---------------------------------------------------------
   pagetop
--------------------------------------------------------- */
.section--pagetop .section__inner{
	padding: 0px 4px 6px 4px;
	padding: 0 4vw 6.25vw;
	width: auto;
}

.dealer-btn{
	width: 80%;
	margin-top: 3.125%;
	margin-top: 3.125vw;
}
.dealer-btn a{
	font-size: 3.125vw;
	line-height: 1;
	padding: 10px 0;
}
.dealer-btn a:hover{
	background: #3b3b3b;
	color: #fff;
}

.pagetop a{
	line-height: 5vw;
}
.pagetop a img{
	width: 5vw;
}
}




/* ---------------------------------------------------------
lineup
--------------------------------------------------------- */
.section--lineup{
  padding:0;
}
.section--lineup .section__inner{
  padding-top:0;
  max-width:100%;
}
.lineup__header{
  position: relative;
  margin:0 0 20px;
}
.lineup__header__inner{
  max-width:1000px;
  margin:0 auto;
}
.lineup__ttl{
  text-align:center;
  margin:0 0 5px;
  font-family: "Nobel-Regular", sans-serif;
  font-size:45px;
}
.lineup__lead{
  font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
  font-size:18px;
  line-height:1.6;
  text-align:center;
}
.lineup__list{
  display:flex;
  flex-wrap: wrap;
  max-width:1000px;
  margin:0 auto;
}
.lineup__list_car{
  width:25%;
  border-left:1px solid #555;
  margin:0 0 32px;
  cursor: pointer;
}
.lineup__list_car:last-child,
.lineup__list_car:nth-of-type(4n){
  border-right:1px solid #555;
}

.lineup__list_car .modal-btn{
  padding:20px 15px 32px;
  transition:all 0.4s ease;
  position: relative;
  cursor: pointer;
}
.lineup__list_car .modal-btn:hover{
  opacity: 0.4;
  cursor: pointer;
}
.lineup__list_car img{
  width:100%;
  height:auto;
}
.car__model{
  display:flex;
  padding:0 0 0 15px;
  position: relative;
}
.car__model::after{
  content:"";
  display:block;
  width:11px;
  height:13px;
  background:url(../img/lineup_arw.png) 0 0 no-repeat;
  background-size:100% auto;
  position: absolute;
  right:0;
  top:50%;
  margin-top:-5px;
}
.car__name{
  font-family: "Nobel-Book", sans-serif;
  font-size:40px;
  line-height:1;
  margin:0 5px 0 0;
}
.car__grade{
  font-family: "Nobel-Book", sans-serif;
  font-size:14px;
  line-height:1.28;
  padding:2px 0 0;
  white-space: nowrap;
}
.lineup__att{
  font-size: 12px;
  line-height:1.6;
  padding:5px 0 0;
  max-width:1000px;
  margin:0 auto;
}
@media all and (max-width: 1120px) {
  .lineup__list{
    max-width:750px;
  }
  .lineup__list_car{
    width:33.33333%;
  }
  .lineup__list_car:nth-of-type(4n){
    border-right:0;
  }
  .lineup__list_car:nth-of-type(3n){
    border-right:1px solid #555;
  }
  .lineup__att{
    max-width:750px;
    margin-top: -7px;
  	margin-bottom: 37px;
  }

}
@media all and (max-width: 767px) {
  
  .section--lineup .section__inner{
    padding:0 0 13.75%;
    padding:0 0 13.75vw;
  }


  .lineup__header{
    padding: 7.8125% 9.375%;
    padding: 7.8125vw 9.375vw;
    margin:0 0 3.125%;
    margin:0 0 3.125vw;
  }

  .lineup__ttl{
    margin:0 0 3.125%;
    margin:0 0 3.125vw;
    font-size:30px;
  }
  .lineup__lead{
    font-size:3.75vw;
    line-height:1.3;
  }

  .lineup__list{
    max-width:100%;
  }
  .lineup__list_car{
    width:50%;
    border-left:0;
    margin:0 0 5%;
    margin:0 0 5vw;
  }
  .lineup__list_car:nth-of-type(3n){
    border-right:0;
  }
  .lineup__list_car:nth-of-type(2n+1){
    border-right:1px solid #555;
  }

  .lineup__list_car .modal-btn{
    display:block;
    padding:0 4.375% 7.5%;
    padding:0 2.1875vw 3.125vw;
  }

  .car__model{
    display:flex;
    padding:0 0 0 4.375%;
    padding:0 0 0 2.1875vw;
  }
  .car__name{
    font-size:8.125VW;
    margin:0 1.5625% 0 0;
    margin:0 1.5625vw 0 0;
  }
  .car__grade{
	font-size: 10px;
	font-size: 3.125vw;;
    letter-spacing:0;
    padding-top:0;
  }
  .lineup__att{
    font-size:11px;
    font-size: 2.666666vw;
    letter-spacing: 0em;
    margin: 0 0 8.4vw 0;
    padding: 0 4%;
    padding: 0 4vw;
  }
}

/* ---------------------------------------------------------
modal
--------------------------------------------------------- */

.modal{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 10;
  display:none;
  opacity:0;
}
.modal.is-active{
  display:block;
  opacity:1;
}

.modal::after{
  content:"";
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.carinfo{
  width:80%;
  width:80vw;
  height: 800px;
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  background: #fff;
  padding:50px;
  border:1px solid #bfbfbf;
  display:none;
  opacity:0;
}
.carinfo.is-active{
  display:block;
  opacity:1;
}

.carinfo__name{
  font-family: "Nobel-Regular", sans-serif;
  font-size:55px;
  line-height:1;
  margin:0 0 10px;
}
.carinfo__grade{
  font-family: "Nobel-Light", sans-serif;
  padding:0 0 20px;
}
.carinfo__img{
  text-align:center;
  border-top:1px solid #e2e2e2;
}
.carinfo__img img{
  width:100%;
  max-width:640px;
  height:auto;
}
.carinfo__ttl{
  font-size:20px;
  line-height:1.6;
  font-family: "レクサスロダン Pro DB", "LexusRodinPro-DB", sans-serif;
  margin:0 0 5px;
}
.carinfo__txt{
  font-size:16px;
  line-height:2;
}
.carinfo__close{
 height:50px;
 width:50px;
 display:block;
 position: absolute;
 right:30px;
 top:20px;
 cursor: pointer;
}

.carinfo__close:before,
.carinfo__close:after{
content:'';
 height:2px;
 width:50px;
 display:block;
 background:#333;
 position:absolute;
 top:25px;
 left:1px;
 transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}

.carinfo__close:after{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
@media all and (max-width: 1200px) {
  .carinfo__txt{
    font-size:14px;
  }
}
@media all and (max-width: 900px) {
  .carinfo__name{
    display:inline-block;
  }
  .carinfo__grade{
    display:inline-block;
  }
  .carinfo__img{
    margin:0 auto;
  }
}
@media all and (max-width: 900px) {
  .carinfo{
    padding:40px;
    width:90%;
    width:90vw;
  }
  .carinfo__ttl{

  }
  .carinfo__txt{
    font-size:14px;
  }
}
@media all and (max-height: 800px) {
  .carinfo{
    overflow: auto;
    bottom:auto;
    height:100%;
  }
}
@media all and (max-width: 767px) {
  .carinfo{
    width:100%;
    padding:6%;
    border:0;
  }
  
  .carinfo__name{
    display:block;
  }
  .carinfo__grade{
    display:block;
  }
  .carinfo__ttl{
    font-size:18px;
    font-size:4.8vw;
    line-height:1.5;
  }
  .carinfo__txt{
    font-size:12px;
    font-size:3.2vw;
  }
  .carinfo__close{
    right:20px;
  }
}
@media all and (min-width: 1520px) {/*1520px以上でサイドバーが表示のため調整*/
  .carinfo{
    width: calc(80% - 240px);
    width: calc(80vw - 240px);
    left:240px;
  }
}