@charset "utf-8";

.p-item02__description > .p-geishun-item__description__num{
  -ms-grid-row:1;
  -ms-grid-row-span:2;
  -ms-grid-column:1
}

.p-item02__description > .p-geishun-item__description__title{
  -ms-grid-row:1;
  -ms-grid-column:2
}

.p-geishun-item__description__text{
  -ms-grid-row:2;
  -ms-grid-column:2;
  grid-area:text;
  font-size:1.2rem
}

.p-item02__description > .p-geishun-item__description__text{
  -ms-grid-row:2;
  -ms-grid-column:2
}


.p-item02__desc{
  color:#9f895a;
  font-weight:700
}

.p-item02__title{
  margin-top:4px;
  font-weight:900;
  font-size:2.6rem
}

.p-item02__tags{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-top:-2px
}

.p-item02__tag{
  margin-top:8px;
  margin-right:5px
}

.p-item02__img{
  margin-top:20px
}

.p-item02__img img{
  width:100%;
}

.p-item02__sub-images{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-top:16px
}

.p-item02__sub-image{
  position:relative;
  width:48%;
  margin-bottom:20px
}

.p-item02__sub-image img{
  width:100%;
}

.p-item02__sub-image::before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:0;
  height:0;
  border-color:#9f895a transparent transparent transparent;
  border-style:solid;
  border-width:10vw 10vw 0 0;
  content:" "
}

.p-item02__sub-image::after{
  position:absolute;
  top:2px;
  left:1.75vw;
  color:#fff;
  font-weight:700;
  font-size:3.5vw;
  font-family:"jost", sans-serif
}

.p-item02__sub-image:nth-of-type(1)::after{
  content:"1";
}

.p-item02__sub-image:nth-of-type(2)::after{
  content:"2";
}

.p-item02__sub-image:nth-of-type(3)::after{
  content:"3";
}

.p-item02__descriptions{
  margin-top:16px;
  margin-bottom:20px
}

.p-item02__description{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: auto 1fr;
      grid-template:"num title"
    "num text" / auto 1fr;
}

.p-item02__description:not(:first-of-type){
  margin-top:8px
}

.p-item02__description__num{
  -ms-grid-row:1;
  -ms-grid-row-span:2;
  -ms-grid-column:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  grid-area:num;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  width:0.8em;
  margin-right:8px;
  color:#9f895a;
  font-size:4.3rem;
  font-family:"jost", sans-serif;
  line-height:1
}

.p-item02__description > .p-item02__description__num{
  -ms-grid-row:1;
  -ms-grid-row-span:2;
  -ms-grid-column:1
}

.p-item02__description__title{
  -ms-grid-row:1;
  -ms-grid-column:2;
  grid-area:title;
  align-self:flex-end;
  font-weight:900;
  font-size:1.4rem
}

.p-item02__description > .p-item02__description__title{
  -ms-grid-row:1;
  -ms-grid-column:2
}

.p-item02__description__text{
  -ms-grid-row:2;
  -ms-grid-column:2;
  grid-area:text;
  font-size:1.2rem
}

.p-item02__description > .p-item02__description__text{
  -ms-grid-row:2;
  -ms-grid-column:2
}

.p-item02__price_notice{
  margin-bottom:10px;
  color:#c02020;
  font-weight:700;
  font-size:1.8rem
}

.p-item02__price_wrap{
  grid-area:price_wrap;
  color:white;
  background:#c02020;
  border-radius:10px;
}

.p-item02__price{
  font-weight:700;
  font-size:1.8rem;
  text-align:left
}

.p-item02__price2{
  font-weight:700;
  font-size:1.8rem;
  text-align:left
}

.p-item02__price3{
  margin:0 auto;
  font-weight:700;
  font-size:1.8rem;
  text-align:center
}

.p-item02__price4{
  margin:0 auto;
  font-weight:700;
  font-size:1.8rem;
  text-align:center
}

.p-item02__price3 span{
  font-size:2.8rem
}

.p-item02__button{
  margin-top:16px
}

.p-item03__title{
  font-weight:900;
  font-size:2.4rem
}

.p-item03__tags{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-top:-2px
}

.p-item03__tag{
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  margin-top:8px;
  margin-right:5px
}

.p-item03__img{
  margin-top:20px
}

.p-item03__img img{
  width:100%;
}

.p-item03__desc{
  margin-top:16px;
  font-size:1.2rem
}

.p-item03__price_notice{
  margin-bottom:10px;
  color:#c02020;
  font-weight:700;
  font-size:1.8rem
}

.p-item03__price_wrap{
  color:white;
  background:#c02020;
  border-radius:10px;
}

.p-item03__price{
  font-weight:700;
  font-size:1.8rem;
  text-align:left
}

.p-item03__price2{
  font-weight:700;
  font-size:1.8rem;
  text-align:left
}

.p-item03__price3{
  margin:0 auto;
  font-weight:700;
  font-size:1.8rem;
  text-align:center
}

.p-item03__price4{
  margin:0 auto;
  font-weight:700;
  font-size:1.8rem;
  text-align:center
}

.p-item03__price3 span{
  font-size:2.8rem
}

.p-item03__button{
  margin-top:16px
}


.p-item02{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    -ms-grid-columns: 46.666% auto 46.666%;
        grid-template:"img ... title"
      "img ... desc"
      "img ... tags"
      "img ... sub-img"
      "img ... descs"
      "img ... price"
      "img ... price2"
      "img ... price_notice"
      "img ... price_wrap"
      "img ... price3"
      "img ... price4"
      "img ... button" / 46.666% auto 46.666%
}

.p-item02 > .p-geishun-item__description__title{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item02._reverse{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    -ms-grid-columns: 46.666% auto 46.666%;
        grid-template:"title ... img"
      "desc ... img"
      "tags ... img"
      "sub-img ... img"
      "descs ... img"
      "price ... img"
      "price2 ... img"
      "price_notice ... img"
      "price_wrap ... img"
      "price3 ... img"
      "price4 ... img"
      "button ... img" / 46.666% auto 46.666%
}

.p-item02._reverse > .p-geishun-item__description__title{
    -ms-grid-row:1;
    -ms-grid-column:1
}

.p-item02__desc{
    grid-area:desc;
    margin-top:8px
}

.p-item02__title{
    -ms-grid-row:1;
    -ms-grid-column:2;
    grid-area:title;
    margin-top:0;
    font-size:3.6rem
}

.p-item02__description > .p-item02__title{
    -ms-grid-row:1;
    -ms-grid-column:2
}

.p-item02__tags{
    grid-area:tags;
    margin-top:6px
}

.p-item02__tag{
    margin-top:8px;
    margin-right:10px
}

.p-item02__img{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    grid-area:img;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin-top:0;
    background:#f1f1f1
}

.p-item02__sub-images{
    grid-area:sub-img;
    margin-top:30px
}

.p-item02__sub-image{
    width:47%
}

.p-item02__sub-image::before{
    border-width:38px 38px 0 0
}

.p-item02__sub-image::after{
    left:8px;
    font-size:1.4rem
}

.p-item02__descriptions{
    grid-area:descs
}

.p-item02__description:not(:first-of-type){
    margin-top:12px
}

.p-item02__description__num{
    margin-right:20px;
    font-size:6rem
}

.p-item02__description__title{
    font-weight:700;
    font-size:2rem
}

.p-item02__description__text{
    font-size:1.6rem
}

.p-item02__price_notice{
    grid-area:price_notice;
    font-size:2rem
}

.p-item02__price{
    grid-area:price;
    font-size:2rem;
    text-align:left
}

.p-item02__price2{
    grid-area:price2;
    font-size:2rem;
    text-align:left
}

.p-item02__price3{
    grid-area:price3;
    font-size:2rem;
    text-align:center
}

.p-item02__price4{
    grid-area:price4;
    font-size:2rem;
    text-align:center
}

.p-item02__price3 span{
    display:inline-block;
    margin-left:8px;
    font-size:3.8rem
}

.p-item02__button{
    grid-area:button;
    margin-top:12px
}

.p-item03{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows: auto auto auto 1fr auto auto auto auto auto auto;
    -ms-grid-columns: auto;
        grid-template:"img" auto
      "tags" auto
      "title" auto
      "desc" 1fr
      "price" auto
      "price2" auto
      "price_notice" auto
      "price3" auto
      "price4" auto
      "btn" auto / auto;
    height:100%
}

.p-item03 > .p-geishun-item__description__title{
    -ms-grid-row:3;
    -ms-grid-column:1
}

.p-item03 > .p-item02__desc{
    -ms-grid-row:4;
    -ms-grid-column:1
}

.p-item03 > .p-item02__title{
    -ms-grid-row:3;
    -ms-grid-column:1
}

.p-item03 > .p-item02__description__title{
    -ms-grid-row:3;
    -ms-grid-column:1
}

.p-item03 > .p-item02__price_notice{
    -ms-grid-row:7;
    -ms-grid-column:1
}

.p-item03 > .p-item02__price2{
    -ms-grid-row:6;
    -ms-grid-column:1
}

.p-item03 > .p-item02__price3{
    -ms-grid-row:8;
    -ms-grid-column:1
}

.p-item03 > .p-item02__price4{
    -ms-grid-row:9;
    -ms-grid-column:1
}

.p-item03__title{
    -ms-grid-row:1;
    -ms-grid-column:2;
    grid-area:title;
    min-height:3em;
    margin-top:8px;
    font-size:2.6rem;
    line-height:1.5
}

.p-item02__description > .p-item03__title{
    -ms-grid-row:1;
    -ms-grid-column:2
}

.p-item03__tags{
    grid-area:tags;
    margin-top:12px
}

.p-item03__tag{
    margin-right:10px
}

.p-item03__img{
    grid-area:img;
    margin-top:0
}

.p-item03__desc{
    grid-area:desc;
    margin-top:6px;
    font-size:1.6rem
}

.p-item03__price_notice{
    grid-area:price_notice;
    font-size:2rem
}

.p-item03__price{
    grid-area:price;
    font-size:2rem;
    text-align:left
}

.p-item02__tags{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item02__img{
    -ms-grid-row:1;
    -ms-grid-row-span:5;
    -ms-grid-column:1
}

.p-item02__sub-images{
    -ms-grid-row:2;
    -ms-grid-column:3
}

.p-item02__descriptions{
    -ms-grid-row:3;
    -ms-grid-column:3
}

.p-item02__price{
    -ms-grid-row:4;
    -ms-grid-column:3
}

.p-item02__button{
    -ms-grid-row:5;
    -ms-grid-column:3
}

.p-item03__tags{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item03__img{
    -ms-grid-row:1;
    -ms-grid-row-span:5;
    -ms-grid-column:1
}

.p-item03__price{
    -ms-grid-row:4;
    -ms-grid-column:3
}

.p-item03__price2{
    grid-area:price2;
    font-size:2rem;
    text-align:left
}

.p-item03__price3{
    grid-area:price3;
    font-size:2rem;
    text-align:center
}

.p-item03__price4{
    grid-area:price4;
    font-size:2rem;
    text-align:center
}

.p-item03__price3 span{
    display:inline-block;
    margin-left:6px;
    font-weight:900;
    font-size:3rem
}

.p-item03__button{
    grid-area:btn;
    margin-top:12px
}

.p-item02__desc{
    -ms-grid-row:2;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__desc{
    -ms-grid-row:2;
    -ms-grid-column:1
}

.p-item02 > .p-item02__title{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__title{
    -ms-grid-row:1;
    -ms-grid-column:1
}

.p-item02 > .p-item02__description__title{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__description__title{
    -ms-grid-row:1;
    -ms-grid-column:1
}

.p-item02__price_notice{
    -ms-grid-row:8;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__price_notice{
    -ms-grid-row:8;
    -ms-grid-column:1
}

.p-item02__price_wrap{
    -ms-grid-row:9;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__price_wrap{
    -ms-grid-row:9;
    -ms-grid-column:1
}

.p-item02__price2{
    -ms-grid-row:7;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__price2{
    -ms-grid-row:7;
    -ms-grid-column:1
}

.p-item02__price3{
    -ms-grid-row:10;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__price3{
    -ms-grid-row:10;
    -ms-grid-column:1
}

.p-item02__price4{
    -ms-grid-row:11;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item02__price4{
    -ms-grid-row:11;
    -ms-grid-column:1
}

.p-item02 > .p-item03__title{
    -ms-grid-row:1;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__title{
    -ms-grid-row:1;
    -ms-grid-column:1
}

.p-item03 > .p-item03__title{
    -ms-grid-row:3;
    -ms-grid-column:1
}

.p-item03__desc{
    -ms-grid-row:2;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__desc{
    -ms-grid-row:2;
    -ms-grid-column:1
}

.p-item03 > .p-item03__desc{
    -ms-grid-row:4;
    -ms-grid-column:1
}

.p-item03__price_notice{
    -ms-grid-row:8;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__price_notice{
    -ms-grid-row:8;
    -ms-grid-column:1
}

.p-item03 > .p-item03__price_notice{
    -ms-grid-row:7;
    -ms-grid-column:1
}

.p-item03__price2{
    -ms-grid-row:7;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__price2{
    -ms-grid-row:7;
    -ms-grid-column:1
}

.p-item03 > .p-item03__price2{
    -ms-grid-row:6;
    -ms-grid-column:1
}

.p-item03__price3{
    -ms-grid-row:10;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__price3{
    -ms-grid-row:10;
    -ms-grid-column:1
}

.p-item03 > .p-item03__price3{
    -ms-grid-row:8;
    -ms-grid-column:1
}

.p-item03__price4{
    -ms-grid-row:11;
    -ms-grid-column:3
}

.p-item02._reverse > .p-item03__price4{
    -ms-grid-row:11;
    -ms-grid-column:1
}

.p-item03 > .p-item03__price4{
    -ms-grid-row:9;
    -ms-grid-column:1
}

.p-item03__button{
    -ms-grid-row:10;
    -ms-grid-column:1
}
}

@media only screen and (min-width: 1200px){

.p-item02__sub-image::before{
    border-width:60px 60px 0 0
}

.p-item02__sub-image::after{
    top:4px;
    left:12px;
    font-size:1.8rem
}
}


  /*おせち画像のグレー背景*/
.p-item03__img {
  background: #f1f1f1;
}

/*知っておきたいおせちの作法*/
.p-knowledge__detail__term {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 5.5em;
}

/*上部アンカーリンクのメニュー調整*/
ul.p-nav__list {
  justify-content: center;
}

/*オンライン限定*/
@media only screen and (min-width: 768px) {
.p-geishun .p-size__item {
        width: calc(50% - 24px);
}
}

.c-button {
  background: black;
}

@media only screen and (max-width: 767px) {
  ul.p-nav__list {
    justify-content: space-between;
  }

  .p-item02{
    display: block;
  }
  .p-item02._reverse{
    display:block;
}
}