@charset "UTF-8";
@media screen and (min-width: 1430px) {
  .mainvisual {
    max-width: 2000px;
  }
}

@media screen and (max-width: 1080px) {
  h3 p {
    font-size: 2rem;
  }
  .beer-sticker {
    width: 110px;
    top: 140px;
    right: 115px;
  }
  .beer-img {
    width: 120px;
    top: 225px;
    right: 60px;
  }
  .ice-sticker {
    width: 110px;
    top: 430px;
    right: 85px;
  }
  .ice-img {
    width: 140px;
    top: 520px;
    right: 60px;
  }
  .ice ul {
    width: 80%;
  }
  .fk-box {
    max-width: 590px;
  }
  .fk p {
    font-size: 1rem;
  }
  .text1 {
    width: 76%;
  }
  .title1 {
    font-size: 1.5rem;
  }
  .title2 {
    font-size: 1.3rem;
  }
  .title2 span {
    font-size: 1.8rem;
  }
  .title2 strong {
    font-size: 1.8rem;
  }
  section {
    max-width: 920px;
  }
  .text hr {
    width: 710px;
  }
  .text p {
    font-size: 2rem;
    margin: 20px 20px 20px;
  }
  .sticker4 {
    top: 330px;
  }
  .uchiwa {
    top: 590px;
  }
}

@media screen and (max-width: 1000px) {
  header .logo {
    width: 100px;
    left: 25px;
    top: 25px;
  }
  h1 p {
    font-size: 1.6rem;
    margin-top: 40px;
  }
  .sticker {
    width: 120px;
    top: 35px;
    right: 65px;
  }
  .text p {
    font-size: 1.8rem;
    margin: 20px 20px 20px;
  }
  .text hr {
    width: 475px;
  }
  .artist p {
    font-size: 1rem;
  }
  .title {
    font-size: 2.5rem;
    margin-left: 10px;
  }
  .attention {
    font-size: 1rem;
    top: 12px;
  }
  .beer1 {
    font-size: 3rem;
  }
  .beer2 {
    width: 60%;
  }
  .ice1 {
    font-size: 2.5rem;
  }
  .ice2 {
    font-size: 3rem;
    margin-top: 0px;
  }
  .ice-sticker {
    top: 470px;
    right: 90px;
  }
  .ice-img {
    top: 560px;
    right: 40px;
  }
  .fk {
    display: block;
  }
  .fk-box {
    max-width: 390px;
    padding: 22px 20px;
  }
  .keyword p {
    font-size: 1rem!important;
    text-align: center;
  }
  section {
    max-width: 700px;
    padding: 40px;
  }
  .present-text {
    font-size: 1rem;
  }
  .text1 {
    width: 65%;
  }
  .sticker4 {
    width: 120px;
    top: 365px;
    right: 150px;
  }
  .bottle {
    top: 295px;
  }
  .sticker5 {
    width: 116px;
    top: 595px;
    right: 165px;
  }
  .uchiwa {
    width: 160px;
    top: 610px;
    right: 70px;
  }
}

@media screen and (min-width: 850px) {
  section {
    padding: 35px;
  }
}


@media screen and (max-width: 800px) {
  .text1 p {
    font-size: 1rem;
  }
  .sticker4 {
    top: 365px;
  }
  .bottle {
    top: 320px;
  }
  .sticker5 {
    top: 650px;
  }
  .uchiwa{
    top: 665px;
  }
  section {
    max-width: 680px;
  }
  .botton_box {
    margin-bottom: 185px;
  }
  .present2 {
    margin-left: 35px;
  }
}

@media screen and (min-width: 640px) {
  .sp_br {
    display: none;
  }
  .pc_br {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  header .logo {
    width: 70px;
    left: 20px;
    top: 20px;
  }
  .sp_br {
    display: block;
  }
  .pc_br {
    display: none;
  }
  h1 p {
    font-size: 1rem;
    margin-top: 30px;
  }
  section {
    margin-top: 40px;
    padding: 30px;
  }
  .title {
    font-size: 2rem;
    margin-left: 5px;
  }
  h3 p {
    font-size: 1.2rem;
    margin: 20px 0px 0;
  }
  h4 p {
    font-size: 0.8rem;
    margin: 5px 0px 0;
  }
  .sticker {
    width: 100px;
    top: 15px;
    right: 30px;
  }
  .text p {
    font-size: 1.2rem;
    margin: 20px 5px 20px 0px;
  }
  .text hr {
    width: 360px;
    margin-top: 30px;
  }
  .artist ul {
    display: block;
    margin-left: 0px;
  }
  .artist li {
    margin-right: 0px;
    text-align: left;
    display: flex;
    margin-bottom: 15px;
  }
  .artist li img {
    margin-bottom: 0px;
    width: 50%;
  }
  .artist p {
    width: 50%;
    text-align: center;
    font-size: 1rem;
    margin-top: 35px!important;
  }
  .line hr {
    width: 100%;
    margin: 30px 0px;
    border-top: 0px solid;
  }
  /* .dj {
    display: block;
  }
  .dj ul {
    width: auto;
    margin: 10px 10px 10px 0px;
    justify-content: center;
  }
  .dj ul:first-child {
    border-right: none;
    border-bottom: dotted 2px #0E589B;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .dj1 {
    font-size: 1rem;
  }
  .dj2 {
    font-size: 1rem;
  } */
  .attention {
    font-size: 1rem;
    top: 10px;
  }
  .beer1 {
    font-size: 2.5rem;
    margin-top: 30px;
  }
  .beer ul li img {
    width: 70%;
    margin: 20px 0px 20px 0px;
  }
  .food-line {
    width: 100%;
    margin: 40px 0 20px;
  }
  .beer-sticker {
    width: 100px;
    top: 150px;
    right: 70px;
  }
  .beer2 {
    font-size: 1.5rem;
  }
  .beer-img img{
    width: 70%;
  }
  .beer-img {
    top: 210px;
    right: -30px;
  }
  .ice ul li img {
    width: 70%;
    margin: 20px 30px 20px 0px;
  }
  .ice1 {
    font-size: 2.3rem;
  }
  .ice2 {
    font-size: 2.5rem;
    margin-top: 0px;
  }
  .ice-sticker {
    width: 100px;
    top: 490px;
    right: 70px;
  }
  .ice-img img {
    width: 70%;
  }
  .ice-img {
    top: 575px;
    right: -20px;
  }
  .ice3 {
    font-size: 1.5rem;
  }
  .kome {
    font-size: 1.5rem;
    right: auto;
    left: auto;
  }
  .footer {
    margin: 125px 0 60px;
  }
  .present1 {
    margin-left: 0px;
  }
  .present {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .title1 {
    font-size: 1.5rem;
  }
  .title2 {
    font-size: 1.3rem;
  }
  .title2 span {
    font-size: 1.8rem;
  }
  .title2 strong {
    font-size: 1.9rem;
  }
  .present1 hr {
    width: 100%;
    margin: 20px 0;
    border-top: 0px solid;
  }
  .tensen {
    width: 100%;
    margin: 25px 0 20px 0px;
  }
  .dj {
    margin: 0px;
  }
}
@media screen and (max-width: 550px) {
  .ice-sticker {
    width: 100px;
    top: 390px;
    right: 30px;
  }
  .ice-img {
    top: 475px;
    right: -20px;
  }
  .bottle {
    top: 370px;
    right: 7px;
  }
  .sticker4 {
    top: 310px;
    width: 90px;
    right: 75px;
  }
  .sticker5 {
    width: 90px;
    right: 85px;
  }
  .uchiwa {
    top: 690px;
    right: 40px;
  }
  .present2 {
    margin-left: 10px;
  }
}

@media screen and (min-width: 480px) {
  .hidden-1080 {
    display: none;
  }
  .visible-1080 {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .hidden-1080 {
    display: block;
  }
  .visible-1080 {
    display: none;
  }
  section {
    max-width: calc(100% - 80px);
}
  .text hr {
    width: 120px;
    margin-left: 5px;
  }
  h1 p {
    margin-top: 25px;
  }
  section {
    margin-top: 25px;
    padding: 25px 15px;
  }
  .titlebox {
    padding: 5px;
  }
  .title {
    font-size: 1.5rem;
  }
  .sticker {
    width: 70px;
    top: 5px;
    right: 15px;
  }
  h3 p {
    font-size: 1rem;
    margin: 15px 0px 0;
  }
  .text p {
    font-size: 0.8rem;
    margin: 15px 5px 15px 0px;
  }
  .text hr {
    width: 200px;
    margin-left: 5px;
    margin-top: 23px;
    border-top: 0px solid;
  }
  .artist p {
    font-size: 0.8rem;
    margin-top: 20px!important;
  }
  /* .dj ul {
    margin: 0px;
    justify-content: start;
  }
  .dj li {
    margin: 10px 10px 10px 0px;
  } */
  .attention {
    font-size: 0.6rem;
    top: 6px;
  }
  .present-title {
    margin-left: 15px;
  }
  .title1 {
    font-size: 0.8rem;
  }
  .title2 span {
    font-size: 1.1rem;
  }
  .title2 {
    font-size: 0.8rem;
  }
  .title2 strong {
    font-size: 1.2rem;
  }
  .present img {
    width: 65px;
  }
  .present1 hr {
    margin: 15px 0;
  }
  .present-text {
    font-size: 0.8rem;
  }
  .fk-box {
    max-width: 190px;
    padding: 20px 20px;
  }
  .fk {
    display: block;
  }
  .sankaku {
    border-bottom: 30px solid #CAE4EE;
  }
  .keyword p {
    font-size: 0.8rem!important;
    text-align: center;
  }
  .sticker4 {
    width: 65px;
    top: 150px;
    right: 45px;
  }
  .bottle img{
    width: 60px;
  }
  .bottle {
    width: 25px;
    top: 155px;
    right: 45px;
  }
  .fk p {
    font-size: 1rem;
    margin: 10px 0px 0px;
  }
  .text1 p {
    font-size: 0.8rem;
  }
  .botton_box {
    margin-top: 35px;
    text-align: center;
    margin-bottom: 35px;
  }
  .text1 {
    border-bottom: none;
    width: 100%;
  }
  .botton p {
    font-size: 0.8rem;
  }
  .present2 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .tensen {
    width: 100%;
    margin: 20px 0px 40px;
  }
  .sticker5 {
    width: 65px;
    top: 410px;
    right: 95px;
  }
  .uchiwa img {
    width: 80px;
  }
  .uchiwa {
    width: 20px;
    top: 410px;
    right: 80px;
    z-index: 99;
  }
  .present_box img {
    width: 65px;
    position: absolute;
    top: -150%;
  }
  .present_box {
    margin-left: 5px;
    position: relative;
    margin-top: 55px;
    margin-bottom: 20px;
  }
  .present-title_2 {
    margin-left: 10px;
  }
  .kome {
    top: 102%;
  }
  .beer1 {
    font-size: 1.6rem;
  }
  .ice1 {
    font-size: 1.3rem;
  }
  .ice2 {
    font-size: 1.6rem;
  }
  .beer2 {
    font-size: 1.2rem;
    margin-top: 85px;
    left: -65%;
    position: absolute;
    width: 125%;
  }
  .beer li {
    position: relative;
    width: 50%;
  }
  .beer-sticker {
    width: 60px;
    top: 120px;
    right: 72px;
  }
  .beer-img img {
    width: 100%;
  }
  .beer-img {
    top: 130px;
    right: 13px;
    width: 22%;
  }
  .food-line {
    margin: 150px 0 20px;
  }
  .ice li {
    position: relative;
    width: 50%;
  }
  .beer ul li img {
    margin: 20px 0px 20px 20px;
  }
  .ice ul li img {
    margin: 5px 30px 20px 20px;
    width: 70%;
  }
  .ice3 {
    font-size: 1.2rem;
    margin-top: 80px;
    left: -65%;
    position: absolute;
    width: 120%;
  }
  .ice ul {
    margin-bottom: 125px;
    border-bottom: 1px solid #0E589B;
    width: 100%;
  }
  .ice-sticker {
    width: 60px;
    top: 405px;
    right: 78px;
  }
  .ice-img img {
    width: 100%;
  }
  .ice-img {
    top: 425px;
    right: 18px;
    width: 22%;
  }
  .beer ul {
    border-bottom: 1px solid #0E589B;
    margin-bottom: 160px;
  }
  .footer img {
    width: 200px;
  }
  .beer li:first-child {
    width: 40%!important;
  }
  .beer li:nth-child(2)  {
    width: 60%!important;
  }
  .ice li:first-child {
    width: 40%!important;
  }
  .ice li:nth-child(2) {
    width: 60%!important;
  }
}
@media screen and (max-width: 300px) {
  .sticker {
    width: 60px;
  }
  .text hr{
    width: 190px;
  }
  .beer-sticker {
    right: 60px;
  }
  .ice-sticker {
    right: 60px;
  }
  .ice ul {
    margin-bottom: 150px;
  }
  .ice3 {
    margin-top: 75px;
  }
  .sticker4 {
    width: 60px;
    top: 165px;
    right: 45px;
  }
  .bottle {
    width: 18px;
    top: 140px;
    right: 50px;
  }
  .bottle img {
    width: 55px;
  }
  .sticker5 {
    width: 65px;
    top: 430px;
    right: 95px;
  }
  .uchiwa {
    width: 20px;
    top: 433px;
    right: 80px;
    z-index: 99;
  }
  .title2 {
    font-size: 0.8rem;
  }
  .present_box img {
    top: -90%;
  }
  .botton p {
    font-size: 0.7rem;
  }
  .ice2 {
    font-size: 1.3rem;
  }
}
/* @media screen and (max-width: 400px) {
.ice-img {
  top: 430px;
  right: none;
  left: 240px;
  width: 23%;
}
} */