.cf { *zoom: 1; }

.cf:after { content: ""; display: table; clear: both; }

.hover { -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }

.hover:hover { opacity: .7; }

.playfair, #kbe2821 .product #detail .variation h3, #kbe2821 .product #detail .variation ul li .color { font-family: 'Playfair Display',"NotoSerif",serif; }

.noto { font-family: "Noto Sans Japanese"; font-weight: normal; }

#kbe2821 .mv { background: url("../img/lineup/kbe2821/img_main.jpg") no-repeat center center/cover; display: -webkit-box; display: -ms-flexbox; display: flex; }

#kbe2821 #summary .left .new { border: 2px solid #e6427a; color: #e6427a; }

#kbe2821 #summary .left #main_slider li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#kbe2821 #summary .left #main_slider li .main_img { height: 500px; }

@media only screen and (max-width: 769px) { #kbe2821 #summary .left #main_slider li .main_img { height: 300px; } }

#kbe2821 #summary .right .catch { color: #e6427a; }

@media only screen and (max-width: 769px) { #kbe2821 #summary .right .lead { text-align: center; } }

#kbe2821 #summary .right .functions li { border-color: #e6427a; color: #e6427a; }

#kbe2821 #summary .right .functions li.reverse { background-color: #e6427a; color: white; }

#kbe2821 .product #detail .title2 { color: #e6427a; margin-bottom: 56px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .title2 { margin-bottom: 28px; } }

#kbe2821 .product #detail .title2::after { background: #e6427a; }

#kbe2821 .product #detail .body { padding-bottom: 330px; width: 1004px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body { padding-bottom: 180px; width: 320px; } }

@media only screen and (max-width: 320px) { #kbe2821 .product #detail .body { width: 300px; } }

#kbe2821 .product #detail .body .main_img { padding-top: 78px; padding-left: 230px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .main_img { padding-top: 54px; padding-left: 75px; }
  #kbe2821 .product #detail .body .main_img img { width: 175px; } }

#kbe2821 .product #detail .body .item .name { color: #e6427a; }

#kbe2821 .product #detail .body .item:nth-child(1) { left: 75px; top: 0; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(1) { left: 0; top: 12px; } }

#kbe2821 .product #detail .body .item:nth-child(2) { left: 0; top: 296px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(2) { left: 0; top: 156px; } }

#kbe2821 .product #detail .body .item:nth-child(3) { left: 82px; top: 646px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(3) { left: 15px; top: 334px; }
  #kbe2821 .product #detail .body .item:nth-child(3) .img img { width: 126px; } }

@media only screen and (max-width: 320px) { #kbe2821 .product #detail .body .item:nth-child(3) { left: 20px; } }

#kbe2821 .product #detail .body .item:nth-child(4) { right: 68px; top: 0px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(4) { right: 0; top: 0; }
  #kbe2821 .product #detail .body .item:nth-child(4) .right { right: -6px; top: -38px; } }

#kbe2821 .product #detail .body .item:nth-child(5) { right: 0; top: 296px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(5) { top: 187px; } }

#kbe2821 .product #detail .body .item:nth-child(6) { right: 82px; top: 646px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .body .item:nth-child(6) { right: 15px; top: 355px; }
  #kbe2821 .product #detail .body .item:nth-child(6) .img img { width: 126px; }
  #kbe2821 .product #detail .body .item:nth-child(6) .right { right: -6px; top: -38px; } }

#kbe2821 .product #detail .airhole { margin-bottom: 70px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .airhole { margin-bottom: 35px; } }

#kbe2821 .product #detail .airhole .dtl h3 { color: #e6427a; }

#kbe2821 .product #detail .variation { border: 1px solid #e6427a; border-radius: 6px; margin: 0 auto; padding: 38px 80px 35px; position: relative; width: 1030px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .variation { margin: 0 28px; padding: 20px 10px 18px; width: calc(100% - 57px); } }

@media only screen and (max-width: 320px) { #kbe2821 .product #detail .variation { margin: 0 10px; padding: 20px 5px 18px; width: calc(100% - 20px); } }

#kbe2821 .product #detail .variation h3 { font-size: 24px; font-size: 2.4rem; line-height: 30px; line-height: 3rem; background: white; color: #e6427a; left: 50%; letter-spacing: .1em; position: absolute; text-align: center; text-indent: .1em; top: -16px; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 286px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .variation h3 { font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; top: -8px; width: 143px; } }

#kbe2821 .product #detail .variation ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#kbe2821 .product #detail .variation ul li { position: relative; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .variation ul li { width: 93px; }
  #kbe2821 .product #detail .variation ul li img { width: 100%; }
  #kbe2821 .product #detail .variation ul li:nth-child(2) { width: 87px; }
  #kbe2821 .product #detail .variation ul li:nth-child(3) { width: 86px; } }

#kbe2821 .product #detail .variation ul li .color { font-size: 20px; font-size: 2rem; bottom: 0; letter-spacing: .1em; position: absolute; right: 15px; }

@media only screen and (max-width: 769px) { #kbe2821 .product #detail .variation ul li .color { font-size: 10px; font-size: 1rem; bottom: -15px; right: 0; text-align: center; width: 100%; } }

#kbe2821 .product #point { background: #e6427a; background: -webkit-gradient(linear, left top, left bottom, from(#e6427a), to(#d9c5a4)); background: -webkit-linear-gradient(top, #e6427a 0%, #d9c5a4 100%); background: -o-linear-gradient(top, #e6427a 0%, #d9c5a4 100%); background: linear-gradient(to bottom, #e6427a 0%, #d9c5a4 100%); }

#kbe2821 .product #point .point01 { background-image: url("../img/lineup/kbe2812/ttl_point01.png"); }

#kbe2821 .product #point .point02 { background-image: url("../img/lineup/kbe2812/ttl_point02.png"); }

#kbe2821 .product #point .point02 .text { color: #e6427a; }

@media only screen and (max-width: 769px) { #kbe2821 .product #banners::before { background-position: center 15%; } }

#kbe2821 .product #banners .banner_howto a { background: url("../img/lineup/bg_banner_p.png") no-repeat left top; }

@media only screen and (max-width: 769px) { #kbe2821 .product #banners .banner_howto a { background: url("../img/lineup/sp/bg_banner_p.png") no-repeat left top/cover; } }

#kbe2821 .product #banners .banner_howto a::before { background-image: url("../img/lineup/icon_bnr_p.svg"); }

#kbe2821 .product #banners .banner_qa a { background: #e6427a; }

#kbe2821 .product #banners .banner_qa a::after { background-image: url("../img/lineup/icon_arrow_p.svg"); }