/*reset*/
body,html{margin-top:0!important}@media screen and (max-width:768px){body,html{margin-top:0!important}}@media screen and (max-width:1023px){.mblt-header-mobile-buttons{margin-top:0}}.breadcrumbs,.page-title-block,ul.mobile-header-menu-buttons{display:none}#content{margin-top:0}#content-in{max-width:inherit!important}#content-in.wrap{width:100%!important}main#main{padding:0}figure picture{line-height:0;display:block}figure picture img{width:100%}
#menu-footer_mobile {display: none;}


/*main------------------------------------------*/
#section_main{
  padding: 0 !important;
}
.mv{}
.mv img{}
.mv {
  background: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/mv_bg.jpg) no-repeat top center;
  background-size: cover;
}
/*navi------------------------------------------*/
.block_anchor {
  background: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_title2.jpg) repeat top center;
  background-size: auto;
}
.block_anchor .anchor {
  max-width: 1001px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block_anchor .anchor div {
  width: 33.33%;
}
.block_anchor .anchor div a {
  text-align: center;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block_anchor .anchor div {
    width: 10%;
  }
}
/*fixNav----------------------------------------*/
.fixNav{
  position: fixed;
  right: 0;
  z-index: 9999;
  transform: translateX(0%);
  transition: all 0.3s ease 0s;
}
.is-in .fixNav {
  transform: translateX(100%);
}
.anchor_form {
  background: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_title2.jpg) repeat top center;
  background-size: auto;
}
.openbtn .btn_label {
  background: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_title1.jpg) repeat top center;
  background-size: auto;
  color: #fff;
}
.anchor_form a {
  color: #fff;
}
@media screen and (max-width:767px) {
  .fixNav {
    height: 50px;
    width: 100%;
    bottom: 0;    
    background-color: #333;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
  }
  .openbtn,
  .anchor_form {
    width: 50%;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
  }
  .openbtn {
    border-right: 1px solid #ffffff;
  }
}
@media screen and (min-width:768px) {
  .fixNav {
    bottom: 60px;    
    width: 150px;
  }  
  .openbtn {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: 5px;
  }
  .openbtn .btn_label {
    padding: 10px;
  }
  .anchor_form {
    z-index: 9999;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    background-color: #fff;
  }
}

/*form item list------------------------------*/
#section_product {
  padding: 1px 0 5%;
  background-image: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_sp.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: contain;
}
section#section_product .product {
  max-width: 1200px;
  margin: 0 auto;
}

h2.ttl_block {
  text-align: center;
  position: relative;
  margin-top: 4%;
  margin-bottom: 2%;
}
h2.ttl_block figure {
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  #section_product {
    background-image: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_pc.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: contain;
  }
  section#section_product .product {
    width: 90%;
  }
  h2.ttl_block:after {
    display: block;
    content: '';
    width: 100%;
    background: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_title1.jpg) repeat top center;
    background-size: auto;
    height: 60%;
    z-index: 0;
    position: absolute;
    top: 20%;
  }
  h2.ttl_block {
    overflow: hidden;
  }
  h2.ttl_block img {
    width: auto;
    height: auto;
    max-width: inherit;
    position: relative;
    z-index: 2;
  }
}
/*midashi---------------------------------------*/
@media (min-width: 768px) {
  #kitchen h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_kitchen_pc.webp?ver2');
  }
  #bath h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_bath_pc.webp?ver2');
  }
  #toilet h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_toilet_pc.webp?ver2');
  }
  #washroom h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_washroom_pc.webp?ver2');
  }
  #waterHeater h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_waterHeater_pc.webp?ver2');
  }
  #interior h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_interior_pc.webp?ver2');
  }
  #outwall h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_exterior2_pc.webp?ver2');
  }
  #exterior h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_exterior_pc.webp?ver2');
  }

  #set h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_set_pc.webp');
  }
  #pack h2.ttl_block .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/ttl_pack_pc.webp');
  }
  #apply h2 .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/form_ttl_pc.png?ver2');
  }
  .wrp_product h2.confirmOnly .responsive-img {
    content: url('/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/form_ttl_pc.png?ver2');
  }
}

.lead p{
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 2em 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .lead p{
    font-size: 1.7em;
  }
}
.lead p:before,
.lead p:after{
  content: '';
  display: inline-block;
  width: 2px;
  height: 1.5em;
  background: #000;
  margin: 0 0.5em;
}
.lead p:before{
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.lead p:after{
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}


/*item---------------------------------------*/
.wrp_item,
.wrp_item_w {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1% auto;
}
.item label{
  margin-top:0;
}
.item label::before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 100%;
}
.item label::before {
  padding-top: 47%;
}
.item label::before {
  background-image: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/item_f00.webp);
}
@media screen and (min-width: 768px) {

  .wrp_item .item {
    width: 48%;
    max-width: 480px;
    margin: 1% 1% 3%;
  }
  .wrp_item_s .item {
    margin: 1% 1% 3%;
    max-width: 375px;
  }
  .wrp_item_w .item {
    width: 48%;
    margin: 1% 1% 3%;
  }
}
@media screen and (max-width: 767px) {
  .wrp_item .item {
    width: 100%;
    margin: 1% 0 3%;
  }
  .wrp_item,
  .wrp_item_s,
  .wrp_item_w {
    width: 92%;
  }
}

.txt_caution {
  margin: 0 auto 6em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.txt_caution span.zai {
  color: #ffffff;
  font-weight: bold;
  background-color: #f08200;
  margin-right: 2px;
  padding: 0 3px;
}
.txt_caution span.kou {
  color: #ffffff;
  font-weight: bold;
  background-color: #009745;
  margin-right: 2px;
  padding: 0 3px;
}
.txt_caution_last {
  margin: 0 1em 2em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}



p.txt_senkou{
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;  
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;  
  justify-content: center;
  color: #c02028;
  margin: 0 auto 0.5em;
}
@media (min-width: 768px) {
  p.txt_senkou{
    font-size: 1.4em;
    padding: 0 1em;
    align-items: center;
  }
}
p.txt_senkou:before,
p.txt_senkou:after{
  content: '';
  display: inline-block;
  width: 2px;
  height: 1.5em;
  background: #c02028;
  margin: 0 0.5em;
}
p.txt_senkou:before{
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
p.txt_senkou:after{
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}


/*form input area-----------------------------*/


#section_product #apply {
  background: #ffffff;
  max-width: 1200px;
  margin: 20px auto;
  padding: 7% 7% 4%;
  width: 90%;
}
h3.ttl_blockForm {
  margin: 0 auto 1em !important;
  padding-top: 3em !important;
  padding-bottom: 1em !important;
}
input.date {
  width: 48%;
}
.btn_submit {
  width: 80%;
  max-width: 600px;
  margin: 0 auto 2em;
  position: relative;
  height: 63px;
}
.btn_submit input[type=submit] {
  text-align: center;
  background: #c02028;
  border-radius: 0;
  border: none;
  width: 100%;
  color: #fff;
  font-size: 20px;
}
.btn_submit:after {
  content: '';
  width: 100%;
  display: block;
  height: 10px;
  background: #7e0d13;
  position: relative;
  top: 0;
  right: 0;
  background-image: none;
}


@media screen and (min-width: 768px) {
  .btn_submit,
  .btn_submit:after {
    transition: all 0.2s ease-out;
  }
  .btn_submit:hover {
    transform: translateY(10px);
  }
  .btn_submit:hover:after {
    height: 0;
  }
}
.btn_submit input:after{
  display: none;
}
.mw_wp_form {
  max-width: inherit;
  margin: 0;
  display: block;
}
@media screen and (max-width: 767px) {
  .mw_wp_form .horizontal-item {
    width: 100%;
    max-width: inherit;
    margin: 0;
    display: block;
  }
}
.mw_wp_form .block_form .horizontal-item {
  display: inline-block;
  margin-right: 1em;
  min-width: 8em;
  width: auto;
  margin-top: 0.5em;
}
.mw_wp_form .block_form .horizontal-item+.horizontal-item {
  margin-left: 0px;
}
.item span.mwform-checkbox-field {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #selectedItem {
    position: absolute;
    bottom: 50px;
    width: 100%;
    background: #fff;
    color: #333;
    text-align: left;
  }
  #selectedItem {
    overflow: scroll;
    max-height: 20vh;
  }
}
.mwform-checkbox-field label {
  font-weight: bold !important;
  font-size: 16px;
  display: block;
  padding-bottom: 1%
}
.product .mwform-checkbox-field label {
  background: #c90e17;
  color: #fff;
  text-align:center;
  border: 4px solid #ffffff;
}
.product .mwform-checkbox-field label.checked {
  border: 4px solid #c90e17;
}



input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ffffff;
}
input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
}
.product input[type="checkbox"] {
  border: none;
}




.formlistBlock .formlist.active {
  width: 100%;
  line-height: 1.4em;
}
.formlistBlock .formlist.active::before {
  content: '・';
  display: inline-block;
}
.item_selectlist, .formlist {
  display: none;
}
.item_selectlist.active,
.formlist.active {
  display: block;
  line-height: 1.4em;
  text-align: left;
  padding: 5px 5px;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
}
.item_selectlist.active {
  border-top: 1px solid #ccc;
}
.item_form {
  border-bottom: 1px dotted #ccc;
  padding: 1.5em 0;
  margin-bottom: 0;
}




.caution_form {
  margin-top: 1em;
}


/*copy right--------------------------------------------------*/
.copyright {
  text-align: center;
}
@media screen and (max-width:767px) {
  .copyright {
    margin-bottom: 100px;
  }
}

/*入力画面*/

/*確認画面・完了画面*/
.mw_wp_form_confirm .entryOnly,
.mw_wp_form_confirm .fixNav,
.mw_wp_form_confirm .anchor_block {
  display: none;
}
.confirmOnly {
  display: none;
}
.mw_wp_form_confirm .confirmOnly {
  display: block;
}
.mw_wp_form_confirm .wrp_item .item {
  width: 100%;
  margin: 0 0 0 0;
}
.mw_wp_form_confirm .wrp_item {
  margin: 0;
}
.mw_wp_form_confirm .product {
  width: 100%;
  background-color: #fff;
}
.mw_wp_form_confirm .product p {
  display: none;
}

/*input*/
.mw_wp_form_confirm #apply {
  margin-top: 0px;
}
.mw_wp_form_confirm .ttl_apply.confirmOnly {
  margin: 60px 8% 0;
}
.mw_wp_form_confirm section#section_product {
  background-size: cover;
}
.mw_wp_form_confirm section#section_product .product {
  width: 100% !important;
}
.mw_wp_form_confirm h3.ttl_blockForm.confirmOnly {
  padding: 1% 0;
  border-bottom: 2px solid var(--color-blue01);
  max-width: 1040px;
}
.product.confirmOnly {
  background-color: #ffffff;
  max-width: 1200px;
  margin: 20px auto 0;
  padding: 0 5%;
}

.bg_white {
  padding: 5%;
  background-image: url(/wp-content/themes/cocoon-child-master/img/campaign/2026newyear/bg_pc.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  background-size: cover;
}
.mw_wp_form_complete {
  max-width: 1200px;
  width: 100%;
  margin: 2% auto;
  background-color: #fff;
  padding: 2em 1.5em;
}
a.link {
  max-width: 600px;
  margin: 0 auto;
  display: block;
  width: 100%;
}


.mw_wp_form_confirm .wrp_product{
  background-color: #fff;
  max-width: 1200px;
  width: 96%;
  margin: 20px auto;
  padding: 2% 2% 3% !important;
}
.mw_wp_form_confirm #apply{
  width: 100% !important;
  padding: 0 !important;
}
.mw_wp_form_confirm .wrp_item,
.mw_wp_form_confirm .wrp_item_w {
  justify-content: flex-start !important;
}
.mw_wp_form_confirm .wrp_item .item,
.mw_wp_form_confirm .wrp_item_w .item{
  width: 100% !important;
  max-width: inherit;
      margin: 0 0 0 0;
}
@media screen and (min-width: 768px) {
  .mw_wp_form_confirm .wrp_product{
    width: 90%;
    padding: 7% 7% 4% !important;
  }
  .mw_wp_form_complete {
    width: 90%;
    margin: 2% auto;
    padding: 3em 1em;
  }
  a.link {
    width: 90%;
  }
}
/**/
#interior .item label::before{
  padding-top: 43%;
}
#bath .item label::before{
  padding-top:53%;
}
.ttl_formComp{
  text-align:center;
  padding: 1.5em 0.5em;
}
.txt_comp.txt_center{
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .txt_comp.txt_center{
  text-align:center;
  }
}