* {
  box-sizing: border-box;
}

#container{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ", Meiryo, Osaka, sans-serif;
}

.pcOnly,
.pc_only {
  display: block;
}

.spOnly,
.sp_only {
  display: none;
}
#first_hin_code{
  display:none;
}
@media(min-width: 668px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}
@media only screen and (max-width: 667px) {
  .pcOnly,
  .pc_only {
    display: none;
  }

  .spOnly,
  .sp_only {
    display: block;
  }
  .slick-slider{
    -ms-touch-action: auto;
    touch-action: auto;
  }
}

@media only screen and (max-width: 667px) {
}

/* breadcrumbsArea */
.breadcrumbsArea {
  background: #555659;
  width: 100%;
  z-index: 9;
  position: relative;
  height:52px;
}

.breadcrumbsArea .breadcrumbs {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.breadcrumbsArea .breadcrumbs ul {
  width: 100%;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  padding: 18px 300px 18px 0;
}

.breadcrumbsArea .breadcrumbs ul li {
  font-size: 12px;
  color: #fff;
  padding-right: 10px;
}

.breadcrumbsArea .breadcrumbs ul li::after {
  content: '>';
  padding-left: 5px;
}

.breadcrumbsArea .breadcrumbs ul li:last-child {
  padding-right: 0;
}

.breadcrumbsArea .breadcrumbs ul li:last-child::after {
  content: '';
}

.breadcrumbsArea .breadcrumbs ul li a {
  color: #fff;
}

@media only screen and (max-width: 667px) {
  .breadcrumbsArea {
    position: absolute;
    top: 105px;
    height:40px;
  }

  .mmbrSts-org ~ .breadcrumbsArea, .mmbrSts-org_pre ~ .breadcrumbsArea, .mmbrSts-hataraki ~ .breadcrumbsArea {
    top: 182px;
  }

  .breadcrumbsArea .breadcrumbs ul {
    width:calc(100% - 40px);
    padding: 12px 15px;
  }
}

/* #footerBottom */
#footerBottom .ftArea {
  text-align: center;
}

/* *****************************
  mainArea
***************************** */
.mainArea .heading {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0 25px;
}

.mainArea .bgBox .sp_img {
  display: none;
}

/* category menu */
.mainArea.detailTop {
  width: 100%;
  position: absolute;
  background: #fff;
  top: 177px;
  z-index: 5;
}

.mainArea.detailTop .heading {
  max-width: none;
  z-index: 2;
  background: #fff;
  border-bottom: 3px solid #ccc;
}

.detailTopBox .headTopArea {
  position: relative;
  padding-top: 8px;
  z-index: 20;
}

.detailTopBox .headTopArea .img {
  display: block;
  background: url(/common/re2021/images/cate_top/icon/icon_catebtn.svg);
  background-size: 28px 28px;
  background-position: top center;
  width: 28px;
  height: 28px;
  margin: 0 auto 8px;
}

.mainArea.detailTop.active .detailTopBox .headTopArea .img {
  background: url(/common/re2021/images/cate_top/icon/icon_catebtn_off.svg);
}

.detailTopBox .headTopArea .btn {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
}

.detailTopBox .headTopArea .btn .txt {
  font-size: 11px;
  margin-top: 2px;
  line-height: 13px;
  font-weight: bold;
}

.mainArea.detailTop .detailTopBox .navArea {
  display: none;
}

.mainArea.detailTop.active .detailTopBox .navArea {
  display: block;
  z-index: 101;
  position: absolute;
  background: #fff;
  width: 100%;
  max-width: 1200px;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  text-align:left;
}

.detailTopBox .navArea .page_heading {
  background: #DFE0E6;
  padding: 17px 22px;
  font-weight: bold;
  font-size: 16px;
}

.detailTopBox .navArea .normal_list {
  width: 100%;
  display: table;
}

.detailTopBox .navArea .normal_list li {
  display: table-cell;
  float: left;
  width: 33.33%;
  vertical-align: middle;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.detailTopBox .navArea .normal_list li:nth-child(3n) {
  border-right: none;
}

.detailTopBox .navArea .normal_list li a {
  position: relative;
  display: block;
  font-size: 14px;
  padding: 16px;
}

.detailTopBox .navArea .normal_list li a::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 1px #E5014F;
  border-right: solid 1px #E5014F;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
}

.detailTopBox .navArea .normal_list li a .ico_blank {
  position: relative;
  padding-right: 28px;
}

.detailTopBox .navArea .normal_list li a .ico_blank::after {
  content: '';
  position: absolute;
  background: url(/common/re2021/images/icon/ico_away.png) no-repeat;
  background-size: contain;
  width: 13px;
  height: 12px;
  display: inline-block;
  right: 10px;
  bottom: 50%;
  margin-bottom: -7px;
}

.detailTopBox .navArea .normal_list.bg_gray {
  background: #DFE0E6;
}

.detailTopBox .navArea .normal_list.bg_gray li a {
  font-size: 16px;
  font-weight: bold;
}

.mainArea.detailTop.active .bglay {
  position: absolute;
  display: block;
  top: 150px;
  left: 0;
  overflow: hidden;
  z-index: 1;
  border: #ccc solid 1px;
}

.mainArea.detailTop.active .bglay::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(128,128,128,0.7);
}

.mainArea.detailTop .heading.detailTopBox .headTopArea {
  max-width: 1200px;
  position: relative;
  z-index: 98;
  margin: 0 auto;
  background: #fff;
}

#mainArea.detailTop + .sec_con {
  margin-top: 400px;
}

@media print, screen and (min-width: 668px) {
  .mainArea .heading.detailTopBox {
    min-width: 1200px;
    padding: 20px 8px 25px;
    height: 100px;
  }
}

@media only screen and (max-width: 667px) {
  .mainArea .h1_ttl{
    font-size:20px;
    padding: 0 40px 0 0;
  }
  .detailTopBox .headTopArea .btn {
    top: -7px;
  }

  .detailTopBox .headTopArea .btn .txt {
    font-size: 10px;
    margin-top: 0px;
    line-height: 11px;
  }

  .detailTopBox .headTopArea .btn .img {
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    margin: 0 auto 5px;
  }

  .mainArea.detailTop.active .detailTopBox .headTopArea .img {
    background-size: 22px 22px;
  }

  .detailTopBox .headTopArea {
    padding-top: 0;
  }

  .detailTopBox.active .navArea {
    top: 70px;
  }

  .detailTopBox .navArea .page_heading {
    font-size: 14px;
    padding: 16px 15px;
  }

  .detailTopBox .navArea .normal_list li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #D9D9D9;
  }

  .detailTopBox .navArea .normal_list li a {
    padding: 16px 22px 16px 15px;
  }

  .detailTopBox .navArea .normal_list.bg_gray li a {
    font-size: 14px;
  }

  .mainArea.detailTop {
    top: 146px;
  }

  .mmbrSts-org ~ .mainArea.detailTop, .mmbrSts-org_pre ~ .mainArea.detailTop, .mmbrSts-hataraki ~ .mainArea.detailTop {
    top: 170px;
  }

  .mainArea.detailTop.active .detailTopBox .navArea {
    top: 70px;
  }

  #mainArea.detailTop + .sec_con {
    margin-top: 0;
  }

  #mainArea.detailTop + .sec_con::before {
    content: "";
    display: block;
    width: 100%;
    height: calc(110px + 62vw);
  }

  .mmbrSts-org ~ #mainArea.detailTop + .sec_con::before, .mmbrSts-org_pre ~ #mainArea.detailTop + .sec_con::before, .mmbrSts-hataraki ~ #mainArea.detailTop + .sec_con::before {
    height: calc(187px + 62vw);
  }
}

/* mv */
.mainArea .bgBox.bg_item {
  background: url(/common/re2021/images/cate_top/bg_item.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}

.mainArea .bgBox.bg_servicemaster {
  background: url(/common/re2021/images/cate_top/bg_servicemaster.png) no-repeat;
  background-position: center;
  background-size: cover;
}

.mainArea .bgBox.bg_merrymaids {
  background: url(/common/re2021/images/cate_top/bg_merrymaids.png) no-repeat;
  background-position: center;
  background-size: cover;
}

.mainArea .bgBox.bg_terminix {
  background: url(/common/re2021/images/cate_top/bg_terminix.png) no-repeat;
  background-position: center;
  background-size: cover;
}

.mainArea .bgBox.bg_totalgreen {
  background: url(/common/re2021/images/cate_top/bg_totalgreen.png) no-repeat;
  background-position: center;
  background-size: cover;
}

@media print, screen and (min-width: 668px) {
  .mainArea .bgBox {
    height: 300px;
  }

  .mainArea .bgBox.bg_servicemaster {
    border-top: 3px solid #3FCBDA;
  }

  .mainArea .bgBox.bg_merrymaids {
    border-top: 3px solid #D50680;
  }

  .mainArea .bgBox.bg_terminix {
    min-width: 1200px;
    border-top: 3px solid #E95532;
  }

  .mainArea .bgBox.bg_totalgreen {
    border-top: 3px solid #009F40;
  }
}

@media only screen and (max-width: 667px) {
  .mainArea .heading {
    padding: 19px 15px;
  }

  .mainArea .heading.detailTopBox {
  }

  .mainArea .bgBox {
    background-image: none!important;
  }

  .mainArea .bgBox .sp_img {
    display: block;
  }

  .mainArea .bgBox .sp_img img {
    width: 100%;
  }
}

/* *****************************
  important notice
***************************** */
#head_btm_content{
  margin-top: 100px;
}
.important_notice {
  background: #F2F2F2;
  border-top: 1px #CCCCCC solid;
  text-align: center;
}
@media all and (-ms-high-contrast: none) {
  .important_notice {
  }
}
.wide_inner {
  width: 1200px;
  padding: 12px 8px 10px;
  margin: 0 auto;
}

.important_notice .wide_inner {
  display: flex;
}

.important_notice p,
.important_notice a {
  color: #FF0000;
}
.important_notice a {
  text-decoration:underline;
}
.important_notice .first::after {
  content: "|";
  padding: 0 12px;
}
#head_btm_content .bnr_main {
  width:740px;
  margin: 0 auto 30px;
  padding:30px 0 0;
}
#head_btm_content .bnr_main:hover{
  opacity:.7;
}
#content #mv_area{
  padding-top: 62px;
}
#head_btm_content + #content{
  margin-top:0;
}
@media only screen and (max-width: 667px) {
  .wide_inner {
    width: 100%;
  }
  #content #mv_area{
    margin-top:24px;
    padding-top: 0;
  }
  .sec_inner {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
  #head_btm_content{
    margin-top: 172px;
  }
  .important_notice {
    width:100%;
  }
  .important_notice .wide_inner {
    display:block;
    text-align:left;
  }
  .important_notice p {
    display:inline;
    text-align:left;
  }
  .important_notice .first::after {
    content: none;
  }
  #head_btm_content >.bnr_main{
  }
}

/*-------------------------------
content & base setting
--------------------------------*/
#content {
  float: none;
  text-align: center;
  margin: auto;
  width: 100%;
}

@media only screen and (max-width: 667px) {
  #content {
    max-width:100%;
    width: 100%;
    overflow: hidden;
  }

  .bnr_main img,
  .cv_area img,
  .banner_area img{
    width: auto;
    max-width: 100%;
    height: auto;
  }
}

#content .sec_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
}

#content section>.sec_inner,
#review_list + .sec_inner.free_content>.note{
  margin: 94px auto;
}

#content .sec_inner hr{clear:both;border:none;margin:0 0 20px 0;padding:10px 0 0 0;height:2px;background:url(/common/responsive/images/border-dot.gif) repeat-x 0 100%;}

#content .col_box {
  display: flex;
  justify-content: space-between;
}

#mv_area .col_left {
  width: 374px;
}

#mv_area .col_right {
  width: 555px;
}

@media only screen and (max-width: 667px) {
  #content section>.sec_inner,
  #review_list + .sec_inner.free_content>.note {
    margin:50px auto;
  }
  #head_btm_content .bnr_main {
    width:100%;
    margin: 0 auto;
    padding: 24px 15px;
  }
}

/*-------------------------------
  heading
-------------------------------*/
.h1_ttl {
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}

.h2_ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #999999;
  margin-bottom: 32px;
}

.h3_ttl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}

@media only screen and (max-width: 667px) {
  .h1_ttl {
    font-size: 22px;
    font-weight: bold;
  }

  .h2_ttl {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 25px;
  }

  .h3_ttl {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
  }
}

/*-------------------------------
#mv_area
--------------------------------*/
.mv_slider{
  position:relative;
  margin-bottom:25px;
  z-index: 1;
}
.mv_controller{
  display:flex;
  justify-content:flex-start;
  flex-wrap: wrap;
}
.mv_controller li{
  position:relative;
  width:68px;
  margin:0 8px 8px 0px;
  cursor:pointer;
  line-height:1;
  box-sizing:border-box;
}
.mv_controller li:nth-of-type(5n){
  margin-right:0;
}
.mv_controller li img{
  width:100%;
  vertical-align: bottom;
}
.mv_controller li.selected::after{
  position:absolute;
  content:"";
  left:0;
  top:0;
  width:68px;
  height:68px;
  border:#E5014F solid 2px;
  box-sizing:border-box;
}
#mv_area .slick-counter{
  display:none;
}
.have_interest{
  position: relative;
  margin-top: 13px;
}
.have_interest>ul{
  display:flex;
  justify-content:space-between;
}
.have_interest>ul>li{
  margin-right:10px;
}
#mv_area .review.pc_only .btn_review,
#mv_area .review.sp_only .btn_review{
  visibility: hidden;
}
#mv_area .review.view_visible.pc_only .btn_review,
#mv_area .review.view_visible.sp_only .btn_review{
  visibility: visible;
}
@media only screen and (min-width: 668px) {
  .mv_slider{
    height:374px;
    overflow:hidden;
  }
  .have_interest>ul>li a:hover{
    opacity:.7;
  }
}
#mv_area .head_icon{
  margin-bottom:1.2em;  
}
#mv_area .head_icon ul{
  display:flex;
  flex-wrap:wrap;
}
#mv_area .head_icon ul>li{
  margin:0 5px 7px 0;
}
#mv_area .head_icon ul>li img{
  height:24px;
  vertical-align:bottom;
}
#mv_area .read{
  font-size: 16px;
  font-weight:bold;
  margin-bottom:1em;
}
#mv_area .copy{
  font-size: 13px;
  margin-bottom:1em;
}
#mv_area .link_list{margin:1em auto 2em 0;}
#mv_area .link_list li{
  margin-bottom:0.5em;
}

#mv_area .copy .link a{
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 14px;
    padding-right: 3px;
    text-decoration: none;
}
#mv_area .copy .link a::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8px;
    width: 5px;
    height: 5px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    transform: rotate(135deg);
    margin: auto;
}

#mv_area .link_list a{
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 14px;
    padding-right: 3px;
    text-decoration: none;
}

#mv_area .link_list a::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8px;
    width: 5px;
    height: 5px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    transform: rotate(45deg);
    margin: auto;
}
   
#mv_area .copy .link a,
#mv_area .link_list a{
  font-size:14px;
  text-decoration:none;
}

#mv_area .copy .link a:hover,
#mv_area .link_list a:hover{
  text-decoration:underline;
}

#mv_area .btn_review a{
 color:#FE7120;
}
#mv_area .btn_review a .btn{
  position:relative;
  color:#000;
  font-size:14px;
}
#mv_area .btn_review a:hover{
  text-decoration:none;
}
#mv_area .btn_review a:hover .btn{
  text-decoration:underline;
}
#mv_area .btn_review a .btn::after{
  content:"";
  display:inline-block;
  position:absolute;
  top:0;
  bottom:0;
  width:8px;
  height:8px;
  border-bottom:#000 solid 1px;
  border-right:#000 solid 1px;
  transform:rotate(45deg);
  margin-left:0.5em;
}
#mv_area .cv_area{
  margin: 1.8em auto;
}
#mv_area .cv_area >ul{
  border-top:#CCC solid 1px;
}
#mv_area .cv_area >ul >li{
  padding: 1.9em 0;
  border-bottom:#CCC solid 1px;
}
#mv_area .cv_area .cv_lay{
 text-align:center; 
}
#mv_area .cv_area .ttl{
  font-size: 16px;
  margin: 0 0 1.4em;
}
#mv_area .cv_area .ttl em,
#mv_area .cv_area .ttl b{
  color:#333;
  padding-left:0.5em;
}
#mv_area .cv_area .btn_free + .btn_add_cart,
#mv_area .cv_area .btn_add_cart+.btn_add_cart,
#mv_area .cv_area .btn_free + .btn_nostock,
#mv_area .cv_area .btn_free + .btn_end,
#mv_area .cv_area .btn_free + .btn_error{
  margin-top:25px;
}
#mv_area .cv_area .btn_free,
#mv_area .cv_area .btn_add_cart,
#mv_area .cv_area .btn_nostock,
#mv_area .cv_area .btn_end,
#mv_area .cv_area .btn_error{
  text-align:right;
  vertical-align: middle;
}
#mv_area .cv_area .btn_free a,
#mv_area .cv_area .btn_add_cart a,
#mv_area .cv_area .btn_nostock>span,
#mv_area .cv_area .btn_end>span,
#mv_area .cv_area .btn_error>span{
  display:inline-block;
  vertical-align:bottom;
}
#mv_area .cv_area .btn_free a:hover,
#mv_area .cv_area .btn_add_cart a:hover{
  opacity:.7;
  text-decoration:none;
}
#mv_area .cv_area .btn_free img,
#mv_area .cv_area .btn_add_cart img{
  margin:0 0 0 auto;
}
#mv_area .cv_area .btn_add_cart + .link + .btn_add_cart,
#mv_area .cv_area .btn_add_cart + .link + .btn_nostock,
#mv_area .cv_area .btn_add_cart + .link + .btn_end,
#mv_area .cv_area .btn_add_cart + .link + .btn_error{
  margin-top:1.75em;
}
#mv_area .cv_area .btn_nostock,
#mv_area .cv_area .btn_end,
#mv_area .cv_area .btn_error{
  pointer-events:none;
}
#mv_area .cv_area .btn_free a.paint{
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;
  width:400px;
  min-height: 54px;
  background:#FC7121;
  border: #FC7121 solid 2px;
  border-radius:5px;
  color:#fff;
  margin:0 0 0 auto;
  font-size:16px;
  font-weight:bold;
  vertical-align: middle;
}
#mv_area .cv_area .btn_free a.paint2{
  display:table;
  width:400px;
  min-height: 54px;
  color:#fff;
  margin:0 0 0 auto;
  font-size:16px;
  font-weight:bold;
  vertical-align: middle;
  line-height: 1;
  text-align:center;
}
#mv_area .cv_area .btn_free a .cell{
  display:table-cell;
}
#mv_area .cv_area .btn_free a .dis_block{
  width:100%;
  text-align:center;
  vertical-align: middle;
}
#mv_area .cv_area .link{
  width:400px;
  line-height:1;
  margin: 1em 0 0 auto;
}
#mv_area .cv_area .link a{
  position:relative;
  display:inline-block;
  color: #333;
  font-size:14px;
  padding-right:3px;
}
#mv_area .cv_area .link a::after{
  content:"";
  display:inline-block;
  position:absolute;
  top:0;
  bottom:0;
  right:-8px;
  width:5px;
  height:5px;
  border-top:#000 solid 1px;
  border-right:#000 solid 1px;
  transform:rotate(45deg);
  margin:auto;
}
#mv_area .cv_area .link a.dduet::after{
  transform:rotate(135deg);
  right: -8px;
}

#mv_area .btn_anker_price{
  text-align:center;
  margin: 1.8em auto;
}
#mv_area .btn_anker_price a{
  display:block;
  padding:11px 0;
  border:#E5014F solid 1px;
  border-radius:4px;
  color:#E5014F;
}
#mv_area .btn_anker_price a:hover{
  text-decoration:none;
  opacity:.7;
}
#mv_area .btn_anker_price a>span{
  position:relative;
  font-size:14px;
}
#mv_area .btn_anker_price a>span::after{
  content:"";
  display:inline-block;
  position:absolute;
  top:3px;
  right:-16px;
  width:7px;
  height:7px;
  border-bottom:#E5014F solid 1px;
  border-right:#E5014F solid 1px;
  transform:rotate(45deg);
  margin:auto;
}
#mv_area .bnr_call_free{
  margin:3.1em auto 0;
}
#mv_area .note{
  margin:3.5em auto;
  padding-top: 2.8em;
}


@media only screen and (max-width: 667px) {
  #mv_area .col_box{
    display:block;
  }
  #mv_area .col_box .col_left,
  #mv_area .col_box .col_right{
    width:100%;
  }
  #mv_area .head_icon ul{
    margin-bottom:0.2em;
  }
  .mv_slider li{
    opacity: 0;
    transition: opacity .3s linear;
  }
  .mv_slider.slick-initialized li{
    opacity: 1;
  }
  #mv_area .slick-list img{
    width:100%;
  }
  #mv_area .mv_controller{
    display:none;
  }
  #mv_area .slick-list{
    position:relative;
    z-index:2;
  }
  #mv_area .slick-arrow{
    position:absolute;
    z-index: 999;
    top:0;
    bottom:0;
    margin:auto;
  }
  #mv_area .prev-arrow{
    transform:rotate(180deg);
    left:10px;
  }
  #mv_area .next-arrow{
    right:10px;
  }
  #mv_area .slick-counter{
    width: 100%;
    position:relative;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  #mv_area .counter-inner{
    position: absolute;
    background: #ffffff;
    display: inline-block;
    border: solid #ddd 1px;
    max-width: 50px;
    min-width: 42px;
    width: auto;
    border-radius: 20px;
    text-align: center;
    padding: 3px 3px;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    font-size: 10px;
  }
  #mv_area .counter-inner span{
    color:#000;
  }
  #mv_area .lay_sp{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:2em auto 1.4em;
  }
  #mv_area .review{
    order:1;
  }
  #mv_area .have_interest{
    order:2;
    margin: 0;
  }
  #mv_area .have_interest>ul{
    justify-content:flex-end;
  }
  .have_interest>ul>li{
    margin-right:8px;
  }
  .have_interest>ul>li:last-child{
    margin-right:0;
  }
  #mv_area .have_interest img{
    width:34px;
    height:auto;
  }
  #mv_area .cv_area .ttl {
    font-size: 14px;
  }
  #mv_area .cv_area .btn_free,
  #mv_area .cv_area .btn_add_cart,
  #mv_area .cv_area .btn_nostock,
  #mv_area .cv_area .btn_end,
  #mv_area .cv_area .btn_error{
    text-align: center;
  }
  #mv_area .cv_area .btn_free img,
  #mv_area .cv_area .btn_add_cart img,
  #mv_area .cv_area .btn_nostock img,
  #mv_area .cv_area .btn_end img,
  #mv_area .cv_area .btn_error img{
    margin:0 auto;
    width: 100%;
    max-width:305px;
  }
  #mv_area .cv_area .btn_free a.paint{
    max-width:305px;
    width:100%;
    height: auto;
    margin:0 auto;
    font-size:16px;
    padding: 5px 0;
  }
  #mv_area .cv_area .btn_free a.paint2{
    margin:0 auto;
    width:100%;
    max-width: 305px;
  }
  #mv_area .btn{
    margin-left:0.5em;
  }
  #mv_area .copy img{
    max-width: 100%;
    height: auto;
  }
  #mv_area .btn_review .score,
  #mv_area .btn_review .num_posts{
    font-size: 14px;
  }
  #mv_area .btn_review .num_posts{
    margin-left:-0.5em;
  }
  #mv_area .btn_review a{

  }
  #mv_area .btn_review a img{
    width: 60px;
  }
  #mv_area .btn_review a .btn{
    display: inline-block;
    position:relative;
    margin-left: -0.2em;
    padding-right: 15px;
    font-size: 14px;
  }
  #mv_area .btn_review a .btn::after{
    top:3px;
    bottom: auto;
    right: 2px;
    width:6px;
    height:6px;
    margin: auto;
  }
  #mv_area .cv_area .link{
    width:auto;
    line-height:1;
    margin: 1em auto 0;
  }

  #mv_area .btn_anker_price a{
    display:block;
    padding:11px 0;
    border:#E5014F solid 1px;
    border-radius:0;
    color:#E5014F;
    max-width:200px;
    margin:0 auto;
  }
  #mv_area .bnr_call_free{
    margin: 3.6em auto 0;
    text-align:center;
  }
  #mv_area .bnr_call_free img{
    max-width:100%;
    margin:0 auto;
  }
  #mv_area .note{
    margin:2em auto;
    padding-top: 2em;
    border: none;
  }
  
}
/*-------------------------------
.product_area
--------------------------------*/
.product_area .e-info{
  color:#D32E52;
}

/*scrollbar
----------------------------*/
.simplebar-scrollbar:before {
  background:#BFBFBF;
  width:8px;
  left: 1px;
  right: 1px; 
}
.simplebar-track {
  border-left: #e6e6e6 solid 1px;
  border-right: #e6e6e6 solid 1px;
  background: #f2f2f2;
}
.simplebar-content-wrapper {
  padding-right: 15px;
}
.simplebar-track.simplebar-vertical{
  width:12px;
}

.product_area .list_body .btn.select{
  border:#DE0F47 solid 1px;
}
.product_area .list_body .img img{
  width:100%;
}

/*-------------------------------
not item 
-------------------------------*/
/* .product_area .list_body .lay_simple{
  height: auto;
} */

/*---------------------
modal area radio btn
---------------------*/
.product_area.not_item .product_inner.head{
	display: block;
}
.product_area.not_item .list_body .btn .btn_check {
	position: relative;
}
.product_area.not_item .list_body .btn .btn_check::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	display: inline-block;
	width: 18px;
	 height: 18px;
	border: #999999 solid 1px;
	border-radius: 50%;
	background: #fff;
}
.product_area.not_item .list_body .btn .btn_check::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #E5014F;
	border-radius: 50%;
	left: 4px;
	top: 4px;
	opacity: 0;
}
.product_area.not_item .list_body .btn.select .btn_check::after {
	opacity: 1;
}
.product_area.not_item .list_body .btn .ttl {
	padding-left: 27px;
}

@media only screen and (max-width: 667px) {
  .product_area.not_item .list_body .btn {
    display: flex;
  }
  .product_area.not_item .list_body .btn .btn_check {
    height: 20px;
  }
  .product_area.not_item .list_body .btn .btn_check::before {
    position: inherit;
  }
  .product_area.not_item .list_body .btn .ttl {
    display: flex;
    align-items: center;
  }
  .product_area.not_item .list_body .btn .ttl {
    display: block;
    line-height: 20px;
    padding-left: 8px;
    margin: 0;
  }
}

/*-------------------------------
nostock end 
-------------------------------*/
@media only screen and (max-width: 667px) {
  .product_area .lay_simple,
  .product_area.not_item .list_body .lay_simple{
    height: auto;
    max-height: auto;
  }
}

.product_inner.bottom .select_method .btn_method.select{
  border:#D32E52 solid 2px;
  color:#D32E52;
}
.product_inner.bottom .post_return input[type="checkbox"]:checked+label::after {
 border-right:#D32E52 solid 3px;
 border-bottom:#D32E52 solid 3px;
}

/*-------------------------------
.remodal
--------------------------------*/
.mod_inner{
  position:relative;
}

/*-------------------------------
my_modal
--------------------------------*/
.no_scroll {
  overflow-y: hidden;
}
.mod_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.modal_win {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 950px;
  height: auto;
  max-height: 96%;
  background-color: #fff;
  z-index: 100001;
  padding: 30px 70px;
  overflow-y: auto;
}
.modal_win .mod_inner{
  position:relative;
}

.button_close {
  position: absolute;
  top:-10px;
  right: -10px;
  left: auto;
  color:#000;
  background:none;
  border:none;
  background: url(/common/re2021/images/item_service/icon/icon_close.png) transparent left top no-repeat;
  background-size:contain;
  width: 25px;
  height: 25px;
  }
.button_close:hover {
  cursor:pointer;
  opacity:.7;
}
@media only screen and (max-width: 667px){
   .modal_win {
    width: 100%;
    height: auto;
    max-height:100%;
    padding: 20px 15px;
    overflow-y: scroll;
    }
  .button_close {
    right:3px;
    top:3px;
  }
}
/*-------------------------------
.favrite
--------------------------------*/
.favBox {
  position: relative;
}
.favBox p.btn {
  font-size: 0;
  margin: 0 0 10px;
}
.balloon {
  width: 390px;
  box-sizing: border-box;
  border: 1px solid #e85282;
  border-radius: 5px;
  position: absolute;
  bottom: 67px;
  left: -10px;
  background: #fff;
  z-index: 3100;
  display: none;
}
.dduet .balloon {
  bottom: 92px;
  left: -5px;
}
.balloon:after {
  content: '';
  width: 19px;
  height: 16px;
  position: absolute;
  bottom: -16px;
  left: 57px;
  background: url(/favorite/images/balloon_btm.png) no-repeat 0 0;
  transform:scale(-1,1);
}
.balloon div {
  text-align: center;
  padding: 0 0 15px;
}
.balloon div p.loginTxt {
  padding: 15px 0 10px;
  font-size: 16px !important;
}
.balloon div p.bnr {
  font-size: 0;
}
.balloon div p.bnr a:hover{
  opacity:.7;
}
.balloon div p.complete {
  padding: 25px 0 10px;
  font-size: 16px !important;
}
.balloon div p.error {
  padding: 50px 0 10px;
  background: url(/favorite/images/ico_error.png) no-repeat 50% 20px;
  font-size: 16px !important;
}
.balloon p.close {
  text-align: center;
  border-top: 1px solid #dedede;
}
.balloon p.close a {
  display: block;
  color: #e85282 !important;
  padding: 10px;
}

#overlay {
  z-index: 3050;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  position: fixed;
  width: 100%;
  height: 100%;
}

.dduet p.order {
   margin: 0 0 30px;
  float: left;
}
.dduet .favBox {
  float: right;
}
.dduet .searchBox {
  clear: both;
}

@media screen and (max-width: 667px) {
  .dduet p.order {
    float: none;
    margin: 0 10px 5px;
  }
  .balloon {
    width: 90vw;
    bottom: 55px !important;
    left: auto;
    right: 0;
  }
  .balloon .balloonTxt{
    padding:10px 0px 15px;
  }
  .balloon div p.loginTxt{
    font-size:14px !important;
  }
  .balloon div p.bnr {
    margin: 0 15px;
    padding: 0;
  }
  .balloon .bnr a img{
    width:70% !important;
  }
  .dduet .favBox {
    float: none;
    margin: 0 10px 15px;
  }
  .dduet .favBox .btn img {
    width: 100%;
    height: auto;
  }
  ul.searchBox {
    margin: 0 10px 20px;
  }
  .balloon:after {
    bottom: -16px;
    left: auto;
    right:60px;
    background: url(/favorite/images/balloon_btm.png) no-repeat 0 0;
    transform:scale(1,1);
  }
}

@media screen and (max-width: 667px) and (orientation: landscape) {
  .favBox {
    margin: 0 auto 10px !important;
  }
  .dduet p.order,
  .dduet .favBox p {
    width: 57%;
    margin: 0 auto 5px !important;
    text-align: center;
  }
}

.have_interest .alert{
  display:none;
}
/*-------------------------------
SNS
-------------------------------*/
@media print, screen and (min-width: 668px) {
  .favBox .icon_fav img{
    width: 42px;
  }
  .favBox .icon_share{
    display:flex;
    align-items:center;
  }
  .sns_list{
    display:flex;
  }
  .sns_list li{margin-left: 15px;}
  .sns_list img{width:28px;}
  .sns_list span{display:none;}
  .js-btm-modal__bg,
  .js-btm-modal__btn--close--fix,
  .js-btm-modal__btn--close{display:none;}
}

@media screen and (max-width: 667px){
  /*モーダル用*/
  .favBox .js-btm-modal__main p{
    font-size:15px !important;
    font-weight:bold;
  }
  .favBox .sns_list{
    font-size:15px !important;
    margin-top: 20px;
  }
  .favBox .sns_list li span{
    font-size:15px !important;
  }
  .favBox .sns_list li{
    border-top:#999999 solid 1px;
  }
  .favBox .sns_list a{
    display:block;
    padding:15px 0;
    color:#000 !important;
  }
  #mv_area .favBox .sns_list a img{
    width:32px;
    height:32px;
    margin-right:15px;
    vertical-align:middle;
  }
  .favBox .js-btm-modal__bg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    display: none;
  }
  .favBox .js-btm-modal__main {
    width: calc(100% - 32px);
    width: 100%;
    height: 80%;
    padding: 23px 20px;
    bottom: -88%;
    left: 0;
    background: #fff;
    position: fixed;
    z-index: 11001;
    opacity: 0;
  }
  .favBox .js-btm-modal__btn {
    color: #76952f;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .favBox .js-btm-modal__btn--close {
    margin-top: 40px;
    text-align: center;
    text-decoration: underline;
  }
  .favBox .js-btm-modal__btn--close--fix {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 18px;
    right: 21px;
    z-index: 101;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .favBox .js-btm-modal__btn--close--fix:before {
    content: "";
    width: 29px;
    height: 29px;
    border-right: 2px solid #000;
    transform: rotate(-45deg);
    position: absolute;
    top: 11px;
    left: 0;
  }
  .favBox .js-btm-modal__btn--close--fix:after {
    content: "";
    width: 29px;
    height: 29px;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    position: absolute;
    top: -9px;
    left: 0;
  }
  /*下から上*/
  @keyframes SlideUp {
    0% {
      opacity: 0;
      transform: translateY(-1%);
    }
    100% {
      opacity: 1;
      transform: translateY(-80%);
    }
  }
  /*上から下*/
  @keyframes SlideDown {
    0% {
      opacity: 1;
      transform: translateY(-80%);
    }
    100% {
      opacity: 0;
      transform: translateY(-1%);
    }
  }
  .favBox .js-btm-modal__main._slideUp {
    animation: SlideUp 0.5s ease-in-out forwards;
  }
  .favBox .js-btm-modal__main._slideDown {
    animation: SlideDown 0.5s ease-in-out forwards;
  }
  .js-btm-modal__btn--close{
    display:none;
  }
}

#content .arrowLink a{
  color:#000;
  font-size:14px;
}

/*-------------------------------
#membership_benefits
--------------------------------*/
#membership_benefits .notice a{
  text-decoration:underline;
}
#membership_benefits .col_box.exc {
  background: url(/common/re2021/images/item_service/benefits_bg.jpg) repeat right bottom;
  border-right: #D8A53D solid 1px;
  border-top: #D8A53D solid 1px;
  border-left: #D8A53D solid 1px;
  border-bottom: #D8A53D solid 1px;
  padding: 35px 0px;
  margin:32px auto 52px;
  width: fit-content;
}

#membership_benefits .col_box.exc .h3_ttl{
color: #000;
font-size: 14px;
text-indent: -0.5em;
}

#membership_benefits .col_box.exc p{
color: #5a420f;
font-size: 16px;
font-weight: bold;
}

#membership_benefits .col_left, #membership_benefits .col_right {
  position:relative;
  width: 500px;
  padding: 0 40px;
}
#membership_benefits .col_left::after{
  content:"";
  display:block;
  position:absolute;
  background:none;
  right:-50px;
  top:0;
  width:1px;
  height:100%;

}
#membership_benefits .btn_coupon{
 margin:1.1em auto 0; 
 min-height:60px!important;
}
#membership_benefits .btn_coupon a, #membership_benefits .btn_coupon.premium a {
  position: relative;
  display:block;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  padding: 18px 0;
  background: #fff;
}
#membership_benefits .btn_coupon a::after {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  content: "";
  width: 7px;
  height: 7px;
  border-right: #E5014F solid 2px;
  border-top: #E5014F solid 2px;
  transform: rotate(45deg);
  margin: auto;
}

#membership_benefits .btn_coupon.premium a::after {
  border-right: #D8A53D solid 2px;
  border-top: #D8A53D solid 2px;
}

#membership_benefits .btn_coupon a{
  color: #E5014F;
  border: #E5014F solid 1px;
}

#membership_benefits .btn_coupon.premium a{
  color: #D8A53D;
  border: #D8A53D solid 1px;
}
#membership_benefits .btn_coupon a:hover,
#membership_benefits .btn_coupon.premium a:hover{
  text-decoration:none;
  opacity:.7;
}

#coin_btn_area .btn_area {
  width: 740px;
  margin: 50px auto 0;
}

#coin_btn_area .btn_area.v_bnr01 {
  width: 500px;
}

#coin_btn_area .col_box.btn_area{
  flex-wrap:wrap;
  margin: 50px auto 60px;
}
#coin_btn_area .col_box.btn_area .txt{
  text-align: right;
  width: 100%;
  margin: 7px 0 0 auto;
}
#coin_btn_area .col_box.btn_area a:hover{
  opacity:.7;
}
#membership_benefits .btn_area.banner img {
  margin-bottom: 20px;
}

@media only screen and (max-width: 667px) {
  #membership_benefits .col_box.exc {
    flex-wrap:wrap;
    padding: 30px 18px;
    margin:28px auto 40px;
  }
  #membership_benefits .col_box.exc {
  background: url(/common/re2021/images/item_service/benefits_bg_sp.jpg) repeat right bottom;
  border-right: #D8A53D solid 1px;
  border-top: #D8A53D solid 1px;
  border-left: #D8A53D solid 1px;
  border-bottom: #D8A53D solid 1px;
  }
  #membership_benefits .col_left{
    margin-bottom:1.8em;
  }
  #membership_benefits .col_left::after{
    content:none; 
  }
  #membership_benefits .col_left, #membership_benefits .col_right {
    width: 100%;
    padding:0px;
  }
  #membership_benefits .col_box .h3_ttl{
    font-size:16px;
    min-height: auto !important;
  }
  #membership_benefits .col_box p{
    min-height: auto !important;
  }
  #content #membership_benefits .col_box p a{
    font-size:14px;    
  }
  #coin_btn_area .col_box.btn_area {
    width:100%;
    flex-wrap:wrap;
    margin: 40px auto 50px;
    justify-content:center;
  }
  #coin_btn_area .btn_area.banner{
    width:100%;
  }
  #coin_btn_area .btn_area img {
    margin-bottom: 20px;
    vertical-align:bottom;
    width: auto;
    max-width: 100%;
  }
  #coin_btn_area .col_box.btn_area .txt{
    margin: -10px 0 0 auto;
  }
}
/*-------------------------------
 #bnr_mid_area
-------------------------------*/
#bnr_mid_area .btn_area {
  width: 740px;
  margin: 50px auto 0;
}

#bnr_mid_area .btn_area.banner a{
  display:inline-block;
  margin-bottom: 20px;
}
#bnr_mid_area .btn_area.banner a:hover{
  opacity:.7;
}
#bnr_mid_area .btn_area.banner a:last-child{
  margin-bottom:0;
}
@media only screen and (max-width: 667px) {
  #bnr_mid_area .btn_area.banner{
    width:100%;
  }
  #bnr_mid_area .btn_area a {
    margin-bottom: 20px;
  }
  #bnr_mid_area .btn_area img {
    vertical-align:bottom;
    width: auto;
    max-width: 100%;
  }
}

/*-------------------------------
.features
--------------------------------*/
#content .features a.mdl{
  color:#000;
  font-size:13px;
}
/*-------------------------------
.flow
common setting
--------------------------------*/
.howto .flowBox,
.flow .flowBox,
.flow .flowBox2{
  display:flex;
  flex-wrap:wrap;
}
.flowBox + .note{
  margin-top: 1.5em;
}
.feature .h3_ttl,
.flow .h3_ttl,
.re_movie .h3_ttl,
.specification .h3_ttl,
.precautions_use .h3_ttl,
.service_about .h3_ttl,
.free_area .h3_ttl,
.feature .h4_ttl,
.flow .h4_ttl,
.re_movie .h4_ttl,
.specification .h4_ttl,
.precautions_use .h4_ttl,
.service_about .h4_ttl,
.free_area .h4_ttl{
  font-weight:bold;
}
.feature .note,
.flow .note,
.re_movie .note,
.specification .note,
.precautions_use .note,
.service_about .note,
.free_area .note,
.free_content .note{
  font-size:13px;
  margin-bottom:36px;
}
.feature .con_box,
.flow .con_box,
.re_movie .con_box,
.specification .con_box,
.precautions_use .con_box,
.service_about .con_box,
.free_area .con_box{
  margin-bottom:30px;
}
.flow .flowBox > dl,
.flow .flowBox2 > dl{
  width:300px;
}
.flow .flowBox2 dl dd img {
	width: 100%;
	height: auto;
}
.h3_ttl .col_red{
  color: #990100;
}
.service_about .sec_inner>.col_box,
.service_about .sec_inner>.con_box{
  margin-bottom:1.5em;
}
.service_about .sec_inner>.col_box:last-child,
.service_about .sec_inner>.con_box:last-child{
  margin-bottom:0;
}
@media print, screen and (min-width: 668px) {
  .flow .flowBox > dl,
  .flow .flowBox2 > dl{
    margin-right: 50px;
  }
  .flow .flowBox > dl:nth-of-type(3n),
  .flow .flowBox2 > dl:nth-of-type(3n){
    margin-right:0;
  }
  .flow .flowBox > dl:nth-of-type(n + 4),
  .flow .flowBox2 > dl:nth-of-type(n + 4){
    margin-top:40px;
  }
  .flow .flowBox2 > dl dd p{
    margin-bottom:0.5em;
  }
  .feature .h3_ttl,
  .flow .h3_ttl,
  .re_movie .h3_ttl,
  .specification .h3_ttl,
  .precautions_use .h3_ttl,
  .service_about .h3_ttl,
  .free_area .h3_ttl,
  .free_content .h3_ttl,
  .feature .h4_ttl,
  .flow .h4_ttl,
  .re_movie .h4_ttl,
  .specification .h4_ttl,
  .precautions_use .h4_ttl,
  .service_about .h4_ttl,
  .free_area .h4_ttl,
  .free_content .h4_ttl{
    font-size: 16px;
    margin-bottom:0.75em;
  }
  .feature .deftxt,
  .flow .deftxt,
  .re_movie .deftxt,
  .specification .deftxt,
  .precautions_use .deftxt,
  .service_about .deftxt,
  .free_area .deftxt,
  .feature .deftxt,
  .flow .deftxt,
  .re_movie .deftxt,
  .specification .deftxt,
  .precautions_use .deftxt,
  .service_about .deftxt,
  .free_area .deftxt,
  .free_content .deftxt{
    font-size:13px;
  }
}
@media only screen and (max-width: 667px) {
  .flow .flowBox,
  .flow .flowBox2{
    width: 100%;
    justify-content:flex-start;
  }
  .flow .flowBox >dl,
  .flow .flowBox2 >dl{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin-bottom: 10px;
    justify-content:flex-start;
  }
  .flow .flowBox >dl dt,
  .flow .flowBox2 >dl dt{
    width:100%;
    font-weight: bold;
    margin: 0 auto 5px 0;
  }
  .flow .flowBox2 >dl{
    border-bottom:#ddd solid 1px;
  }
  .flow .flowBox2 >dl:first-child{
    border-top:#ddd solid 1px;
  }
  .flow .flowBox2 dl dt {
		padding: 10px 0px 0px;
	}
  .flow .flowBox2 dl dd {
    padding: 0 0px 15px;
    overflow: hidden;
    width: 100%;
  }
  .flow .flowBox2 dl dd p {
    display:inline-block;
    width:calc(100% - 125px);
    margin-bottom:0;
  }
  .flow .flowBox2 dl dd .inti_box{
    width:auto;
    height:auto !important;
  }
  .flow .flowBox2 dl dd p + img {
    width: 110px;
    float: right;
  }
  .feature .h3_ttl,
  .flow .h3_ttl,
  .re_movie .h3_ttl,
  .specification .h3_ttl,
  .precautions_use .h3_ttl,
  .service_about .h3_ttl,
  .free_area .h3_ttl,
  .feature .h4_ttl,
  .flow .h4_ttl,
  .re_movie .h4_ttl,
  .specification .h4_ttl,
  .precautions_use .h4_ttl,
  .service_about .h4_ttl,
  .free_area .h4_ttl{
    font-size: 14px;
    margin-bottom:0.25em;
  }
  .feature .con_box,
  .flow .con_box,
  .re_movie .con_box,
  .specification .con_box,
  .precautions_use .con_box,
  .service_about .con_box,
  .free_area .con_box{
    margin-bottom:20px;
  }
}
/*-------------------------------
.re_movie
--------------------------------*/
.re_movie div iframe {
  margin: 0 auto;
}
#content .re_movie .col_box.odd{
  justify-content:center;
}
.re_movie .col{
  width:470px;
}
.re_movie .col .ttl{
  font-weight:bold;
  margin-bottom:0.5em;
}
.re_movie .col .frame,
.re_movie .col .frame iframe{
  width:100%;
  height:264px;
}
.re_movie .col_box.odd .col{
  width:100%;
  text-align:center;
}
.re_movie .col_box.odd .frame{
  height:316px;
}
.re_movie .col_box.odd .frame iframe{
  width:560px;
  height:316px;
}
@media only screen and (max-width: 667px) {
  .re_movie .col_box{flex-wrap:wrap;flex-direction:column;}
  .re_movie .col{width:100%;margin-bottom:1.5em;}
  .re_movie .odd .col{margin-bottom:0;}
  .re_movie .col .ttl{font-size:14px; text-align: left;}
  .re_movie .col .frame,
  .re_movie .col_box.odd .frame{position:relative;width:100%;height:auto;padding-top:56.25%;margin-bottom:30px;}
  .re_movie .col .frame iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
  .re_movie .col .frame:last-child{margin-bottom:0;}
}
/*-------------------------------
.service_about
--------------------------------*/
.service_about .col_left {
  margin-right: 98px;
}

@media only screen and (max-width: 667px) {
  .service_about p {
    margin-bottom:35px;
  }

  .service_about .col_box {
    flex-wrap: wrap;
  }

  .service_about .col_left {
    margin-right: 0;
  }
  .service_about .col_right{
    text-align:center;
    width:100%;
  }
  .service_about img{
    margin:0 auto;
  }
}

/*-------------------------------
speck
--------------------------------*/
.specification .tablelayoutSpec, .specification .specBox {
  width: 100%;
  float: none;
}
.specification .tablelayoutSpec th {
  width: 200px;
  color: #000;
  background: #BEDBFF;
  font-weight: normal;
  padding: 11px 5px 11px;
}

.specification .tablelayoutSpec td {
  color: #000;
  background: #EEEEEE;
  padding: 11px 5px 11px;
}

.specification .sec_inner>div {
  margin: 2.2em auto 0;
}
.specification .sec_inner .h3_ttl + .note {
  margin:0 auto 0;
}
#content .specification.other + .sec_inner.free_content{
  margin:-2.2em auto 0;
}
.specification .sec_inner>div.specBox:nth-of-type(1){
  margin-top:0;
}
.specification .otherContent{
  padding: 0;
}
#content .specification .tit_hiragino_dc{
  width:100%;
  padding: 0px 0 0px 8px !important;
  height: auto;
}
.specification .t_right a,
.specification .t_right a{
  color:#000 !important;
  font-size:13px !important;
}
.priceList .hide + .notice{
  margin-top:1em;  
}
.columnLink .imgBox {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  margin-left: 5px;
}

.columnLink .imgBox img {
  width: 100%;
}

.columnLink .txtBox {
  display: inline-block;
  width: 82%;
}

@media only screen and (max-width: 667px) {
 .specification .tablelayoutSpec th {
  width: 40%;
 }
  .columnLink .imgBox {
    width: 30%;
  }

  .columnLink .txtBox {
    width: 63%;
  }
}

/*-------------------------------
.precautions_use
.free_area
other free contents layout
-------------------------------*/
.precautions_use .col_box,
.free_area .col_box{
  margin-bottom:30px;  
}
.precautions_use .col_box .col_left,
.free_area .col_box .col_left{
  padding-right:98px;  
}
#content .free_area .mm .listbtn_ptn01 a{
  color:#000;
}
#content li.arrowLink a{
  color:#000;
  font-size:13px;
}


#content .banner_area .sec_inner {
  text-align: center;
  padding:50px 0 80px;
}
#content .banner_area {
  margin:0 auto;
}
#content .banner_area a{
  display:inline-block;
  margin-bottom:20px;
}
#content .banner_area a:hover{
  opacity:.7;
}
#content .banner_area a:last-child{
  margin-bottom:0px;
}
@media only screen and (max-width: 667px) {
  #content .banner_area{
    width:100%;
  }
  #content .banner_area a {
    margin-bottom: 20px;
  }
  #content .banner_area img {
    vertical-align:bottom;
    width: auto;
    max-width: 100%;
  }
}


@media only screen and (max-width: 667px) {
  .precautions_use .col_box,
  .free_area .col_box{
    flex-wrap:wrap;
    margin-bottom:20px;  
  }
  .precautions_use .col_box .col_left,
  .free_area .col_box .col_left{
    width:100%;
    padding-right:1em;  
  }
  .precautions_use .col_box .col_right,
  .free_area .col_box .col_right{
    text-align:center;
    width:100%;  
  }
  .precautions_use .col_box .col_right img,
  .free_area .col_box .col_right img{
    margin:1em auto;
    max-width:100%;
  }
  #content .banner_area .sec_inner {
     padding:40px 15px 0;
  }
  #content .banner_area {
    margin:0 auto;
  }
}

/*-------------------------------
shop list
---------------------------------*/

/* col2 */
.shopList .col2_box .c_item{
  margin-right: 26px;
  margin-bottom: 15px;
  width: calc((100% - 26px) / 2);
}
.shopList .col2_box .c_item:nth-child(2n){
  margin-right: 0;
}

.shopList .shop_searchB {
  margin-top: 85px;
}

.shopList .searchInn {
  background: #fff;
  border: 1px solid #D9D9D9;
}

.shopList .searchInn .s_box {
  display: table;
  width: 100%;
  height: 105px;
  vertical-align: middle;
  background: url(/common/re2021/images/cate_top/icon/icon_search.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 20px;
  padding: 13px 14px 13px 58px;
}

.shopList .shop_searchB .searchInn .s_box {
  padding: 13px 24px 13px 58px;
}

.shopList .searchInn .s_txt {
  font-size: 16px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  padding-right: 16px;
}

.shopList .searchInn .s_select {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.shopList .searchInn .img {
  display: table-cell;
  width: 85px;
}

.shopList .searchInn .img img {
  width: 100%;
  vertical-align: middle;
}

.serachShopList {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}

.shopList .searchInn a:hover .s_txt {
  color: #23c3d6;
}

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

  #content .shopList .sec_inner{
    background:#F2F2F2;
    padding:56px 15px 80px;
    margin: 50px auto 60px;
  }
  /* col2 */
  .shopList .col2_box .c_item{
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .shopList .shop_searchB{
    margin-top: 40px;
  }
  .shopList .shop_searchB .c_item{
    margin-bottom: 40px;
  }
  .shopList .shop_searchB .c_item:last-child{
    margin-bottom: 0;
  }
  .shopList .searchInn .s_txt{
    font-size: 14px;
    word-break: break-word;
    padding-right: 0.5em;
  }
  .shopList .searchInn .img{
    width: 100px;
  }
  .shopList .searchInn select{
    width: 140px;
    height: 50px;
    font-size: 12px;
  }
}

/*-------------------------------
recommend slide
---------------------------------*/
#content .recommend{
  background:none;
}

.btm_pc_slider ul{
  display:flex;
}
.btm_pc_slider ul li{
  margin-right:33px;
}
.btm_pc_slider ul li:last-child{
  margin-right:0;
}
.btm_pc_slider ul li,
.btm_pc_slider ul li img{
  width:225px;
}
.btm_pc_slider ul li img{
  margin-bottom:0.8em;
}
#content .btm_pc_slider ul li a{
  color:#000;
}

@media only screen and (max-width: 667px) {
  .relation {
	padding: 0 !important;
  }
  .relation li{
    width:auto;
  }
  .recommend .h2_ttl{
    margin-bottom:44px;
  }
  .btm_sp_slider .slick-track .slick-slide{
    margin:0 10px;
  }
  #content .btm_sp_slider .slick-slide a{
    color:#000;
  }
  .btm_sp_slider .slick-list img {
    width: 100%;
    max-width: auto;
    height: auto;
    margin:0 auto;
  }
  .btm_sp_slider .slick-list{
    z-index: 2;
    margin:0 -10px;
  }
   .btm_sp_slider .slick-arrow {
    margin: auto;
    position: absolute;
    top: 30%;
    z-index: 100;
    cursor: pointer;
    background:url(/common/re2021/images/item_service/icon/icon_arrow_gray_next.svg) transparent left top no-repeat;
    background-size:contain;
    border:none;
    text-indent:100%;
    overflow:hidden;
    width:24px;
    height:24px;
  }
 .btm_sp_slider .slick-slider .slick-prev {
    left: 0px;
    width: 15px;
    height: 23px;
    transform: rotate(180deg);
    z-index:101;
  }
  .btm_sp_slider .slick-slider .slick-next {
    right: 0px;
    width: 15px;
    height: 23px;
  }
  .btm_sp_slider .slick-slider .slick-dots {
    display: flex!important;
    justify-content: center;
    margin: 26px auto 0;
  }

  .btm_sp_slider .slick-slider .slick-dots li {
    margin: 0 10px;
  }

  .btm_sp_slider .slick-slider .slick-dots button {
    padding: 5px;
    border-radius: 50%;
    border: #999999 solid 2px;
    background-color: #999999;
    font-size: 0;
    cursor:pointer;
  }

  .btm_sp_slider .slick-slider .slick-dots .slick-active button {
    background-color: #fff;

  }

}

.pdfLink a{position:relative;padding-right:20px;vertical-align:middle;}
.pdfLink a:after{
  content:'';position:static;display:inline-block;margin-top:0;width:16px;height:16px;
  background-repeat:no-repeat;background-position:100% 50%;background-image:url(/common/images/ico_pdf_02.gif);}

/*---------------------
 back top
 ---------------------*/
  .footer_backtop{
    position:fixed;
    bottom:38px;
    right:40px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    width:50px;
    height:50px;
    display: none;
    z-index:10;
  }
  .footer_backtop a{
    position:relative;
    display:block;
    width:50px;
    height:50px;
    border:#900 solid 1px;
    border-radius:50%;
    background:rgba(255,255,255,.6);
    box-sizing:border-box;
  }
  .footer_backtop a:hover{
    opacity:.7;
  }
  .footer_backtop a::before{
    content:"";
    position:absolute;
    display:inline-block;
    border-left:#900 solid 1px;
    border-top:#900 solid 1px;
    width:14px;
    height:14px;
    transform:rotate(45deg);
    left: 0;
    top: 16px;
    right:0;
    margin:auto;
  }
  .footer_backtop a::after{
    content:"";
    position:absolute;
    display:inline-block;
    width:1px;
    height:21px;
    background:#900;
    left: 0;
    top: 15px;
    right:0;
    margin:auto;
    border-radius:10px;
  }
 
@media only screen and (max-width:667px) {
  .footer_backtop{
    width:40px;
    height:40px;
    right: 20px;
    bottom:20px;
  }
  .footer_backtop a{
    width:40px;
    height:40px;
  }
  .footer_backtop a::before{
    width:10px;
    height:10px;
    top: 14px;
  }
  .footer_backtop a::after{
    height:15px;
    background:#900;
    left: 0;
    top: 14px;
    right:0;
    margin:auto;
    border-radius:10px;
  }
  #footerSp {
    display: block;
    width:100%;
  }
}

/*---------------------
pricelist btn area
---------------------*/
.v_priceList .cv_area {
	margin: 2.2em auto;
}
.v_priceList .cv_area .ttl,
.v_priceList .cv_area .link {
	display: none;
}
.insert_area .cv_area .web_quote {
	margin: 10px auto;
}
.v_priceList .cv_area .btn_add_cart {
  max-width: 400px;
  margin: auto;
}
.v_priceList .cv_area .btn_add_cart a:hover {
  opacity: .7;
  text-decoration: none;
}
.anchor_to_cv{
  text-align: right;
  font-size: 14px;
  margin: 10px 0;
}
.anchor_to_cv a{
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #E5014F;
}
.anchor_to_cv a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 5px;
  height: 5px;
  border-top: #E5014F solid 1px;
  border-right: #E5014F solid 1px;
  transform: rotate(-45deg);
  margin: auto;
}
.anchor_to_cv a:hover{
  color: #E5014F;
}
.modal_link{
  text-align: center;
  margin-top: 14px;
}
.modal_link a{
  position: relative;
  display: inline-block;
  color: #333;
  font-size: 14px;
  padding-right: 3px;
}
.modal_link a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2px;
  bottom: 0;
  right: -7px;
  width: 6px;
  height: 6px;
  border-top: #000 solid 1px;
  border-right: #000 solid 1px;
  transform: rotate(45deg);
  margin: auto;
}
.modal_link a:hover{
  color: #000;
  opacity: 1!important;
  text-decoration: underline!important;
}
.modal_link._pink{
  text-align: right;
  margin-bottom: 12px;
  margin-top: 0;
  padding-right: 12px;
}
.modal_link._pink a{
  display: inline-block;
  color: #E5014F;
}
.modal_link._pink a::after{
  border-top: #E5014F solid 1px;
  border-right: #E5014F solid 1px;
}
.modal_link._pink a:hover{
  color: #E5014F;
}
#mv_area .cv_area .modal_link{
  width: 400px;
  line-height: 1;
  margin: 1em 0 0 auto;
}
@media only screen and (max-width: 667px) {
  .v_priceList .cv_area .btn_add_cart{
    max-width: 305px;
  }
  .modal_link a::after {
    content: "";
    top: -1px;
    width: 6px;
    height: 6px;
  }
  #mv_area .cv_area .modal_link{
    width: auto;
    line-height: 1;
    margin: 1em auto 0;
  }
}

/*---------------------
detail.css overwrite
---------------------*/
table.tablelayoutPrice{
  margin: 0 0 0;
}
table.tablelayoutPrice:last-child{
  margin-bottom: 30px;
}
table.tablelayoutPrice+h3,
table.tablelayoutPrice+.notice,
table.tablelayoutPrice+.areaTitle{
  margin-top: 30px;
}
table.tablelayoutPrice+.note{
  margin-top: 10px;
}

/* 20221111追記リンク色変更 */

#content.detail .pdfLink02 a{
  color: #E5014F;
}

#content.detail .sp_link a {
    text-decoration: none;
    color: #E5014F;
}

#content.detail .sp_link a:hover {
    text-decoration: underline;
}

#content.detail a.link_txt_b {
    color: #E5014F;
    text-decoration: none;
}

#content.detail a.link_txt_b:hover {
    text-decoration: underline;
}

#content.detail .link_s a {
    color: #E5014F;
    text-decoration: none;
}

#content.detail .link_s a:hover {
    color: #E5014F;
    text-decoration: underline;
}
#content.detail .link_s a::before {
    content: "";
    display: inline-block;
    border: none;
    width: 0px;
    border-left: none;
}

.important_notice a[href$=".pdf"] {
    display: inline;
    padding-right: 20px;
    background: url(/common/images/ico_pdf_02.gif) no-repeat right;
    
}

.important_notice p, .important_notice a {
    color: #E5014F;
    text-decoration: none;
}

.important_notice a:hover {
   text-decoration:underline;
}

.re_movie .col .ttl b{
    font-size: 16px;
}

.re_movie .col .ttl {
    font-weight: normal;
    margin-bottom: 0.5em;
    font-size: 13px;
}

/*---------------------
おためしクロスセル対応
---------------------*/

body.otameshi_lp_btn_show.add_success .cart_modal{
    background: url(/common/responsive/images/cross_otameshi_bg_800coin.png) no-repeat right top;
    background-size: cover;
    border: solid 5px #0048a5;
}
body.otameshi_lp_btn_show.add_success .cart_modal .text,
body.otameshi_lp_btn_show.add_success .cart_modal .img{
display:none;
}

body.otameshi_lp_btn_show.add_success .modal_win .mod_inner {
    position: relative;
	padding-top: 345px;
    padding-bottom: 10px;
}

body.otameshi_lp_btn_show .cart_modal .btns .btn._white{
    background:none;
}

body.otameshi_lp_btn_show.add_success .button_close {
    top: -15px;
    right: -50px;
}

@media only screen and (max-width: 667px) {
body.otameshi_lp_btn_show.add_success .cart_modal {
    background-size: cover;
}
body.otameshi_lp_btn_show.add_success .modal_win .mod_inner {
    position: relative;
    padding-top: 71%;
    padding-bottom: 0%;
}

body.otameshi_lp_btn_show.add_success .button_close {
        right: -5px;
        top: -12px;
 }
}

/*---------------------
おためしクロスセル対応 エアコンページのみ出し分け用
---------------------*/


body.otameshi_lp_btn_patternB_show.add_success .cart_modal{
    background: url(/common/responsive/images/cross_otameshi_bg_800coin.png) no-repeat right top;
    background-size: cover;
    border: solid 5px #0048a5;
}
body.otameshi_lp_btn_patternB_show.add_success .cart_modal .text,
body.otameshi_lp_btn_patternB_show.add_success .cart_modal .img{
display:none;
}

body.otameshi_lp_btn_patternB_show.add_success .modal_win .mod_inner {
    position: relative;
	padding-top: 345px;
    padding-bottom: 10px;
}

body.otameshi_lp_btn_patternB_show .cart_modal .btns .btn._white{
    background:none;
}

body.otameshi_lp_btn_patternB_show.add_success .button_close {
    top: -15px;
    right: -50px;
}

@media only screen and (max-width: 667px) {
body.otameshi_lp_btn_patternB_show.add_success .cart_modal {
    background-size: cover;
}
body.otameshi_lp_btn_patternB_show.add_success .modal_win .mod_inner {
    position: relative;
    padding-top: 72%;
    padding-bottom: 0%;
}

body.otameshi_lp_btn_patternB_show.add_success .button_close {
        right: -5px;
        top: -12px;
 }
}