@charset "UTF-8";
/* ====================================
	 reset
==================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
hgroup,
main,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

ul,
ol {
  list-style: none;
  list-style-position: inside;
}

li a {
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  transition: all 0.5s ease;
  line-height:normal;
}

a:hover {
  text-decoration: none;
  opacity: 0.75;
  cursor: pointer;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

select {
  outline: none;
}

select::-ms-expand {
  display: none;
}

input,
textarea {
  border-radius: 0;
  border: 0;
  outline: none;
}

[type=submit],
[type=reset],
[type=button],
button {
  border: 0;
  cursor: pointer;
}

input[type=button],
input[type=text],
input[type=submit],
input[type=image],
input[type=search],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

:root {
  --cBase: #FFFFFF;
  --cBlack: #222222;
  --cBase-rgb: 128, 112, 104;
  --cBase_bg: #00A0E9;
  --cHeroTitle: #CFFF31;
}

* {
  box-sizing: border-box;
}

body {
  width: 100%;
  line-height:normal;
}

body p {
    line-height: 1;
}

main img {
  max-width: 100%;
  vertical-align: bottom;
  }

/* ====================================
	 responsive
==================================== */
@media screen and (min-width:768px) {
  .sp {
    display: none !important;
  }
  }
  @media screen and (max-width:767px) {
    .pc {
      display: none !important;
    }
  }
/* ====================================
	 main
==================================== */
main#hondaosechi{
  font-family: "Noto Sans JP", sans-serif , "Hiragino Sans" , "Hiragino Kaku Gothic W6 JIS2004";
  font-weight: 600;
  color: #000;
  background-color: #FDC2B6;
  text-align: center;
  font-size: 22px;
}
.section_inner{
  max-width: 1048px;
  margin: 0 auto;
  padding: 80px 0;
}
.flex_box{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.nomal{
  font-weight: normal;
}
.uline_pink{
  margin:0 10px;
  background: radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), #FEE0DA 5px, transparent 5px) ,
              radial-gradient(circle at 5px calc(100% - 5px), #FEE0DA 5px, transparent 5px) ,
              linear-gradient(to bottom, #fff calc(100% - 10px), transparent calc(100% - 10px)) ,
              linear-gradient(to right, transparent 5px, #FEE0DA 5px, #FEE0DA calc(100% - 5px), transparent calc(100% - 5px));
  display:inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.big{
  font-size: 60px;
  font-weight: 900;
}
.big span{
  font-size: 22px;
  font-weight: 600;
}

#mv{
  overflow: hidden;
  background-color: #FFF6F4;
}
#mv .section_inner{
  padding: 0;
}
#mv h1{
  max-width: 554px;
  margin: 32px auto 0;
}
#mv p{
  line-height: 1.4;
}
#mv p span.nomal{
  font-size: 14px;
}
#mv img.batu{
  width: 50px;
  margin-top: 18px;
}
#mv .flex_box{
  background-image: url(../img/bk_hoshi.png);
  background-repeat: no-repeat;
  background-size: 86%;
  background-position: right 35% top 50%;
  margin-top: -60px;
}
#mv .flex_box img{
  width: 434px;
  z-index: 10;
}
#mv .flex_box .txt_box{
  width: 400px;
  padding: 22px 0 22px 5%;
  position: relative;
  border-radius: 100px;
  background-color: #FDC2B6;
  margin: -88px 0 0 -7%;
  font-size: 16px;
  text-align: left;
}
#mv .flex_box .txt_box::after{
  position: absolute;
    border-radius: 8px;
    background-color: #FDC2B6;
    content: "";
    top: 86%;
    left: 40px;
    transform: rotate(30deg);
    height: 36px;
    width: 16px;
}
#mv .flex_box .txt_box p.big{
  line-height: 1.2;
}
#mv .flex_box .txt_box p.big span{
  margin-left: 5px;
}

#about{
  margin-top: -70px;
  background-image: url(../img/bk_dot.svg);
  background-repeat: repeat-x;
  background-size: auto 300px;
  background-position: top;
}
#about .section_inner{
  padding-top: 0;
}
#about h2{
  color: #F5485B;
  font-size: 44px;
  max-width: 760px;
  height: 152px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/bk_h2.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 10;
}
#about .about_txt{
  background-image: url(../img/bk_about.png);
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  margin-top: -30px;
}
#about .about_txt p{
  max-width: 682px;
  margin: 80px auto 100px;
  line-height: 2.4;
}
.talent img{
  max-width: 482px;
  margin: 40px 0 0 150px;
}

#specisl .txt_line{
  display: flex;
  overflow: hidden;
  align-items: center;
  height: 80px;
}
#specisl .txt_line .loop-area{
  background-image: url(../img/txt_line.svg);
  background-repeat: repeat-x;
  background-size: 851px 57px;
  width: 100%;
  height: 57px;
  animation: loop-slide 15s infinite linear;
}
@keyframes loop-slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -851px 0;
  }
}
/* #specisl .section_inner{
  max-width: 596px;
} */
#specisl .otanoshimi img{
  max-width: 358px;
}
#specisl .otanoshimi p{
  font-size: 16px;
  margin: 25px 0;
}
#specisl p.big{
  font-family: "Oswald", sans-serif;
  margin: 20px 0;
}
#specisl p.big:nth-of-type(2) img{
  margin-left: 5px;
}
#specisl p.nomal{
  font-size: 14px;
  margin-top: 16px;
  line-height: 1.8;
}

#buyer{
  background-size: 30px 30px;
  background-position: 50% top;
  background-color: #FDF9F9;
  background-image:
  repeating-linear-gradient(
    90deg,
    rgb(253 194 182 / 50%),
    rgb(253 194 182 / 50%) 1px,
    transparent 1px,
    transparent 30px
  ),
  repeating-linear-gradient(
    0deg,
    rgb(253 194 182 / 50%),
    rgb(253 194 182 / 50%) 1px,
    rgb(255 255 255 / 50%) 1px,
    rgb(255 255 255 / 50%) 30px
  );
}
#buyer .flex_box{
  background-image: url(../img/bk_buyer.png);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 10px 0 50px;
}
#buyer .flex_box img{
  width: 320px;
}
#buyer .flex_box .txt_box{
  width: 400px;
  margin-left: 4%;
  margin-top: 30px;
}
#buyer .flex_box .txt_box p:nth-of-type(2){
  font-size: 16px;
  text-align: left;
  line-height: 1.8;
  margin-top: 24px;
}
#buyer .buyer_img .nameplate {
  position: absolute;
  bottom: 15px;
  left: 60px;
  width: 234px;
}
#buyer .buyer_img .nameplate img{
  width: 100%;
}

.Pagetop {
  background: #1193DB;
}

@media (min-width: 768px) and (max-width: 979px) {
  #about .about_txt p {
    font-size: 2vw;
  }
  #buyer .buyer_img {
    width: 30%;
}
#buyer .buyer_img img{
  width: 100%;
}
  #buyer .flex_box .txt_box {
    width: 42%;
    margin-left: 3%;
    margin-top: 10px;
}
#buyer .flex_box .txt_box p.big{
  font-size: 6vw;
}
#buyer .buyer_img .nameplate {
  position: absolute;
  bottom: 45px;
  left: 40px;
  width: 24%;
}
}

/* ====================================
	 responsive
==================================== */
@media screen and (max-width:767px) {
  main#hondaosechi{
    font-size: 18px;
  }
  .section_inner{
    padding: 60px 0;
  }
  .flex_box{
    flex-wrap: wrap;
  }
  .uline_pink {
    margin: 0 5px;
  }
  .big{
    font-size: 40px;
  }
  .big span{
    font-size: 18px;
  }

  #mv{
    background-image: url(../img/bk_hoshi-sp.png);
  background-repeat: no-repeat;
  background-size: 94%;
  background-position: right 50% top 30%;
  }
  #mv h1 {
    max-width: 286px;
    margin: 14px auto 0;
}
#mv p span {
  font-size: 12px;
}
#mv img.batu {
  width: 44px;
  margin-top: 14px;
}
#mv .flex_box {
  background-image: unset;
  margin-top: -30px;
  position: relative;
}
#mv .flex_box .txt_box {
  width: 260px;
  padding: 20px 36px 14px;
  position: absolute;
  bottom: 60px;
  left: -5%;
  margin: 0;
  font-size: 14px;
  text-align: center;
  z-index: 10;
}
#mv .flex_box .txt_box::after {
  top: -13px;
  left: 77%;
  transform: rotate(20deg);
  height: 20px;
  width: 10px;
}
#mv .flex_box .txt_box p.big span {
  margin-left: 0;
  font-size: 18px;
  display: block;
  text-align: right;
  margin-right: 10px;
}

#about {
  margin-top: -82px;
  background-size: auto 168px;
}
#about .section_inner{
  padding-top: 45px;
}
#about h2 {
  font-size: 26px;
  height: 24vw;
  background-image: url(../img/bk_h2-sp.png);
  position: relative;
  z-index: 10;
}
#about .about_txt {
  background-image: url(../img/bk_about-sp.png);
  background-position: left 50% top 0;
        background-size: contain;
        margin-top: -60px;
        height: 705px;
}
#about .about_txt p {
  max-width: 260px;
  margin: 96px auto 0;
  line-height: 1.9;
  text-align: left;
}
.talent img{
  width: 100%;
  margin: 30px 0 0;
  padding: 0 4%;
}
#specisl .txt_line{
  height: 28px;
  margin: 12px 0;
}
#specisl .txt_line .loop-area{
  background-image: url(../img/txt_line-sp.svg);
  background-size: 435px 28px;
  height: 28px;
}
#specisl .otanoshimi img {
  max-width: 325px;
}
#specisl .otanoshimi p {
  font-size: 14px;
  margin: 20px 0;
  line-height: 1.8;
}
#specisl p.big {
  margin: 10px 0;
  font-size: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#specisl p{
  font-size: 22px;
}
#specisl p.big:nth-of-type(2){
  margin-bottom: 25px;
}
#specisl p.big img {
 width: 38px;
}
#specisl p.big:nth-of-type(2) img {
  width: 78px;
  margin: 0px 0 0 8px;
}
#specisl p.nomal {
  font-size: 12px;
}

#buyer {
  background-size: 20px 20px;
}
#buyer .flex_box {
  background-image: url(../img/bk_buyer-sp.png);
  background-position: left 50% top 0;
  background-size: contain;
  height: 670px;
  padding: 0px 0 80px;
  margin-left: 6%;
  display: block;
}
#buyer .buyer_img{
  position: relative;
  max-width: 296px;
  margin: 0 auto;
  }
#buyer .flex_box .buyer_img img {
  width: 100%;
  margin-left: -11%;
}
#buyer .flex_box .txt_box {
  max-width: 260px;
  margin: 24px auto 0;
  padding-right: 16px;
}
#buyer .flex_box .txt_box p{
  margin-left: -6%;
}
#buyer .flex_box .txt_box p:nth-of-type(2) {
  font-size: 14px;
}
#buyer .buyer_img .nameplate {
  bottom: -38px;
  left: -40px;
  width: 170px;
}
#buyer .buyer_img .nameplate img{
  width: 100%;
}
  }

 @media screen and (max-width:430px){
  #about .about_txt {
    background-position: left 15% top 0;
    background-size: 108% auto;
    height: auto;
}
#about .about_txt p{
  height: 172vw;
}
#buyer .flex_box {
  background-position: left 15px top 0;
  background-size: 102% auto;
  height: auto;
  padding: 0;
  margin-left: 0%;
}
#buyer .flex_box .buyer_img img {
  margin-left: 0;
}
#buyer .flex_box .txt_box {
  padding-right: 0;
  height: 100vw;
}
#buyer .flex_box .txt_box p {
  margin-left:0;
}
}

/* ====================================
	 フェードイン
==================================== */
.slidein {
  opacity: 0;
  transform: translate(0,0);
  transition: all 1.0s;
}
.slidein-bottom{
  transform: translate(0,20%);
}
.slidein-bottom2{
  transform: translate(0,5%);
}
.scrollin{
  transform: translate(0, 0)!important;
  opacity: 1!important;
}


/* ====================================
	 放映後lp_style
==================================== */
.collabo .flex_box{
  justify-content: space-between;
  text-align: left;
  flex-wrap: wrap;
  align-items: normal;
  margin-top: -40px;
}
.collabo .flex_box .img_box{
  width: 33%;
}
.collabo .flex_box .profile_box{
  width: 57.4%;
  padding-right: 5px;
position: relative;
}
.collabo .flex_box .profile_box .prof_img{
  width: 180px;
position: absolute;
top: 0;
right: 0;
}
.collabo .flex_box .profile_box .name{
  padding: 16px 0;
  margin-bottom: 16px;
  border-bottom: solid 2px #F5485B;
  display: flex;
  align-items: center;
}
.collabo .flex_box .profile_box .name span{
  font-size: 14px;
  font-weight: 400;
  margin-left: 24px;
}
.collabo .flex_box .profile_box p{
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  max-width: 385px;
}
.collabo .flex_box .card-content{
  width: 31.8%;
}
.collabo .flex_box .card-content .card-bottom{
  background-color: #FFE67A;
  border-radius: 0 0 24px 24px;
  padding: 24px;
}
.collabo .flex_box .card-content .card-bottom .card-body h2{
color: #F5485B;
font-size: 22px;
}
.collabo .flex_box .card-content .card-bottom .card-body p{
  padding: 16px 0;
  margin-bottom: 16px;
  color:#1193DB;
  font-size: 16px;
  line-height: 1.6;
  border-bottom:  solid 1px #000;
}
.collabo .flex_box .card-content .card-bottom .card-footer{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  padding-left: 30px;
}
.collabo .flex_box .card-content .card-bottom .card-footer span{
  width: 24px;
  height: 24px;
  background: #1193DB;
  border-radius: 50%;
  color: #ffffff;
  position: absolute;
  text-align: center;
  font-family: Oswald;
  line-height: 1.6;
  margin-left: -30px;
}
.collabo .cllabo_notes{
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  margin: 40px 0 80px;
}
.collabo .cllabo_notes p span{
  width: 24px;
  height: 24px;
  background: #1193DB;
  border-radius: 50%;
  color: #ffffff;
  font-family: Oswald;
  line-height: 1.6;
  text-align: center;
  display: inline-block;
  margin-right: 8px;
}
.collabo .cllabo_notes p span:nth-child(2){
  margin-left: 24px;
}
.collabo .cllabo_notes p.small{
  margin-top: 8px;
}
.small{
  font-size: 12px;
  font-weight: normal;
}
.w1020 {
  max-width: 1020px;
  margin: 0 auto;
}
.w1280 {
  max-width: 1280px;
  margin: 0 auto;
}
.osechi_content * {
  margin: 0 auto;
}
.osechi_content{
  background-color: #FFF6F4;
}
.osechi_description {
  padding: 80px 0 180px;
  .top_desc,
  .bottom_desc {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      .popup {
          width: 360px;
          margin: 0;
          margin-bottom: 16px;
      }
  }
  .desc {
      width: 614px;
      text-align: left;
      font-size: 16px;
      font-weight: 600;
      color: #000000;
      line-height: 1.8;
       margin: 0;
       margin-left: 45px;
  }
  .top_desc {
      margin-bottom: 80px;
  }
}
.osechi_map {
  background: #FDC2B6;
  padding: 80px 0px;
  .osechi_map_content {
      padding-bottom: 80px;
      .osechi_map_title {
          font-family: Messenger;
          display: flex;
          width: 490px;
          padding-bottom: 16px;
          margin: 0 auto;
      }
      .osechi_map_box {
          max-width: 1020px;
          height: 680px;
          border: 3px solid #F5485B;
          border-radius: 35px;
          position: relative;
              .map_area {
                  height: 680px;
                  .map_img {
                      margin: 40px auto;
                      width: 760px;
                      position: relative;
                  }
              }
          .drop_pin {
                  position: absolute;
                  top: 0;
                  right: 0;
                  .openModal {
                      cursor: pointer;
                  }
                  .pin01 {
                      top: 20px;
                      right: 75px;
                      position: relative;
                  }
                  .pin02 {
                    top: 180px;
                    right: 40px;
                      position: relative;
                  }
                  .pin03 {
                      top: 170px;
                      right: 95px;
                      position: relative;
                  }
                  .pin04 {
                    top: 147px;
                    right: 136px;
                      position: relative;
                  }
                  .pin05 {
                    top: 125px;
                    right: 89px;
                      position: relative;
                  }
                  .pin06 {
                    top: 55px;
                    right: 184px;
                      position: relative;
                  }
                  .pin07 {
                    top: -111px;
                    right: 285px;
                      position: relative;
                  }
                  .pin08 {
                    top: -142px;
                    right: 330px;
                      position: relative;
                  }
                  .pin09 {
                    top: -82px;
                    right: 332px;
                      position: relative;
                  }
                  .pin10 {
                      top: -258px;
                      right: 544px;
                      position: relative;
                  }

              }
          .osechi_map_popup {
              width: 360px;
              position: absolute;
              top: 134px;
              left: 220px;
          }
          .osechi_icons {
              position: absolute;
              right: 0;
              .fish_icon{
                  width: 150px;
                  right: 790px;
                  position: relative;
                  top: 260px;
              }
              .crab_icon{
                  width: 90px;
                  top: 100px;
                  position: relative;
              }
              .cheese_icon {
                  width: 100px;
                  top: 280px;
                  position: relative;
              }
          }
      }
  }
  .osechi_maiten {
      display: flex;
      align-items: center;
      color: #000000;
      flex-wrap: wrap;
      justify-content: space-around;

      .maiten_info {
          line-height: 1.6;
          margin: 0;
          .maiten_title {
              font-size: 44px;
              font-weight: 800;
              padding-bottom: 0px;
          }
          .maiten_detail {
              font-size: 22px;
              font-weight: 600;
              line-height: 2.3;
          }
      }
      .maiten_menu {
          margin: 0px -50px;
      }
  }
}
.ichinozyu_mystery_box{
  background: url(../img/bk_dot.svg);
  transform: rotate(180deg);
  min-height: 300px;
  display: flex;
  align-items: end;
  img {
      width: 210px;
      transform: rotate(180deg);
      padding-top: 10px;
  }
}
.osechi_detail_information {
  font-weight: 400;
  .ichinozyu_popup{    
      padding: 83px 0 51px;
      img{
        width: 360px;
      }
      p{
        color: #F5485B;
        font-weight: 600;
        margin-top: 24px;
      }
  }
  .osechi_more_details {
      display: flex;
      /* align-items: center; */
      justify-content: space-between;
      flex-wrap: wrap;
      .detail_img {
          width: 560px;
          margin: 0;
      }
      .detail_description {
          text-align: left;
          position: relative;
          font-size: 14px;
          line-height: 2.1;
          width: 350px;
          margin: 0;
          li {
              display: flex;
              span {
                  width: 24px;
                  height: 24px;
                  background: #1193DB;
                  border-radius: 50%;
                  color: #ffffff;
                  position: absolute;
                  text-align: center;
                  margin-left:-30px;
                  font-family: Oswald;
                  line-height: 1.6;
                  margin-top: 3px;
              }

          }

      }
  }
  .osechi_pickup_list {
      background: #F5485B;
      padding: 95px 70px 45px;
      margin: 80px 0;
      border-radius: 50px;
      position: relative;
      p.small{
        color: #fff;
      }
      .pickup_title {
          position: absolute;
          top: -70px;
          right: 36px;
          }
      .pickup_list_box {
          ul {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-around;

              li {
                  margin-bottom: 35px;
                  .card {
                      .header {
                          height: 0;
                          ul {
                              display: flex;
                              justify-content: center;
                              position: relative;
                              top: -15px;
                              .card-header {
                                  background-color: #000000;
                                  text-align: center;
                                  padding: 10px;
                                  font-size: 16px;
                                  font-weight: bold;
                                  width: 100px;
                                  height: 32px;
                                  border-radius: 35px;
                                  display: flex;
                                  align-items: center;
                                  justify-content: center;
                                  color: #fff;
                                  position: relative;
                              }
                          }

                      }
                      .bg_org {
                              background: rgb(254, 220, 94, 45%) !important;
                              border: 2px solid #000000;
                              border-radius: 25px;
                          }
                      .card-content {
                          background-color: white;
                          border-radius: 25px;
                          overflow: hidden;
                          max-width: 420px;
                          margin: 0 auto;
                          min-height: 586px;
                          .card-bottom {
                              min-height: 330px;
                          }
                          .card-bottom01 {
                              min-height: 420px;
                          }
                          .card-bottom02 {
                            min-height: 370px;
                        }

                          .card-image {
                              img {
                                  width: 100%;
                                  border-radius: 24px 24px 0 0;
                              }
                          }
                          .logo_img {
                             display: flex;
                             position: relative;
                             .logo_list {
                                  display: flex;
                                  position: absolute;
                                  top: -81px;
                                  right: 16px;
                              img {
                                   width: 64px;
                                  height: 64px;
                              }
                              .logo01 {
                                  margin-left: 4px;
                              }
                             }
                          }
                      }


                      .card-body {
                          text-align: left;
                          padding: 24px 0px 16px;
                          border-bottom: 1px solid #F5485B;
                          max-width: 372px;
                          margin-bottom: 12px;
                          h2 {
                              color: #ffffff;
                              font-size: 22px;

                              .bg_line {
                                  padding: 4px 10px;
                                  background-color: #F5485B;
                                  line-height: 2.1;
                                  font-weight: 600;

                                  span{
                                    font-size: 12px;
                                    vertical-align: top;
                                    margin-top: 2%;
                                    display: inline-block;
                                  }
                              }
                          }
                          p {
                              color: #1193DB;
                              font-size: 16px;
                              padding-top: 19px;
                              font-weight: 600;
                              line-height: 1.6;
                          }
                          p.small {
                            color: #000;
                            font-size: 12px;
                            padding-top: 10px;
                            font-weight: 400;
                            line-height: 1.6;
                        }
                          .ch_width {
                              min-width: 383px;
                          }
                      }

                      .card-footer,.card-footer1 {
                          padding: 5px 28px 5px 52px;
                          font-size: 14px;
                          color: #000;
                          display: flex;
                          position: relative;
                          text-align: left;
                      }
                      .card-footer1{
                        padding: 5px 28px 5px 20px;
                      }
                      .card-footer span {
                          width: 24px;
                          height: 24px;
                          background: #1193DB;
                          border-radius: 50%;
                          color: #ffffff;
                          position: absolute;
                          text-align: center;
                          font-family: Oswald;
                          line-height: 1.6;
                          margin-left: -30px;
                      }
                  }
              }
          }
      }

  }
}

.osechi_ninozyu,.osechi_yonnozyu {
  background-color: #FEE7E2;
  }
  .osechi_yonnozyu .detail_description img{
    margin-left: -30px;
    margin-top: 32px;
  }
  .osechi_yonnozyu .detail_description p.small{
    margin-left: -30px;
    line-height: 1.6;
    text-indent: -1em;
  padding-left: 1em;
  }

.order_detail {
  padding-bottom: 80px;
  .online_shop {
      font-size: 18px;
      font-weight: 600;
      padding: 0 0 16px;
  }
  .order_btn {
     width: 500px;
  }
}
.fix_btn {
  position: sticky;
  bottom: 0px;
  left: 0;
  z-index: 10;
  background: #1193DB;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  .order_btn_grp {
          transition: bottom 0.9s ease;
          align-items: center;
          display: flex;
          justify-content: center;
          height: 120px;
          .online_shop {          
                  margin-bottom: 5px;
                  font-family: 'Noto Sans JP';
                  text-align: center;
              }
          .order_btn {
              width: 380px;
              margin-left: 16px;
            }
           a {
                  text-decoration: none !important;
              }
      }
    }

  .Pagetop {
    z-index: 11 !important;
}
.btm27 {
    bottom: 13% !important;
}
 .fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}
 /*  ここからモーダルcss */
 .modal.show {
  display: flex; /* Show modal when active */
  overflow: hidden;
}
.modal {
  display: none; /* Hide all modals by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(253, 194, 182, 0.9);
  justify-content: center;
  align-items: center;
  z-index: 15;
      .modal-content {
          background: white;
          min-width: 760px;
          margin: auto;
          max-height: 520px;
          border: 3px solid #000000;
          border-radius: 50px;
          position: relative;
          padding: 40px 0 80px;
          z-index: 10;
          top: 40px;
          .drop_pin_no {
              position: absolute;
              top: -64px;
              left: 40px;
          }
          .modal_detail {
              .modal_title {
                  font-size: 44px;
                  color: #F5485B;
                  font-weight: 600;
                  letter-spacing: 5px;
                  padding: 0px 0 24px;
              }
              ul {
                  font-size: 16px;
                  text-align: left;
                  line-height: 2;
                  font-weight: 800;
                  max-width: 760px;
                  letter-spacing: 2px;
                  margin: 0 auto;
                  display: flex;
                  align-items: flex-start;
                  align-content: center;
                  flex-direction: column;
                  flex-wrap: wrap;
                  li{
                    margin: 0;
                  }
                  li::before {
                      content: "●";
                      position: relative;
                      /* left: -20px; */
                      color: #F5485B;
                      font-size: 16px;
                      line-height: 1;
                      margin-left: -16px;
                      padding-right: 8px;
                  }
              }
          }
          .close-btn {
              position: absolute;
              bottom: -50px;
              right: 40px;
              cursor: pointer;
          }
      }
}

/* ====================================
	 放映後lp_responsive
==================================== */
@media screen and (max-width:767px) {
  .collabo{
    padding: 0 38px;
  }
  .collabo .flex_box{
    justify-content: space-between;
    margin-top: 0px;
  }
  .collabo .flex_box .img_box{
    width: 100%;
  }
  .collabo .flex_box .profile_box{
    width: 100%;
    padding-right: 0;
  }
  .collabo .flex_box .profile_box .prof_img {
    width: 130px;
    top: -80px;
    left: 50%;
  transform: translateX(-50%);
}
.collabo .flex_box .profile_box .name {
  padding: 0 0 16px;
  margin-top: 55px;
  text-align: center;
  display: block;
}
.collabo .flex_box .profile_box .name span {
  font-size: 12px;
  margin-left: 0px;
  margin-top: 5px;
  display: block;
}
.collabo .flex_box .profile_box p {
  font-size: 14px !important;
  margin-bottom: 16px;
}
.collabo .flex_box .card-content {
  width: 100%;
  margin-top: 16px;
}
.collabo .flex_box .card-content .card-bottom {
  border-radius: 0 0 18px 18px;
  padding: 16px 14px 24px;
}
.collabo .flex_box .card-content .card-bottom .card-body h2 {
  font-size: 18px;
}
.collabo .flex_box .card-content .card-bottom .card-body p {
  padding: 16px 0;
  margin-bottom: 16px;
  font-size: 13.5px !important;
}
.collabo .flex_box .card-content .card-bottom .card-footer {
  font-size: 12px;
  padding-left: 24px;
}
.collabo .flex_box .card-content .card-bottom .card-footer span {
  width: 18px;
  height: 18px;
  font-size: 11px;
  margin-left: -24px;
}
.collabo .cllabo_notes {
  margin: 16px 0 4px;
}
.collabo .cllabo_notes p{
  font-size: 12px !important;
  font-weight: 400;
}
.collabo .cllabo_notes p span:nth-child(2) {
  margin-left: 20px;
}
.collabo .cllabo_notes p span {
  width: 18px;
  height: 18px;
  font-size: 11px;
}
.collabo .cllabo_notes p.small {
  font-size: 10px;
}
  .osechi_description{
    padding: 20px 35px 40px 40px;
            .top_desc {
                justify-content: center;
            }
            .bottom_desc {
                justify-content: center;
            }
            .desc {
                font-size: 14px;
                margin: 0 2px;
            }
            .top_desc {
              margin-bottom: 40px;
          }
  }
  .osechi_map {
    padding: 66px 15px;
    .osechi_map_content {
        padding-bottom: 64px;

        .osechi_map_title {
            font-family: Messenger;
            color: #FF823E;
            display: flex;
            width: 320px;
            padding-bottom: 19px;
            .text {
                width: 223px;
                margin: 0 12px;
            }
            .star {
                width: 22px;
            }
        }
        .osechi_map_box {
             height: 580px;
            .osechi_map_popup {
                width: 265px;
                position: absolute;
                top: 43px;
                left:-50px;
            }
            .osechi_icons {
                .crab_icon {
                    width: 70px;
                    top: 416px;
                    right: 48px;
                }
                .fish_icon {
                    width: 100px;
                    right: -4px;
                    top: 462px;
                }
                .cheese_icon {
                  width: 75px;
                  top: 338px;
                  right: 125px;
                  position: relative;
              }
            }
            .map_area {
                height: 595px;
                .map_img {
                    margin: 0px auto;
                    max-width: 345px;
                    padding: 32px 15px 0px 25px;
                }
                .map_info_box {
                    width: 100%;
                    height: 265px;
                    .pin_list {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        height: 100%;
                        .row {
                            display: flex;
                            justify-content: space-between;
                            width: 100%;
                            margin-bottom: 8px;
                        }

                        .pin {
                            width: 90px;
                            height: 50px;
                            background: #1193DB;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 50%;
                            color: #ffffff;
                            font-family: Oswald;
                            font-weight: 600;
                            &:empty {
                                visibility: hidden;
                            }
                        }

                    }
                }
            }
        }
    }
    .osechi_maiten {
        .maiten_info {
            margin-right: 0px;
            padding: 0px;

            .maiten_title {
                padding-bottom: 16px;
                font-size: 26px;
                font-weight: 800;
                letter-spacing: 1px;
            }
            .maiten_detail {
                font-size: 18px;
                font-weight: 600;
                line-height: 1.6;
                margin-bottom: 16px;
            }
        }
        .maiten_menu {
            width: auto;

        }
    }

}

.osechi_ichinozyu,.osechi_ninozyu,.osechi_sannozyu,.osechi_yonnozyu {
  .ichinozyu_mystery_box{
    background: url(../img/dot_sp.svg);
    min-height: 168px;
    transform: rotate(0deg);
    img {
        width: 150px;
        top: -47px;
        position: relative;
        transform: rotate(0deg);
    }
}
.osechi_detail_information {
  .ichinozyu_popup {
    padding: 60px 0 16px;
    img {
      width: 245px;
    }
    p {
      margin-top: 16px;
      line-height: 1.6;
  }
}
.osechi_more_details {
  .detail_img {
      margin-right: 16px;
  }
  .detail_description {
      padding: 14px 0 0 30px;
      margin: 0px 3%;
      font-size: 12px;
      width: 100%;
      li {
          span {
              width: 18px;
              height: 18px;
              font-size: 11px;
              margin-left: -25px;
              margin-top: 5px;
          }
      }
  }
}
}
.osechi_pickup_list{
  padding: 70px 15px 15px;
                        margin: 70px 15px 40px;
                        border-radius: 35px;
                        .pickup_title {
                                top: -55px;
                                right: 0;
                                left: 0;
                            img {
                                width: 127px;
                            }
                        }
}
p.small {
  margin: 10px 0;
}
.pickup_list_box {
  ul {
      justify-content: center;
      li {
          margin-bottom: 15px !important;
          .card {
              margin-top: 16px;
              .card-body {
                  .ch_width {
                     min-width: auto;
                  }
                  h2 {
                      font-size: 18px !important;
                      margin-bottom: 19px !important;
                      font-weight: 500;
                      .bg_line {
                          padding: 4px 5px !important;
                      }
                  }
                  p {
                      padding-top: 0 !important;
                      font-size: 14px !important;
                      font-weight: 600;
                      letter-spacing: 0px;
                      line-height: 24px;
                  }
                  p.small{
                    font-size: 10px !important;
                    margin-top: 5px;
                  }
              }
              .header {
                  height: 15px;
                  ul {
                      top: 0;
                      .card-header {
                          font-size: 14px;

                      }
                  }
              }
              .card-content  {
                  min-height: auto !important;
                  .card-bottom,.card-bottom01,.card-bottom02 {
                      padding: 0px 16px 24px;
                      min-height: auto !important;
                      .extra_body {
                          .bg_line {
                              padding: 4px 5px;
                              font-size: 17px;
                          }
                      }
                  }
                   .logo_img {
                      .logo_list {
                          top: -72px;
                          right: 10px;
                          img {
                          width: 56px;
                          height: 56px;
                          }
                      }
                  }

              }
              .card-footer,.card-footer1 {
                  padding: 8px 0px 0px 28px !important;
                  font-size: 12px !important;
                  span {
                      width: 18px !important;
                      height: 18px !important;
                      font-size: 11px;
                  }
              }
              .card-footer1{
                padding: 0px 0px 0px 0px !important;
              }
          }
      }
  }
}
}
.order_detail {
  padding-bottom: 40px;
  .online_shop {
      font-size: 18px;
      font-weight: 600;
      padding: 0 0 16px;
  }
  .order_btn {
    width: 345px;
  }
}
.fix_btn {
  padding: 5px 0;
  font-size: 14px;
  .order_btn_grp {
    flex-wrap: wrap;
    justify-content: center;
    height: 100px;
    .online_shop {
        font-weight: bold;
        text-align: center;
        margin-bottom: 0;
        margin-right: 0;
        width: 100%;
    }
    .order_btn {
        width: 345px;
        margin-left: 0px;
    }
}
}
  .btm27 {
    bottom: 15% !important;
}
  /* ここからモーダルcss */
  .modal.show {
    display: flex; /* Show modal when active */
  }
  .modal-open {
    overflow: hidden !important;
  }
  .modal {
    display: none; /* Hide all modals by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
        .modal-content {
            background: white;
            min-width: 0px;
            width: 345px;
            margin: auto;
            padding: 68px 0 64px;
            z-index: 10;
            .drop_pin_no {
                top: -32px;
                left: 140px;
                width: 60px;
            }
            .modal_detail {
                .modal_title {
                    font-size: 26px;
                    padding: 0 0 16px;
                }
                ul {
                    margin: 0 25px;
                    font-size: 14px;
                    letter-spacing: 0px;
                    font-weight: 600;
                    li {
                        margin-left: 17px;
                    }
                    li::before {
                        content: "●";
                        position: relative;                        font-size: 16px;
                        line-height: 1;
                        margin-left: -16px;
                        padding-right: 8px;
                    }
                }
            }
            .close-btn {
                bottom: -45px;
                right: 100px;
                cursor: pointer;
                width: 143px;
                height: 80px;
            }
        }
        .modal1{
          max-height: 650px;
          padding: 48px 0 40px;
          margin-top: 30px;
          .modal_detail {
            ul {
              li {
                 line-height: 1.6;
              }
          }
            .modal_title {
                padding: 10px 0 5px;
            }
        }
        }
  }
  .osechi_yonnozyu .detail_description img {
    margin-left: -7%;
    margin-top: 24px;
}
  
}