@charset 'utf-8';

 /*.blist { margin:40px 0 0 0; }
@media screen and (min-width: 840px) {
   .blist { margin:50px 2% 0 0; }
}*/

.FAVO_LINKS { width:100%; display:flex; justify-content:space-between; margin:50px auto 0 auto; }
.FAVO_LINKS li { width:200px; height:auto; display:block; margin:0; }
.FAVO_LINKS li a { width:100%; height:auto; display:block; padding:10px 0; border:2px solid #0A3F67; background:#fff; border-radius:20px; text-align:center; color:#0A3F67; font-weight:bold; line-height:1.2; transition:0.3s; }
.FAVO_LINKS li a.FAVO_LINKS_current { background:#0A3F67; color:#fff; }
.FAVO_LINKS li a:hover { opacity:0.7; transition:0.3s; }
.FAVO_LINKS li a span { line-height:1.2; }
.FAVO_LINKS li a i { display:inline; margin:0 0 0 5px; }
@media screen and (max-width: 840px) {
    .favo_text { text-align:left; }
    .FAVO_LINKS { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px auto 0 auto; }
    .FAVO_LINKS li { width:47.5%; height:auto; display:block; margin:0 0 10px 0; }
    .FAVO_LINKS li:first-child { width:100%; }
    .FAVO_LINKS li a { width:auto; height:auto; display:block; border-radius:20px; text-align:center; color:#0A3F67; font-weight:bold; }
}

.FAV_BUTTON { margin:10px 0 30px 0; flex-direction: row; align-items: center; border: none; letter-spacing: 0px; }
.FAV_BUTTON .checkbox_wrap { display:flex; justify-content:center; align-items:center; }
.FAV_BUTTON .check_all { line-height:1.2; }
.FAV_BUTTON label.button_contact { width:100%; margin:10px 0 0 0; height:50px; display:flex; align-items:center; padding:0; cursor: pointer;font-size: 14px; line-height:50px; letter-spacing:0.15em; text-align:center; transition:0.3s; align-items:center; color: #000;}
.FAV_BUTTON label.button_contact_pc { display:none; }
.FAV_BUTTON label i { font-size: 24px; }
.FAV_BUTTON label:hover { opacity: .7; transition:0.3s; }
.FAV_BUTTON label:hover img {transform: translateX(10px); transition: transform 0.3s ease;}
.FAV_BUTTON label.con_all:hover img {transform: translateX(10px); transition: transform 0.3s ease;}
.FAV_BUTTON label.con_all span { margin-left:10px; }
.checkAll + label.check_all:before { font-weight: 400; font-family: "Font Awesome 5 Free"; content: '\f0c8'; color: #000; font-size: 30px;}
.checkAll:checked + label.check_all:before { content: '\f14a'; font-weight: 900; color: #000;}
.checkAll + label.check_all { background:none; color:#000; font-weight:normal; }
.FAV_BUTTON form { width:100%; margin:10px 0 0 0; padding:0; display:block; }
.FAV_BUTTON label { /*width:100%; padding:0; */}
.FAV_BUTTON label.con_all { width:100%; margin-bottom:30px; }
.checkAll + label.check_all:before { margin-left:10px; }

.FAV_BUTTON label.con_all span { width:100%; text-align:center; margin:0; }
@media screen and (min-width:320px) and (max-width:375px) {
    .FAV_BUTTON label.con_all span { font-size:12px; }
}


.FAV_BUTTON input[type="checkbox"] { width:27px; height:27px; margin-top:0; }
@media screen and (min-width: 840px) {
    .FAV_BUTTON { width:100%; height:auto; display:flex; align-items:center; justify-content: space-between; border-bottom:1px solid #727171; margin-top:25px; margin-bottom:0; padding:0 0 40px 0; }
    .checkbox_wrap { width:auto; display:flex; }
    .FAV_BUTTON label.button_contact { width:360px; margin-top:0; }
    .FAV_BUTTON label.button_contact_pc { display:flex; }
    .FAV_BUTTON label.button_contact span { font-size:20px; }
    .FAV_BUTTON form { width:auto; margin:0; float:right; }
    .FAV_BUTTON label i { margin-left:10px; }
    .FAV_BUTTON label.con_all { width:320px; margin-bottom:0; }
    .FAV_BUTTON label.con_all span { margin-left:10px; margin-right:10px; }

}


.contentsGrey { padding-top:30px; }


.blists li .blist_inner a .bukken_info  input.LINK_BUKKEN {
    width: 100%;
    height: 100%;
    display: block;
    background-size: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: 0.3s;
    border:1px solid #ccc; 
  }

    input.LINK_BUKKEN:hover {
    opacity: 0.7;
  }

    input.LINK_BUKKEN_D {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff url(/buy/img/favo_d.svg) no-repeat 50% 57%;
    background-size: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: 0.3s;
  }

  .blists li { position:relative; }
  input[type="checkbox"] { width: 18px; height: 18px; margin-right: 4px; border: solid 1px #707070; border-radius: 2px; background:#fff;}
  input[type="checkbox"]:checked { border: none; background-image: url("../../img/check.svg"); background-repeat: no-repeat; background-size: cover; border: solid 1px #707070; }

  @media screen and (min-width:319px) {
    .blists li .flag li.flag_favo { margin-right:5px; position:absolute; right:0; top:-63vw;}
  }
  @media screen and (min-width:375px) {
    .blists li .flag li.flag_favo { }
  }
  @media screen and (min-width:414px) {
    .blists li .flag li.flag_favo { }
  }

  @media screen and (min-width: 840px) {
    .blists li .flag li { /*width: 135px; */margin-bottom:0; margin-right:5px; }
    .blists li .flag li.flag_favo { width:auto; position:relative; right:initial; bottom:initial; top:initial; }
  }


  .button_contact.button_contact_pc { display:none; border:1px solid #FCFF56; cursor:pointer; }
  .button_contact.button_contact_pc:hover {  border:1px solid #ccc; }
  .button_contact.button_contact_pc.disabled { background:#ddd; border:1px solid #ddd; cursor:default; }
  .button_contact.button_contact_pc.disabled:hover {  border:1px solid #ddd; }
@media screen and (min-width: 768px) {
  h2 span { font-size:32px;}
  .button_contact.button_contact_pc { display:block; }
  .button_contact.button_contact_pc.disabled:hover::before { right:30px; }
  .button_contact.button_contact_pc span { font-size:20px; line-height:88px; }


  
}

/*チェクボタンの位置修正*/

.img_bukken_list_wrap { position:relative; }
.img_bukken_list_wrap .favo_bukkenphoto { position:absolute; z-index:1; top:8px; left:10px; }
.img_bukken_list_wrap .favo_bukkenphoto input[type="checkbox"] { width:27px; height:27px; margin-top:0; }
.img_bukken_wrap .flag_new_wrap.favorite { left:47px; }

@media screen and ( max-width: 768px ) {
  .side_footer_fixed_button.bg_green { display:none; }
	.side_footer_fixed { display:flex; }
}


@media screen and ( min-width: 768px ) {
  .side_footer_fixed_button.bg_yellow label.disabled { display:none; }
}


@media screen and ( max-width: 768px ) {
  .box_contents .inner { padding-bottom:0; }
}