/*パンくずリスト*/
.breadcrumb{
  color: #F7F1E9;
}

.breadcrumb li a{
  color: #F7F1E9;
}

/*リセット・共通*/
body{
  margin: 0;
}

.nenga ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote {
    margin: 0;
    padding: 0;
}

.nenga a:hover{
  opacity: 0.7;
  transition: 1s;
  color:#BA8332;
}

.nenga h1,h3{
  font-size:100%;
  color:#f2e9e9;
  font-family: "Hina Mincho",  "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-style: normal;
}

.nenga h2{
  font-size: 2rem;
  color:#f2e9e9;
  font-family: "Hina Mincho",  "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-style: normal;
  letter-spacing: 0.1rem;
  padding: 1rem;
}

.nenga h4{
  color:#5D4015;
  font-family: "Hina Mincho",  "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-style: normal;
  font-size:1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.1rem;
  width:80%;
  margin: 0 auto;
}

.nenga h5{
  font-size: 1.8rem;
  color: #BA8332;
  font-family: 'Shippori Mincho', serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.4rem;
  border-bottom: #ba8332 double 6px;
  margin: 1rem auto;
  padding-bottom: 0.5rem;
  max-width: 280px;
}

.nenga p{
  color:#5D4015;
  font-family: "Hina Mincho",  "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
  font-style: normal;
  font-size:100%;
  line-height: 2.2rem;
  letter-spacing: 0.1rem;
}

.nenga .text_detail{
  width: 80%;
  line-height: 1.4rem;
  margin: 0 auto;
  padding-top: 0.6rem;
}

.nenga span{
  font-size:2rem;
}

.sp_only{
  display:none;
}

.ny_main_content{
  padding: 0 3rem;
}

/*年賀以下から*/
.back{
  background-color: rgb(177 15 15);
}

.ny_topimage img{
  width:100%;
}

.mizuhiki{
  margin:1rem 0;
}

.ny_concept{
  text-align: center;
  padding: 0 3rem;
  line-height: 3rem;
}

.ny_concept h3{
  letter-spacing: 0.1rem;
  font-size: 1.2rem;
}

/*迎春包み*/
.ny_wrapper{
  max-width:1200px;
  background-color: #F7F1E9;
  outline: 5px solid #B10F0F;
  outline-offset: -20px;
  margin: 8rem auto 3rem;
  text-align: center;
}

.ny_container{
  width: 85%;
  margin: 0 auto;
  padding-bottom: 6rem;
}

.ny_sub_image img{
  display: block;
  width:100%;
  margin: 0 auto;
  padding-top: 5rem;
}

.ny_logo{
  padding-top: 1rem;
}

.ny_logo img{
  width:550px;
  max-width: 100%;
  height: auto;
}

.ny_sales_info{
  display: flex;
  justify-content: center;
  column-gap: 1rem;
  padding: 1rem 0 2rem 0;
}

.ny_shop p{
  background-color: #FF862F;
  color: #F7F1E9;
  font-size: 1rem;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0 2rem;
}

.ny_online p{
  background-color: #8A8C1A;
  color: #F7F1E9;
  font-size: 1rem;
  margin: 0 auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0 2rem;
}

.geishun_flex{
  display:flex;
  flex-wrap:wrap;  
  margin-top:3rem;
  row-gap: 3rem;
}

.geishun_flex div{
  width:50%;
}

.cookie_detail{
  padding:2rem 0;
}

.cookie_detail img{
  width: 80%;
}

.geishun_detail img{
  width:100%;
}

.ny_pr_detail p{
  font-size: 1.2em;
}

.ny_btn a{
    display: block;
    max-width: 350px;
    text-decoration: none;
    color:#f2e9e9;
    font-size: 1.4rem;
    font-family:"Hina Mincho",  "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
    background-color: #B10F0F;
    padding: 1.5rem 3rem;
    letter-spacing: 0.1rem;
    outline: 2px solid #BA8332;
    outline-offset: -7px;
    margin: 5rem auto 3rem;
    transition: 1s;
}

.tamatebako_img img{
  width:560px;
  max-width: 100%;
  height: auto;
  padding: 1rem 0;
}



/*最下層和柄*/
.ny_parts img{
  width: 100%;
  vertical-align: bottom;
}


/*991px以下：タブレット*/
@media screen and (max-width:991px){
  .pc_only{
    display: none;
  }

  .sp_only{
    display: block;
  }

  .ny_main_content{
    padding: 0 1.5rem;
  }

  .nenga h5{
    font-size: 1.3rem;
    max-width: 200px;
    margin: 0.3rem auto;
  }

  .nenga span{
    font-size: 1.5rem;
  }

  .nenga .text_detail{
    font-size: 0.8rem;
    line-height: 1rem;
  }

  .ny_wrapper{
    margin: 3rem auto 1rem;
    outline:3px solid #B10F0F;
    outline-offset: -12px;
  }

  .ny_container{
    padding-bottom: 3rem;
  }

  .ny_concept h2{
    font-size: 1.2rem;
    line-height: 2rem;
    padding: 0 0 1rem;
  }

  .ny_concept h3{
    font-size: 0.9rem;
    line-height: 1.4rem;
  }

  .nenga h4{
    font-size: 0.8rem;
    line-height: 1rem;
    width: 90%;
  }

  .ny_sub_image img{
    padding-top: 3rem;
  }

  .ny_shop p{
    font-size: 0.8rem;
    white-space: nowrap;
  }

  .ny_online p{
    font-size: 0.8rem;
    white-space: nowrap;
  }

  .geishun_flex{
    display: block;
    margin-top: 1rem;
  }

  .geishun_flex div{
    width: 100%;
    padding: 1rem 0;
  }

  .cookie_detail img{
    width: 60%;
  }

  .ny_btn a{
    max-width: 250px;
  }
}

/*428px以下：スマホ*/
@media screen and (max-width:428px) {
  .ny_btn a{
    margin: 2rem auto 1rem;
    font-size: 0.8rem;
    padding: 1.5rem 1rem;
  }

  .ny_sales_info{
    column-gap: 0.5rem;
    padding: 0.5rem 0 1rem;
  }

  .ny_shop p{
    font-size:0.7rem;
    padding: 0 1rem;
    line-height: 1.5rem;
  }
  
  .ny_online p{
    font-size:0.7rem;
    padding: 0 1rem;
    line-height: 1.5rem;
  }

  .ny_btn a{
    max-width: 200px;
  }
}