@charset "utf-8";

body{
  overflow-x:hidden;
}

.fs-l-main{
  max-width:none;
  margin:0 auto;
  padding:0;
}

.fs-c-breadcrumb{
  width:100%;
  max-width:none;
  background:#F6F4F3
}

.fs-c-breadcrumb .fs-c-breadcrumb__list{
    max-width:1200px;
    margin:0 auto;
  }

.fs-l-pageMain{
  max-width:none;
}

.hdrtop_bnrsec{
  background:#b5a584;
  display:none;
}

.htopbox{
  background:#b5a584;
  display:none;
}

footer{
  margin-top:0 !important;
  border-top:none;
}

footer p.copy{
  padding:10px 0
}

footer .ftrbt,
footer .ftrmid_txtbox a{
  background:#4652A1;
}

footer .ftrmid_txtbox a:after{
  right:4px;
  background-image:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-w.svg");
}

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

p{
  font-weight:500;
  font-size:14px;
  line-height:1.6
}

.u-bg-gray{
  background-color:#eeeeee;
}

.u-bg-yellow{
  background-color:#FFF9ED;
}

.u-anchor{
  margin-top:-43px;
  padding-top:43px
}

.l-inner{
  max-width:1260px;
  margin-right:auto;
  margin-left:auto;
  padding:0 5%
}

.l-section{
  padding:40px 0
}

.c-title{
  font-weight:bold;
  font-size:24px;
  line-height:1.2;
}

.c-subtitle{
  text-align:center;
}

.c-subtitle span{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  color:#4652A1;
  font-weight:900;
  font-size:14px;
  background:-webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(0, transparent),
    color-stop(60%, transparent),
    color-stop(60%, rgba(70, 82, 161, 0.12)),
    to(rgba(70, 82, 161, 0.12))
  );
  background:-webkit-linear-gradient(
    transparent 0,
    transparent 60%,
    rgba(70, 82, 161, 0.12) 60%,
    rgba(70, 82, 161, 0.12) 100%
  );
  background:-o-linear-gradient(
    transparent 0,
    transparent 60%,
    rgba(70, 82, 161, 0.12) 60%,
    rgba(70, 82, 161, 0.12) 100%
  );
  background:linear-gradient(
    transparent 0,
    transparent 60%,
    rgba(70, 82, 161, 0.12) 60%,
    rgba(70, 82, 161, 0.12) 100%
  )
}

.c-subtitle span::before,
.c-subtitle span::after{
  display:block;
  width:2px;
  height:18px;
  background-color:#4652A1;
  -webkit-transform-origin:bottom;
      -ms-transform-origin:bottom;
          transform-origin:bottom;
  content:""
}

.c-subtitle span::before{
  margin-right:4px;
  -webkit-transform:rotate(-30deg) translateY(2px);
      -ms-transform:rotate(-30deg) translateY(2px);
          transform:rotate(-30deg) translateY(2px)
}

.c-subtitle span::after{
  margin-left:4px;
  -webkit-transform:rotate(30deg) translateY(2px);
      -ms-transform:rotate(30deg) translateY(2px);
          transform:rotate(30deg) translateY(2px)
}

.c-heading-icon{
  text-align:center;
}

.c-heading-icon._categories img{
  width:26px
}

.c-heading-icon._budgets img{
  width:28px
}

.c-heading-icon._relations img{
  width:26px
}

.c-heading-icon._ranking img{
  width:30px
}

.c-btn{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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;
  height:48px;
  background-color:#dc131a;
  border-radius:24px
}

.c-btn::after{
  position:absolute;
  top:50%;
  right:20px;
  display:block;
  width:6px;
  height:10px;
  margin-top:2px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-w.svg");
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  content:"";
}

.c-btn span{
  color:#fff;
  font-weight:500;
  font-size:16px
}

.c-btn:hover,
.c-btn:focus{
  text-decoration:none;
  -webkit-transition:none;
  -o-transition:none;
  transition:none;
}

.c-ranking-item{
}

.c-ranking-item__head{
  position:relative;
  padding:16px;
  border:solid 1px #ccc
}

.c-ranking-item__head::before{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:block;
  width:0;
  height:0;
  border-style:solid;
  border-width:60px 60px 0 0;
  content:"";
}

.c-ranking-item._rank01 .c-ranking-item__head::before{
  border-color:#d5ab3d transparent transparent transparent;
}

.c-ranking-item._rank02 .c-ranking-item__head::before{
  border-color:#807c7c transparent transparent transparent;
}

.c-ranking-item._rank-other .c-ranking-item__head::before{
  border-color:#3c3c3c transparent transparent transparent;
}

.c-ranking-item__rank{
  position:absolute;
  top:2px;
  left:10px;
  z-index:2;
  color:#fff;
  font-weight:500;
  font-size:18px;
}

.c-ranking-item__img img{
  width:100%;
}

.c-ranking-item__body{
  margin-top:10px
}

.c-ranking-item__title{
  display:inline-block;
  font-weight:500;
  font-size:16px;
  text-decoration:underline
}

.c-ranking-item__title::after{
  display:inline-block;
  width:6px;
  height:10px;
  margin-left:10px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-bl.svg");
  content:"";
}

.c-ranking-item__text{
  margin-top:12px;
  margin-bottom:12px;
  font-weight:500
}

.c-ranking-item__note{
  font-weight:500;
  font-size:12px
}

.c-ranking-item__price{
  font-weight:500;
  font-size:14px;
  line-height:1.4
}

.c-ranking-item__price span._num{
  font-size:20px
}

.p-mv{
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
}

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

.p-lead{
  padding:10px 5%;
  text-align:center;
  background:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/lead_bg_sp.jpg") no-repeat 50%;
  background-size:cover
}

.p-lead__inner{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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;
}

.p-lead__inner::before,
.p-lead__inner::after{
  display:block;
  width:25px;
  height:69px;
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
  content:""
}

.p-lead__inner::before{
  margin-right:15px;
  background:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/lead_l.svg") no-repeat 50%
}

.p-lead__inner::after{
  margin-left:15px;
  background:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/lead_r.svg") no-repeat 50%
}

.p-lead__sub{
  display:block;
  font-weight:bold;
  font-size:14px
}

.p-lead__text{
  display:block;
  font-weight:bold;
  font-size:16px
}

.p-nav{
  padding:16px 0;
  background-color:#273278
}

.p-nav__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-top:-10px;
  margin-right:-5px;
  margin-left:-5px
}

.p-nav__item{
  width:calc(50% - 10px);
  margin-top:10px;
  margin-right:5px;
  margin-left:5px;
  background-color:#4652A1
}

.p-nav__link{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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:100%;
  height:100%;
  padding:10px 8px 22px
}

.p-nav__link::after{
  position:absolute;
  bottom:10px;
  left:50%;
  display:block;
  width:10px;
  height:6px;
  background-image:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-bottom-w.svg");
  background-size:cover;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  content:""
}

.p-nav__link:hover,
.p-nav__link:focus{
  text-decoration:none;
  -webkit-transition:none;
  -o-transition:none;
  transition:none;
  opacity:1
}

.p-nav__link:hover img, .p-nav__link:focus img{
    opacity:1;
  }

.p-nav__icon{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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:30px;
  margin-right:10px
}

.p-nav__icon._categories img{
  width:26px;
}

.p-nav__icon._budgets img{
  width:28px;
}

.p-nav__icon._specials img{
  width:25px;
}

.p-nav__icon._relations img{
  width:26px;
}

.p-nav__text{
  color:#fff;
  font-weight:500;
  font-size:14px;
  line-height:1.5
}

.p-heading{
  padding:40px 0
}

.p-heading__heading{
  padding:4px 0;
  text-align:center
}

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

.p-bnr-area__bnr img{
  margin:0 auto;
}

.p-bnr-area__heading{
  margin-top:20px;
  text-align:center;
}

.p-bnr-area__desc{
  margin-top:20px;
}

.p-gift-search{
  padding:40px 0
}

.p-gift-search__title{
  text-align:center
}

.p-gift-search__title .ja{
    display:block;
    font-size:14px
  }

.p-gift-search__title .en{
    display:block;
    color:#4652A1;
    font-size:24px;
    margin-top:5px
  }

.p-gift-search__form{
}

.p-gift-search__form #minprice,
.p-gift-search__form #maxprice{
  width:0;
  height:0;
  padding:0;
  margin:0;
  border:0;
  min-height:auto;
}

.p-gift-search__body{
  margin-top:20px
}

.p-gift-search__col{
  position:relative;
  overflow:hidden
}

.p-gift-search__col::before{
    position:absolute;
    top:1px;
    right:1px;
    bottom:1px;
    width:33px;
    height:calc(100% - 2px);
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
    background:#F2F2F2;
    border-left:1px solid #D5D5D5;
    border-radius:0 3px 3px 0;
    content:"";
    pointer-events:none;
  }

.p-gift-search__col::after{
    position:absolute;
    top:50%;
    right:13px;
    width:0;
    height:0;
    margin-top:-2px;
    border-style:solid;
    border-width:5px 4px 0 4px;
    border-color:#333 transparent transparent transparent;
    content:"";
    pointer-events:none;
  }

.p-gift-search__select{
  color:#3C3C3C;
  font-weight:500;
  font-size:16px;
  vertical-align:middle;
  background:#ffffff;
  width:100%;
  border:1px solid #D5D5D5;
  padding:5px 10px;
  padding-right:40px;
  border-radius:3px;
}

.p-gift-search__cross{
  margin:12px;
  text-align:center
}

.p-gift-search__footer{
  text-align:center;
  margin-top:20px
}

.p-gift-search__btn{
  width:100%;
  color:#fff;
  font-weight:500;
  font-size:16px;
  line-height:1.4;
  background:#4652A1;
  padding:12px;
  border:none;
  border-radius:50px
}

.p-gift-search__btn span{
    position:relative;
    padding-left:30px
  }

.p-gift-search__btn span::after{
      position:absolute;
      top:50%;
      left:0;
      display:block;
      width:24px;
      height:24px;
      background:no-repeat center / cover
        url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/ico-search.svg");
      -webkit-transform:translateY(-50%);
          -ms-transform:translateY(-50%);
              transform:translateY(-50%);
      content:"";
    }

.p-categories__heading{
  margin-top:6px;
  text-align:center
}

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

.p-categories__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-right:-10px;
  margin-left:-10px
}

.p-categories__item{
  width:calc(50% - 20px);
  margin-top:30px;
  margin-right:10px;
  margin-left:10px
}

.p-categories__link{
  display:block;
  width:100%;
  height:100%;
}

.p-categories__title{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-top:10px;
  font-weight:bold;
  font-size:16px;
  text-decoration:underline
}

.p-categories__title::after{
  display:block;
  -webkit-box-flex:0;
  -webkit-flex:0 0 6px;
      -ms-flex:0 0 6px;
          flex:0 0 6px;
  height:10px;
  margin-left:12px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-br.svg");
  content:"";
}

.p-categories__body{
  margin-top:8px;
}

.p-categories__btn{
  margin-top:30px
}

.p-budgets__heading{
  margin-top:6px;
  text-align:center
}

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

.p-budgets__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-top:20px;
  margin-right:-5px;
  margin-left:-5px
}

.p-budgets__item{
  width:calc(50% - 10px);
  margin-top:10px;
  margin-right:5px;
  margin-left:5px
}

.p-budgets__link{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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;
  padding:24px 0
}

.p-budgets__link::before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  background-color:rgba(216, 153, 14, 0.75);
  content:"";
}

.p-budgets__link:hover,
.p-budgets__link:focus{
  text-decoration:none;
}

.p-budgets__item:nth-of-type(1) .p-budgets__link{
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/budget01.jpg");
}

.p-budgets__item:nth-of-type(2) .p-budgets__link{
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/budget02.jpg");
}

.p-budgets__item:nth-of-type(3) .p-budgets__link{
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/budget03.jpg");
}

.p-budgets__item:nth-of-type(4) .p-budgets__link{
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/budget04.jpg");
}

.p-budgets__title{
  position:relative;
  z-index:1;
  width:100%;
  color:#fff;
  font-weight:500;
  font-size:14px;
  text-align:center
}

.p-budgets__title::after{
  position:absolute;
  top:50%;
  right:10px;
  display:block;
  width:6px;
  height:10px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-w.svg");
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  content:""
}

.p-specials__heading{
  margin-top:6px;
  text-align:center
}

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

.p-specials__list{
  margin-top:10px
}

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

.p-specials__item:not(:last-of-type){
  padding-bottom:20px;
  border-bottom:1px solid #dcdcdc
}

.p-specials__link{
  display:-ms-grid;
  display:grid;
  -ms-grid-rows: auto 14px 1fr;
  -ms-grid-columns: 47% 20px auto;
      grid-template:"img ... title" auto
    "img ...  ... " 14px
    "img ... body " 1fr / 47% 20px auto
}

.p-specials__img{
  -ms-grid-row:1;
  -ms-grid-row-span:3;
  -ms-grid-column:1;
  grid-area:img;
}

.p-specials__title{
  -ms-grid-row:1;
  -ms-grid-column:3;
  display:inline-block;
  grid-area:title;
  font-weight:bold;
  font-size:16px;
  text-decoration:underline
}

.p-specials__title::after{
  display:inline-block;
  width:6px;
  height:10px;
  margin-left:10px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-br.svg");
  content:"";
}

.p-specials__body{
  -ms-grid-row:3;
  -ms-grid-column:3;
  grid-area:body
}

.p-relations__heading{
  margin-top:4px;
  text-align:center
}

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

.p-relations__list{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  margin-top:10px;
  margin-right:-10px;
  margin-left:-10px
}

.p-relations__item{
  width:calc(50% - 20px);
  margin-top:20px;
  margin-right:10px;
  margin-left:10px;
  background-color:#fff;
  border-radius:3px
}

.p-relations__link{
  display:block;
  width:100%;
  height:100%;
}

.p-relations__head{
  position:relative;
}

.p-relations__title{
  position:absolute;
  top:0;
  left:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -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:100%;
  height:100%;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  background-color:rgba(216, 153, 14, 0.75)
}

.p-relations__title::after{
  display:block;
  width:6px;
  height:10px;
  margin-top:2px;
  margin-left:10px;
  background:no-repeat center / cover
    url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-right-w.svg");
  content:"";

}

.p-relations__body{
  padding:20px 12px;
}

.p-giftranking.p-giftranking{
  padding-bottom:0;
}

.p-giftranking__title{
  width:190px;
  margin:0 auto;
  text-align:center
}

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

.p-giftranking__item{
  margin-top:20px;
  padding-bottom:20px;
  border-bottom:1px solid #dcdcdc
}

.p-giftranking__item:first-child{
    margin-top:0;
  }

.p-giftranking-box__title{
  font-weight:bold;
  font-size:16px
}

.p-giftranking-box__title .rank{
    display:inline-block;
    padding:4px;
    color:#fff;
    line-height:1;
    border-radius:5px
  }

.p-giftranking__item._rank01 .p-giftranking-box__title .rank{
      background:#D5AB3D
  }

.p-giftranking__item._rank02 .p-giftranking-box__title .rank{
      background:#807C7C
  }

.p-giftranking__item._rank03 .p-giftranking-box__title .rank{
      background:#8C4100
  }

.p-giftranking-box__text{
  margin-top:12px
}

.p-ranking__heading{
  margin-top:4px;
  text-align:center
}

.p-ranking__desc{
  margin-top:30px
}

.p-ranking__list.p-ranking__list{
  margin-top:30px;
  padding-bottom:30px
}

.p-ranking__item._rank01,
.p-ranking__item._rank02{
  width:100%
}

.p-ranking__item._rank01{
  padding:0;
  margin-bottom:30px
}

.p-ranking__item._rank02{
  padding:0;
  margin-bottom:0
}

.p-ranking__btn{
  width:100%;
  margin-top:40px
}

.p-knowledge__heading{
  margin-top:10px;
  text-align:center;
}

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

.p-knowledge__list{
}

.p-knowledge__item{
  margin-top:20px;
  padding-bottom:20px;
  border-bottom:1px solid #dcdcdc
}

.p-knowledge__img{
  margin-right:20px;
}

.p-knowledge__title{
  color:#4652A1;
  font-weight:bold;
  font-size:18px;
}

.p-knowledge__body{
  margin-top:10px
}

.p-knowledge__body p{
}

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

.p-note__heading{
  text-align:center;
}

.p-note__list{
  margin-top:20px;
  list-style:disc
}

.p-note__item{
  margin-left:20px;
  font-weight:500;
  font-size:14px
}

.u-text-red{
  color:#d80000;
}

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

.p-nav__link{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
        -ms-flex-direction:column;
            flex-direction:column;
    padding:12px 0
}

.p-nav__link::after{
    display:none
}

.p-nav__icon{
    height:30px;
    margin-right:0;
    width:auto
}

.p-nav__text{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    margin-top:4px;
    font-size:16px;
    text-align:center
}

.p-nav__text::after{
    display:block;
    width:10px;
    height:6px;
    margin-top:4px;
    margin-left:10px;
    background-image:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/chev-bottom-w.svg");
    background-size:cover;
    content:""
}
}

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

footer p.copy{
    padding:25px 0
}
  .cInner .hdr_logo{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -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;
    max-width:50%;
  }

  .cInner .hdr_logo a{
    display:block;
    width:100%;
    height:100%;
  }

  .cInner .hdr_logo a img{
    width:100%;
  }

  .cInner .hdr_logo + div{
    padding-top:16px;
  }

  .cInner{
    font-size:12px;
    line-height:1.6;
  }

  .fs-l-header{
    padding-top:0;
    border-top:20px solid #e60012;
  }

  .hdrtop_bnrsec{
    display:none;
  }

  footer .ftrbt{
    background:none;
  }

  footer .ftrbt .fnav{
    background:#4652A1;
  }

p{
    font-size:16px;
    line-height:1.75
}

.u-hide-m-up{
    display:none !important
}

.u-anchor{
    margin-top:0;
    padding-top:0
}

.l-inner{
    padding:0 30px
}

.l-section{
    padding:75px 0
}

.c-subtitle span{
    font-size:18px
}

.c-subtitle span::before,
.c-subtitle span::after{
    height:22px
}

.c-subtitle span::before{
    -webkit-transform:rotate(-30deg);
        -ms-transform:rotate(-30deg);
            transform:rotate(-30deg)
}

.c-subtitle span::after{
    -webkit-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
            transform:rotate(30deg)
}

.c-heading-icon._categories img{
    width:42px
}

.c-heading-icon._budgets img{
    width:44px
}

.c-heading-icon._relations img{
    width:40px
}

.c-heading-icon._ranking img{
    width:48px
}

.c-btn{
    height:52px
}

.c-btn span{
    font-size:18px
}

.c-ranking-item{
    max-width:none
}

.c-ranking-item._rank01 .c-ranking-item__link,
.c-ranking-item._rank02 .c-ranking-item__link{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
        -ms-flex-align:start;
            align-items:flex-start
}

.c-ranking-item__head{
}

.c-ranking-item._rank01 .c-ranking-item__head,
.c-ranking-item._rank02 .c-ranking-item__head{
    -webkit-box-flex:0;
    -webkit-flex:0 0 50%;
        -ms-flex:0 0 50%;
            flex:0 0 50%;
    padding:27px
}

.c-ranking-item__body{
    margin-top:20px
}

.c-ranking-item._rank01 .c-ranking-item__body,
.c-ranking-item._rank02 .c-ranking-item__body{
    margin-top:0;
    margin-left:20px
}

.c-ranking-item__title{
    font-size:18px
}

.c-ranking-item__text{
    margin-top:20px;
    margin-bottom:20px
}

.c-ranking-item__note{
    margin-top:6px;
    font-size:14px
}

.c-ranking-item__price{
    font-size:16px
}

.c-ranking-item__price span._num{
    font-size:23px
}

.p-lead{
    padding:20px 0;
    background:url("https://yakuodo.itembox.design/item/LP/2022oseibo/images/lead_bg.jpg") no-repeat 50%;
    background-size:cover
}

.p-lead__inner::before,
.p-lead__inner::after{
}

.p-lead__inner::before{
    margin-right:20px
}

.p-lead__inner::after{
    margin-left:20px
}

.p-lead__sub{
    font-size:16px
}

.p-lead__text{
    font-size:24px
}

.p-nav{
    padding:0;
    background-color:#4652A1
}

.p-nav__list{
    margin-top:0;
    border-right:1px solid #6B76BC
}

.p-nav__item{
    width:25%;
    margin:0;
    background-color:#4652A1;
    border-left:1px solid #6B76BC
}

.p-nav__link:hover,
.p-nav__link:focus{
    background-color:#273278
}

.p-heading{
    padding:75px 0
}

.p-heading__heading{
    padding:16px 0
}

.p-heading__desc{
    text-align:center
}

.p-gift-search{
    padding:46px 0 50px
}

.p-gift-search__title{
}

.p-gift-search__title .ja{
      font-size:16px
  }

.p-gift-search__title .en{
      font-size:26px
  }

.p-gift-search__body{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -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:54px
}

.p-gift-search__col{
    width:300px
}

.p-gift-search__cross{
    margin:0 12px
}

.p-gift-search__footer{
    margin-top:60px
}

.p-gift-search__btn{
    font-size:18px;
    max-width:220px
}

.p-categories__heading{
    margin-top:14px
}

.p-categories__desc{
    margin-top:40px;
    text-align:center
}

.p-categories__list{
    margin-right:16px;
    margin-left:16px
}

.p-categories__item{
    width:calc(25% - 32px);
    margin-top:50px;
    margin-right:16px;
    margin-left:16px
}

.p-categories__title{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    margin-top:22px
}

.p-categories__btn{
    max-width:600px;
    margin-top:50px;
    margin-right:auto;
    margin-left:auto
}

.p-budgets__heading{
    margin-top:14px
}

.p-budgets__desc{
    margin-top:40px;
    text-align:center
}

.p-specials__heading{
    margin-top:14px
}

.p-specials__desc{
    margin-top:40px;
    text-align:center
}

.p-specials__list{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    margin-top:0;
    margin-right:-12px;
    margin-left:-12px
}

.p-specials__item{
    width:calc(50% - 24px);
    margin-top:40px;
    margin-right:12px;
    margin-left:12px
}

.p-specials__item:not(:last-of-type){
    padding-bottom:0;
    border-bottom:none
}

.p-specials__link{
    display:block
}

.p-specials__title{
    margin-top:16px;
    font-size:18px
}

.p-specials__body{
    margin-top:8px;
    font-size:16px
}

.p-relations__heading{
    margin-top:12px
}

.p-relations__desc{
    margin-top:40px;
    text-align:center
}

.p-relations__list{
    margin-top:30px;
    margin-right:-16px;
    margin-left:-16px
}

.p-relations__item{
    width:calc(25% - 32px);
    margin-top:20px;
    margin-right:16px;
    margin-left:16px
}

.p-relations__title{
    top:unset;
    bottom:0;
    height:auto;
    padding:10px 0
}

.p-giftranking__inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center
}

.p-giftranking__title{
    -webkit-box-flex:0;
    -webkit-flex:none;
        -ms-flex:none;
            flex:none;
    width:200px;
    margin-right:30px
}

.p-giftranking__list{
    margin-top:0;
    width:100%
}

.p-giftranking__item{
    margin-top:30px;
    padding-bottom:30px
}

.p-giftranking-box{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center
}

.p-giftranking-box__title{
    -webkit-box-flex:0;
    -webkit-flex:none;
        -ms-flex:none;
            flex:none;
    width:160px;
    font-size:20px
}

.p-giftranking-box__text{
    margin-top:0
}

.p-ranking__heading{
    margin-top:14px
}

.p-ranking__desc{
    margin-top:40px;
    text-align:center
}

.p-ranking__list.p-ranking__list{
    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:50px;
    padding-bottom:0
}

.p-ranking__item._rank01,
.p-ranking__item._rank02{
    width:50%
}

.p-ranking__item._rank01{
    padding-right:15px;
    margin-bottom:50px
}

.p-ranking__item._rank02{
    padding-left:15px;
    margin-bottom:50px
}

.p-ranking__item._rank-other{
    width:calc(20% - 10px);
    max-width:212px;
    margin-left:10px
}

    .p-ranking__item._rank-other:first-child{
      margin-left:0;
    }

.p-ranking__scrollbar{
    display:none
}

.p-ranking__btn{
    max-width:560px;
    margin-top:50px;
    margin-right:auto;
    margin-left:auto
}

.p-knowledge__desc{
    margin-top:40px;
    text-align:center
}

.p-knowledge__item{
    margin-top:40px;
    padding-bottom:40px
}

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

.p-knowledge__btn{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:38px;
    margin-right:0;
    margin-left:auto;
    padding-right:72px;
    padding-left:72px
}

.p-knowledge__btn span{
    font-size:16px
}

.p-note__list{
    margin-top:40px
}

.p-note__item{
    font-size:16px
}
}

@media only screen and (min-width: 1024px){
  .cInner .hdr_logo + div{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
  }

  .cInner form.searchForm.searchFormA{
    margin-top:0;
    margin-left:12px;
  }

.u-hide-l-up{
    display:none !important
}

.c-ranking-item._rank01 .c-ranking-item__body,
.c-ranking-item._rank02 .c-ranking-item__body{
    margin-left:40px
}

.p-budgets__list{
    margin-top:40px;
    margin-right:-16px;
    margin-left:-16px
}

.p-budgets__item{
    width:calc(25% - 32px);
    margin-top:0;
    margin-right:16px;
    margin-left:16px
}

.p-budgets__link{
    padding:32px 0
}

.p-budgets__title{
    font-size:18px
}

.p-budgets__title::after{
    right:16px
}

.p-specials__item{
    width:calc(33.333% - 24px)
}

.p-relations__title{
    font-size:18px
}

.p-giftranking__title{
    width:278px;
    margin-right:40px
}

.p-ranking__item._rank01{
    padding-right:15px
}

.p-ranking__item._rank02{
    padding-left:15px
}
}

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

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

@media only screen and (max-width: 575px){

.u-hide-to-m{
    display:none !important
}
  }

@media only screen and (min-width: 576px) and (max-width: 767px){

.u-hide-to-m{
    display:none !important
}

.u-hide-sm-md{
    display:none !important
}
  }

@media only screen and (max-width: 375px){

.p-nav__text{
    font-size:12px
}
  }