@charset "utf-8";

/*
* ★★CSS for PC
/* -- Reset -- */
ul,li { list-style: none; margin: 0; padding: 0;}
.termstop { margin-top: 16px;}
.terms1 td { display: block; text-align: center; width: 100%; margin-bottom: 8px; }
.ft13 { font-size: 13px;}
.color1 { background: #142698; color: #fff; padding: 4px 10px; margin-right: 10px;}
.wrap16.iconDl1 { display: flex; justify-content: start; align-items:flex-start; padding-bottom: 0!important; padding-top: 0!important; margin-bottom: 0;}
.iconDl1 dt b { display: block; width: 50px;}
.iconDl1 dt { width: 50px;}
.iconDl1 dd { display: flex; justify-content: start; flex-wrap: wrap;}
.iconDl1 dd span { display: inline-block; margin-bottom: 8px;}
.jdsCoponSwitchbox { border-color: #DFDFDF; border-top: none;}
#rex-ceb-01 { margin-bottom: 30px;}
.corBox dt {font-weight: bold;border-left: 1px solid #333;padding-left: 6px;font-size: 15px;margin-bottom: 8px;}
.corBox dd {margin-bottom: 16px;font-size: 14px;line-height: 150%;}
.corBox dd small.smllast { display: block; margin-top: 6px;}
.corBox dd small.smlfst { display: block; margin-bottom: 6px;}
h2.car_h2 { text-align: center; margin: auto; background: #fff; padding-bottom: 8px; width:60%;}
h2.car_h2:before, h2.car_h2:after  {
display: none;
}
#carShare { border: 10px solid #F4F4F4; margin: auto auto 24px auto;}
#carShare ul { display: flex; justify-content: center; padding: 8px 16px 24px 16px; }
#carShare ul li { width: 31%; text-align: center; max-width: 180px; margin: 0 2%; }
#carShare ul li img { width: 100%;margin: auto; display: block;}
.iconLink { margin-bottom: 24px;}
.iconLink a { display: block; font-size: 16px; background: #C00000; color: #fff; text-align: center; padding: 14px 0; text-decoration: none; border-radius: 6px; width: 90%; margin: auto;  position: relative; transition: all 0.3s ease;}
.iconLink a:hover, li.step_sub a:hover { opacity: 0.8; transition: all 0.3s ease;}
.iconLink a:before {    display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  top: 42%;
  right: 12px;
  position: absolute;}
li.step_sub { font-size: 12px; color: #666; display: block; text-align: center;}
.process { max-width: 550px; margin-left: auto; margin-right: auto;}
.process>li.bdNone { border: none; padding-bottom: 0; margin-bottom: 12px;}
.process>li.bdNone:after { display: none;}
.first { margin-bottom: 24px;}

.termsBK { font-size: 14px;}
.termsBK .terms1 .bold { font-size: 16px;}
.cpnpointback li p { width: 88%;}
.cpnpointback li p span {width: 68%;text-align: center;font-size: 15px;}
.bgmtA { margin-top: 30px!important;}
.red_ { color: #C00000;}
.iQoIye.iQoIye.iQoIye.iQoIye {
    width: 100%;
    max-width: none;
    font-size: 20px !important;
}
.feDfHu.feDfHu.feDfHu.feDfHu {
    width: 100%;
    max-width: none;
    font-size: 20px !important;
}

   @media screen and (max-width:414px){
    .fjHRoH.fjHRoH.fjHRoH.fjHRoH,.dzEZsB.dzEZsB.dzEZsB.dzEZsB,.guHzKv.guHzKv.guHzKv.guHzKv{padding-right: 1.5rem !important;padding-left: 1.5rem !important;}
   }

@media all and (max-width: 720px) {
    .fjHRoH.fjHRoH.fjHRoH.fjHRoH, .dzEZsB.dzEZsB.dzEZsB.dzEZsB, .guHzKv.guHzKv.guHzKv.guHzKv{
        font-size: calc(-13.84px + 9vw) !important;
        width: 100%;
    }
	.pc{display: none;
	}
}

@media screen and (min-width: 721px) {
#rex-ceb-01 .rex-button-lg span { font-size: 28px;}
#rex-ceb-01 a.rex-button-lg { width: 480px; padding: 14px 0; line-height: 1;}
	.sp{display: none;}
}

/*bottom*/
.bottomBnr{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.46);
    padding: 12px;
    z-index: 100;
}
/*
.bottomBnr.sp{
    display: none !important;
}
*/

.bottomBnr.active2{
    position: fixed !important;
    animation:fadeOut .3s 1;
    animation-fill-mode: forwards;
}
@keyframes fadeOut{
   0%{opacity: 1;}
   100%{opacity: 0;}
}

.bottomBnr ul{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}
/*.bottomBnr ul li{
    margin: 0 20px;
}*/
/*.bottomBnr ul li:last-child{
    width: 343px;
}*/
.bottomBnr ul li:last-child a{
    display: block;
    background: #bf0000;
    color: #fff;
    padding: 10px 60px 10px 30px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 100rem;
    position: relative;
    text-decoration: none;
}
.bottomBnr ul li:last-child a:after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 30px;
    top: 55%;
    margin-top: -8px;
    transform: rotate(45deg);
}
.bottomBnr ul li:last-child span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

a.first{
	display: none;
}

a.guide{
	display: none;
}

a.slidebanner img{
	margin: 0 auto;
	width: 100%;
}

.topView_frameWrapper__1iouo
{padding: 0 16px;
}


/*---ここからコピペ-------*/


@media all and (min-width: 721px) {
.section_slider .slidebanner.pattern02 img {
  width: 340px;
 margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
}
}

@media all and (max-width: 720px) {
	.section_slider .slidebanner.pattern02 img {

 margin-bottom: 10px;
  margin-right: 5px;

}
	ul.list li{
	margin: 5px;
	display: inline-block;
}

}
	

.section_slider .slidebanner.pattern02 img.fullbanner
{width: 90%;}


.section_slider {
  margin: 16px;
 text-align: center;
}

.slidebanner{
display: inline-block;
  height: 100%;
  min-height: 1px;
}

.infoSection_divider__Jyrwf {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #D1D1D1;
}

/*---ここまでコピペ-------*/


/*---coupon ------*/
@media screen and (min-width:721px) {
.sp{ display: none;}
		ul.list li{
	display: inline;
				
}
}

.w768{
	margin-bottom: 40px!important;
}