html:not(.no-js) [data-aos=fade-up] {
  -webkit-transform:translate3d(0,50px,0) !important;
  transform:translate3d(0,50px,0) !important;
  opacity:0;
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {opacity:1;-webkit-transform:none !important; transform:none !important;transition:1s;-webkit-transition:1s;}

.rh_title {
  font-size: 4.72rem;
  line-height: 1.2;
  font-family: "Montserrat";
  font-style: normal;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin: 80px 0 48px;
}
@media only screen and (max-width: 767px) {
  .rh_title {
    font-size: 2.6rem;
    margin: 24px 0 24px;
    padding: 0 5.556vw;
  }
}
@media only screen and (max-width: 361px) {
  .rh_title {
    font-size: 2.31rem;
  }
}
.rh_video_container {
  position:relative; 
  width:100%; 
  max-width:1920px; 
  margin:0 auto; 
  overflow:hidden;
}
.rh_video_container .video_pc {
  display:block; 
  width:100%; 
  overflow:hidden;
}
.rh_video_container .video_mo {
  display:none;
}
.rh_video_container .iframe_video_pc {
  position:relative; 
  height:0; 
  padding-bottom:56.25%; 
  overflow:hidden;
}
.rh_video_container .iframe_video_pc iframe {
  display:block; 
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}
.rh_video_container .iframe_video_mo {
  display:none; 
  position:relative; 
  height:0; 
  overflow:hidden;
}
.rh_video_container .iframe_video_mo.type_default {
  padding-bottom:56.25%;
}
.rh_video_container .iframe_video_mo.type_vertical {
  padding-bottom:125%;
}
.rh_video_container .iframe_video_mo.type_square {
  padding-bottom:100%;
}
.rh_video_container .iframe_video_mo iframe {
  display:block;
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}
.rh_video_container iframe {
  background-color:#000;
}
@media only screen and (max-width: 767px) {
  .rh_video_container {
    position:relative; 
    width:100%; 
    max-width:none; 
    margin:0;
  }
  .rh_video_container .video_pc {
    display:none;
  }
  .rh_video_container .video_mo {
    display:block; 
    width:100%;
  }
  .rh_video_container .iframe_video_pc {
    display:none;
  }
  .rh_video_container .iframe_video_mo {
    display:block;
  }
}

.view_video_container {position:relative; width:100%; max-width:1920px; height:828px; background-color:#000; margin:0 auto; overflow:hidden;}
.view_video_container .video_pc {display:block; height:100%; margin-left:50%; overflow:hidden;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.view_video_container .video_mo {display:none;}
.view_video_container .iframe_video_pc {position:relative; width:1472px; height:100%; margin-left:50%; overflow:hidden;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.view_video_container .iframe_video_pc iframe {display:block; width:100%; height:100%;}

.view_video_container .iframe_video_mo {display:none; position:relative; height:0; overflow:hidden;}
.view_video_container .iframe_video_mo.type_default {padding-bottom:56.25%;}
.view_video_container .iframe_video_mo.type_vertical {padding-bottom:125%;}
.view_video_container .iframe_video_mo.type_square {padding-bottom:100%;}
.view_video_container .iframe_video_mo iframe {display:block ;position:absolute; top:0; left:0; width:100%; height:100%;}
.view_video_container iframe {background-color:#000;}
@media only screen and (max-width: 1279px) {
	.view_video_container {height:828px; height:64.688vw;}
	.view_video_container .iframe_video_pc {width:1472px; width:115vw;}
}
@media only screen and (max-width: 767px) {
	.view_video_container {position:relative; width:100%; height:auto; max-width:none; margin:0;}
	.view_video_container .video_pc {display:none;}
	.view_video_container .video_mo {display:block; width:100%;}
	.view_video_container .iframe_video_pc {display:none;}
	.view_video_container .iframe_video_mo {display:block;}
}

  
.rh_wrap {
  max-width: 945px;
  margin: 0 auto;
  color: #333;
}  
.rh_visual {
  text-align: center;
}
.rh_mtitle {
  margin: 90px 0 40px;
}
.rh_mtitle strong {
  line-height: 1.5;
  font-family: "Montserrat";
  font-style: normal;
  color: #333;
  font-weight: 700;
  font-size: 4.72rem;
}
.rh_visual .box {
  margin-top: 60px;
}
.rh_visual p {
  color: #000;
  font-size: 18px;
}
.rh_text {
  margin: 60px 0 80px;
  text-align: center;
  line-height: 1.3;
  font-size: 18px;
}
.rh_text h4 {
  font-size: 3rem;
}
.rh_text h4 span {
  font-family: Montserrat, sans-serif;
}
.rh_pick {
  color: #333;
  text-align: center;
  margin-top: 80px;
}
.rh_pick h4 {
  font-weight: 600;
  font-size: 30px;
  font-family: Montserrat, sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.rh_pick p {
  margin: 14px 0 0;
  font-size: 14px;
}
.rh_figure {
  margin-top: 80px;
  position: relative;
}
.rh_figure .left_video {

  position: relative;
  max-width: 595px;
  max-height: 410px;
  height: auto;
  width: 100%;
  background: #000;
}
.rh_figure .left_video .video_wrap {
padding-top: 56.25% !important;
}
.rh_figure .left_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}
.rh_figure .right_text {
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  vertical-align: middle;
}
.rh_figure .right_text .right_row {
  display: table-row;
}
.rh_figure .right_text dl {
  display: table-cell;
  vertical-align: middle;
}
.rh_figure .right_text dl dt {
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.2;
}
.rh_figure .right_text dl dt span {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .rh_visual {
    padding: 0 5.556vw;
  }
  .rh_mtitle {
    margin: 45px 0 20px;
    font-size: 16px;
  }
  .rh_mtitle strong {
    font-size: 2.6rem;
  }
  .rh_visual .box {
    margin-top: 30px;
  }
  .rh_visual p {
    font-size: 14px;
  }
  .rh_text {
    margin: 30px 0 40px;
    padding: 0 5.556vw;
    font-size: 14px;
  }
  .rh_text h4 {
    font-size: 18px;
  }
  .rh_text h4 span {
    font-size: 2.4rem;
  }
  .rh_pick {
    margin-top: 40px;
    padding: 0 5.556vw;
  }
  .rh_pick h4 {
    font-size: 2.4rem;
  }
  .rh_pick p {
    margin: 14px 0 0;
    font-size: 14px;
  }
  .rh_figure {
    margin-top: 40px;
    position: relative;
    padding: 0 5.556vw;
  }
  .rh_figure .left_video {
    text-align: center;
   margin: 0 auto;
  }
  .rh_figure .left_video .video_wrap {
  padding-top: 56.24% !important;
  }
  .rh_figure .left_video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
  
  }
  .rh_figure .right_text {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .rh_figure .right_text .right_row {
    display: block;
  }
  .rh_figure .right_text dl {
    display: block;

  }
  .rh_figure .right_text dl dt {
    font-size: 2.6rem;
    margin-bottom: 15px;
    line-height: 1.2;
  }
  .rh_figure .right_text dl dd {
    font-size: 14px;
  }
}
@media only screen and (max-width: 361px) {
    .rh_mtitle strong, .rh_figure .right_text dl dt {
    font-size: 2.31rem;
  }
}
.detail_carousel {
  position:relative; 
  margin:80px 0 0;
}
.detail_carousel .slick-slide img.dp_mo {
  display:none;
}
.detail_carousel .slick-arrow {
  position:absolute; 
  top:50%; 
  width:36px; 
  height:46px; 
  margin-top:-24px; 
  padding:0; 
  overflow:hidden; 
  text-indent:-9999px; 
  z-index:1;
}
.detail_carousel .slick-arrow:focus {
  outline:1px dotted rgba(0,0,0,0.8); 
  outline-offset:1px;
}
.detail_carousel .slick-arrow:after {
  position:absolute; 
  top:14px; 
  width:18px; 
  height:18px; 
  border-top:2px solid #000; 
  border-left:2px solid #000; 
  box-sizing:border-box; 
  content:'';
}
.detail_carousel .slick-prev {
  left:0;
}
.detail_carousel .slick-prev:after {
  left:14px;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); 
  transform:rotate(-45deg);
}
.detail_carousel .slick-next {
  right:0;
}
.detail_carousel .slick-next:after {
  right:14px;
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
}
.detail_carousel.type_txt_img .slick-list {
  width:732px; 
  height:540px; 
  margin:0 auto;
}
.detail_carousel.type_img_only .slick-list {
  width:732px; 
  height:450px; 
  margin:0 auto;
}
.detail_carousel .bx_inner_wrap:after {
  display:block; 
  clear:both; 
  content:'';
}
.detail_carousel .bx_img {
  float:right; 
  width:379px; 
  height:540px;
}
.detail_carousel .bx_img img {
  width:100%;
}
.detail_carousel .bx_txt {
  float:left; 
  display:table; 
  width:342px; 
  height:540px;
}
.detail_carousel .bx_txt_cell {
  display:table-cell; 
  vertical-align:middle;
}
.detail_carousel .bx_txt_cell h4 {
  font-weight:700; 
  font-size:20px; 
  font-family:Montserrat, sans-serif;
  line-height: 1.2;
  margin-bottom: 20px;
}
.detail_carousel .bx_txt_cell p {
  margin:3px 0 0; 
  font-weight:600; 
  font-size:14px;
}

@media only screen and (max-width: 1279px) {
  .detail_carousel {margin:80px 0 0; margin:6.250vw 0 0;}
  .detail_carousel .slick-arrow {position:absolute; top:50%; width:36px; height:46px; margin-top:-24px; width:2.813vw; height:3.594vw; margin-top:-1.875vw;}
  .detail_carousel .slick-arrow:after {position:absolute; top:14px; width:18px; height:18px; top:1.094vw; width:1.406vw; height:1.406vw;}
  .detail_carousel .slick-prev {left:156px; left:12.188vw;}
  .detail_carousel .slick-prev:after {left:14px; left:1.094vw;}
  .detail_carousel .slick-next {right:156px; right:12.188vw;}
  .detail_carousel .slick-next:after {right:14px; right:1.094vw;}
  .detail_carousel.type_txt_img .slick-list {width:732px; height:540px; width:57.188vw; height:42.188vw;}
  .detail_carousel.type_img_only .slick-list {width:732px; height:450px; width:57.188vw; height:35.156vw;}
  .detail_carousel .bx_img {width:379px; height:540px; width:29.609vw; height:42.188vw;}
  .detail_carousel .bx_txt {width:342px; height:540px; width:26.719vw; height:42.188vw;}
  .detail_carousel .bx_txt_cell h4 {font-size:18px; font-size:1.406vw;}
  .detail_carousel .bx_txt_cell p {margin:3px 0 0; font-size:16px; margin:0.234vw 0 0; font-size:1.250vw;}
}
@media only screen and (max-width: 767px) {
  .detail_carousel {margin:45px 0 0; margin:12.500vw 0 0;}
  .detail_carousel .slick-slide img.dp_pc {display:none;}
  .detail_carousel .slick-slide img.dp_mo {display:block; width:100%;}
  .detail_carousel .slick-arrow {top:168px; width:30px; height:36px; margin-top:0; top:46.667vw; width:8.333vw; height:10vw;}
  .detail_carousel .slick-arrow:after {top:10px; width:16px; height:16px; margin-top:0; border-color:#6e6e6e; top:2.778vw; width:4.444vw; height:4.444vw;}
  .detail_carousel .slick-prev {left:10px; left:2.778vw;}
  .detail_carousel .slick-prev:after {left:10px; left:2.778vw;}
  .detail_carousel .slick-next {right:10px; right:2.778vw;}
  .detail_carousel .slick-next:after {right:10px; right:2.778vw;}
  .detail_carousel.type_txt_img .slick-list {width:260px; height:auto; margin:0 auto; width:72.222vw;}
  .detail_carousel.type_img_only .slick-list {width:260px; height:auto; margin:0 auto; width:72.222vw;}
  .detail_carousel .bx_inner_wrap:after {display:block; clear:both; content:'';}
  .detail_carousel .bx_img {float:none; width:100%; height:auto;}
  .detail_carousel .bx_txt {float:none; display:block; width:100%; height:auto; margin:20px 0 0;}
  .detail_carousel .bx_txt_cell {display:block; text-align:center;}
  .detail_carousel .bx_txt_cell h4 {font-weight:600; font-size:14px; font-family:Montserrat, sans-serif;}
  .detail_carousel .bx_txt_cell p {margin:2px 0 0; font-weight:600; font-size:12px;}
}
.rh_pdp {
  text-align: center;
  margin: 0 auto;
}
/* BUTTON */
span.cta_link_arr {display:inline-block; position:relative; padding:0 16px 0 0; font-size:14px;}
span.cta_link_arr:after {display:block; position:absolute; top:50%; right:0; margin-top:-3px; width:6px; height:6px; border:1px solid #333; border-bottom:none; border-left:none; content:'';
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
a.cta_underline {display:inline-block; position:relative; padding-bottom:1px; color:#000; font-weight:700; font-size:14px;}
a.cta_underline:after {position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background-color:#333; content:'';}
button.cta_underline {display:inline-block; position:relative; padding:0 0 3px 0; font-weight:700; font-size:14px;}
button.cta_underline:after {position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background-color:#333; content:'';}

a.cta_black {display:inline-block; padding:14px 95px; background-color:#000; border:1px solid #000; color:#fff; font-size:16px; box-sizing:border-box;
    -webkit-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
a.cta_black:hover, a.cta_black:focus {background-color:#fff;  color:#000;}
button.cta_black {display:inline-block; background-color:#000; padding:12px 46px; border:1px solid #000; color:#fff; font-size:14px;
    -webkit-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
button.cta_black:hover, button.cta_black:focus {background-color:#fff;  color:#000;}

button.cta_white {display:inline-block; background-color:#fff; padding:12px 46px; border:1px solid #000; color:#000; font-size:14px;
    -webkit-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
}
button.cta_white:hover, button.cta_white:focus {background-color:#000;  color:#fff;}

button.btn_colorchip {display:block; width:37px; height:37px; padding:2px; border:1px solid transparent; font-size:0; outline:none;}
button.btn_colorchip img {width:100%;}
button.btn_colorchip .chipcell {display:block; width:100%; height:100%;}
button.btn_colorchip:hover, button.btn_colorchip:focus {border-color:#d6d6d6;}
button.btn_colorchip.selected {border-color:#000;}
button.btn_colorchip:active .chipcell {transform:translate(0, 0);}

@media only screen and (max-width: 1279px) {
    span.cta_link_arr {padding:0 16px 0 0; padding:0 1.250vw 0 0; font-size:14px; font-size:1.094vw;}
    span.cta_link_arr:after {margin-top:-3px; margin-top:-0.234vw; width:6px; width:0.469vw; height:6px; height:0.469vw;}
    a.cta_underline {padding-bottom:1px; padding-bottom:0.078vw; font-size:14px; font-size:1.094vw;}
    button.cta_underline {padding:0 0 3px 0; font-size:14px; font-size:1.094vw;}
    a.cta_black {padding:14px 95px; padding:1.094vw 7.422vw; font-size:16px; font-size:1.250vw;}
    button.cta_black {padding:12px 46px; padding:0.938vw 3.594vw; font-size:14px; font-size:1.094vw;}
    button.cta_white {padding:12px 46px; padding:0.938vw 3.594vw; font-size:14px; font-size:1.094vw;}
    button.btn_colorchip {width:37px; height:37px; padding:2px; width:2.891vw; height:2.891vw; padding:0.156vw;}
}
@media only screen and (max-width: 767px) {
    span.cta_link_arr {padding:0 16px 0 0; padding:0 4.444vw 0 0; font-size:14px; font-size:3.889vw;}
    span.cta_link_arr:after {margin-top:-3px; margin-top:-0.833vw; width:6px; width:1.667vw; height:6px; height:1.667vw;}
    a.cta_underline {font-size:14px; font-size:3.889vw;}
    button.cta_underline {padding:0 0 3px 0; padding:0 0 0.833vw 0; font-size:14px; font-size:3.889vw;}
    a.cta_black {width:100%; padding:15px 0; padding:4.167vw 0; font-size:16px; font-size:4.444vw; text-align:center;}
    button.cta_black {width:100%; padding:15px 0; padding:4.167vw 0; font-size:16px; font-size:4.444vw; text-align:center; box-sizing:border-box;}
    button.cta_white {width:100%; padding:15px 0; padding:4.167vw 0; font-size:16px; font-size:4.444vw; text-align:center; box-sizing:border-box;}
    button.btn_colorchip {width:40px; width:11.111vw; height:40px; height:11.111vw; padding:2px; padding:0.556vw;}
}
a.cta_underline:focus,
button.cta_underline:focus {outline:1px dotted rgba(0,0,0,0.8); outline-offset:1px;}
a.cta_black:focus,
button.cta_black:focus,
button.cta_white {outline:none;}
.recomm_wrap {display:inline-block; padding:0 38px; text-align:left; vertical-align:top;}
.recomm_wrap > a {display:block; position:relative;}
.recomm_wrap > a:focus {outline:1px solid rgba(0,0,0,0.098); outline-offset:7px;}
.recomm_image, .recomm_info {width:356px;}
.recomm_image img {width:100%;}
.recomm_info h3 {margin-top:46px; font-size:16px; word-wrap:break-word; word-break:keep-all;}
.recomm_info .cta_link_arr {margin-top:26px;
  display: inline-block;
  position: relative;
  padding: 0 16px 0 0;
  font-size: 14px;
}
span.cta_link_arr {display:inline-block; position:relative; padding:0 16px 0 0; font-size:14px;}
span.cta_link_arr:after {display:block; position:absolute; top:50%; right:0; margin-top:-3px; width:6px; height:6px; border:1px solid #333; border-bottom:none; border-left:none; content:'';
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
@media only screen and (max-width: 1279px) {
    .recommendations {margin-top:48px; margin-top:3.750vw;}
    .recomm_wrap {padding:0 38px; padding:0 2.969vw;}
    .recomm_wrap > a:focus {outline-offset:7px; outline-offset:0.547vw;}
    .recomm_image, .recomm_info {width:356px; width:27.813vw;}
    .recomm_info h3 {margin-top:46px; font-size:16px; margin-top:3.594vw; font-size:1.250vw;}
    .recomm_info .cta_link_arr {margin-top:26px; margin-top:2.031vw;}
}
@media only screen and (max-width: 767px) {
    .recommendations {margin-top:32px; margin-top:8.889vw;}
    .recomm_wrap {padding:0 3px; padding:0 0.833vw;}
    .recomm_wrap > a:focus {outline:none;}
    .recomm_wrap > a:focus:after {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.098); content:'';}
    .recomm_image, .recomm_info {width:155px; width:43.056vw;}
    .recomm_info h3 {margin-top:16px; margin-top:4.444vw; font-size:14px; font-size:3.889vw;}
    .recomm_info .cta_link_arr {margin-top:8px; font-size:13px; margin-top:2.222vw; font-size:3.611vw;}
    .recomm_info .cta_link_arr:after {right:4px; right:1.111vw;}
}
.br_mo {
  display: none;
}
.br_pc {
  display: block;
}
@media only screen and (max-width: 767px) {
  .br_mo {
    display:block;
  }
  .br_pc {
    display: none;
  }
}