@charset "utf-8";

/*メイン画像の指定*/
/*#rwd-content .rwd-keyvisual {
    background-position: center center;
    background-image: url("/jp/img/index_key_mv-U_15_2.jpg")!important;
}*/
/* slider */
#rwd-content .rwd-main-content-group.wide,
#rwd-content .rwd-slider-wide.full,
#rwd-content .rwd-slider-wide.full .swiper-container,
#rwd-content .rwd-slider-wide.full .swiper-container img {
  width: 100%;
  max-width: 100%;
}
#rwd-content .rwd-slider-wide.slider-type01 .button-next01, #rwd-content .rwd-slider-wide.slider-type01 .button-prev01 {
  top:46.5%
}
#rwd-content #slide-title {
	color: #FFFFFF;
	position: absolute;
	width:100%;
	text-align: right;
	padding: .5rem 0;
	bottom: 31px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	z-index: 9;
	line-height: 1.5;
	font-size: 1.8rem;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.53) 57%,rgba(0,0,0,0.53) 100%);
}
#rwd-content #slide-title .button-arrow {
  position: relative;
}
#rwd-content #slide-title .button-arrow:after {
  position: absolute;
  content: "";
  display: block;
  left: -2.7rem;
  top: 0px;
  margin: auto;
  width: 2rem;
  height: 2rem;
  background-size: 1.8rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/shared/img/rwd_icon_arrow_right01.svg");
  background-color: rgba(255,255,255,.9);
  border-radius: .1rem;
}

#rwd-content #slide-title a {
  padding-right: 3.0rem;
	color: #FFFFFF;
}


@media screen and (max-width: 767px){
#rwd-content .slider-type01, #rwd-content .slider-type02 {
	margin-bottom: 0 !important;
}
#rwd-content .rwd-keyvisual-wrap {
	padding-bottom: 20px;
}
  
#rwd-content #slide-title {
	text-align: left;
	font-size: 1.4rem;
	width:98%;
	background: linear-gradient(to right,  rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 55%,rgba(0,0,0,0) 67%,rgba(0,0,0,0) 100%);
	padding: .2em .3em;
}
}

@media print, screen and (min-width: 768px){
/*フッターの上余白調整 2019-6-7*/
#rwd-content .rwd-footer-links-top02 ul {
    margin-top: 40px;
}

}


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

    #rwd-content .rwd-keyvisual {
    background-image: url("/jp/img/index_key_mv-U_15_2_sp.jpg")!important;
  }
}

/* mov icon */

.rwd-keyvisual-wrap {
    position: relative;
}
.movie-icon {
    position: absolute;
    height: 97%;
    width: 100%;
    z-index: 9;
}
.movie-icon::after {
    position: absolute;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    top: 50%!important;
    margin-top: -40px;
    margin-right: 0;
    background-image: url(/jp/showroom/movingyou/img/icon_movie_play.svg);
    background-repeat: no-repeat;
    background-size: 80px 80px;
}

@media all and (-ms-high-contrast:none) and (min-width: 1281px){
  *::-ms-backdrop, .movie-icon::after {
    right: 10%!important;
} /* IE11 */
}


@media screen and (min-width: 1281px){
.movie-icon::after {
    right: calc( calc(100% - 1220px) / 2 )!important;
}
}

@media screen and (min-width: 768px) and (max-width: 1280px){
.movie-icon::after {
    right: 2%!important;
}
}

@media screen and (max-width: 767px){
.movie-icon::after {
    top: 30%;
    left: 86%;
}

}


/* Moving You Logo*/

@media screen and (min-width: 1281px){
.keyimg-title {
    position: absolute;
    bottom: 0;
    right: calc( calc(100% - 1220px) / 2 )!important;
    width: 227px;
    z-index: 10;
    display: block;
}
}

@media all and (-ms-high-contrast:none) and (min-width: 1281px){
  *::-ms-backdrop, .keyimg-title {
    right: 10%;
} /* IE11 */
}

@media screen and (min-width: 768px) and (max-width: 1280px){
.keyimg-title {
    position: absolute;
    bottom: 0;
    right: 2%!important;
    width: 227px;
    z-index: 10;
    display: block;
}
}


/*カードUI部のタイトル文字サイズ／改行時の行間調整*/
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dt
 {
    font-size: 2.0rem!important;
    line-height: 1.2!important;
}
/*メイン画像内 Revs your heartの太字設定修正*/
#rwd-content .rwd-keyvisual-caption {
    font-family: 'Roboto';
    font-weight: 500;
}

@media screen and (max-width: 767px){
/*カードUI部のタイトル文字サイズ調整*/
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dt
 {
    font-size: 1.6rem!important;
}
/*ページネイションの位置を調整*/
#rwd-content .swiper-container-horizontal > .swiper-pagination-bullets, #rwd-content .swiper-pagination-custom, #rwd-content .swiper-pagination-fraction {
    bottom: 10px!important;
}
#rwd-content .rwd-grid-cardlist01 .rwd-grid-item dd {
    line-height: 1.5;
}
/*フッターリンクテキストの上余白確保*/
#rwd-content .rwd-footer-links-top02 ul {
    padding-top: 20px!important;
}

}


@media screen and (max-width: 480px){
/*480px以下のボタン内文字改行における調整*/
#rwd-content .rwd-button-link.icon-arrow{
    padding: 5px 35px 0 20px!important;
}
#rwd-content .rwd-button05 {
    height: 60px!important;
}
#rwd-content .rwd-button-inner {
    line-height: 1.5!important;
}

}


/* -- STAY HOME 2020-4 ---*/
.stayhome{
  margin-bottom: 2em;
}
.stayhome p{
text-align: center;
font-size: 2.0rem;
border: solid 3px #d40000;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
padding: 6px 10px 4px;
}

.stayhome a p{
  color: #d40000;
}
.stayhome a:hover p{
  color: #fff;
  background: #ee9191;
}
.stayhome p img{
  width: 17px !important;
  height: 22px !important;
  margin-left: 2em;
}

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

.stayhome p{
text-align: left;
font-size: 1.7rem;
line-height: 1.4!important;
font-weight: bold;
padding: 8px 20px 5px;
}

.stayhome p img{
  width: 15px !important;
  height: 19px !important;
}

}

@media screen and (min-width: 768px){
#rwd-content .rwd-button05 {
    padding: 4px 28px 2px 20px!important;
}


}