.cpy01-back .posi-a{
  bottom: 7%;
  width: 100%;
}

.white{  
  background: rgba(255,255,255,0.7);
}

.title-ninki {
  border-top: 5px solid #000;
  display: inline-block;
  margin-top:100px;
  padding-top: 5%;
  text-align: center;
  width: 100%;
}

.title-ninki hr {
  border: none;
  background-image: linear-gradient(to right, #231815, 10px, transparent 10px);
  background-repeat: repeat;
  background-size: 20px 2px;
  background-position: left bottom;
  height: 2px;
  margin-top: 8%;
  width: 100%;
}

.title-ninki p {
  color: #b5b6b6;
  line-height: 0.5;
  letter-spacing: 2px;
}

.title-ninki h3 {
  margin-top: 20px;
}

.ninki-01 div {
  margin: 4%;
  padding: 3%;
  top: 0;
}

.ninki-01_2 div:first-of-type {
  margin: 4%;
  right: 0;
  top: 0;
  width: 48%;
}

.ninki-01_2 div:last-of-type {
  bottom: 24%;
  margin: 4%;
  padding: 3%;
  width: 48%;
}

.ninki-bag :nth-child(2) {
  top: 0;
}

.item-title-m{
  font-weight: bold;
  line-height: 1.1;
  left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.item-title-s{
  background-color: black;
  border-radius:50%;
  color: white;
  line-height: 1.2;
  position: absolute;
  text-align: center;
}

.item-title-s h3{
  display: table-cell;
  vertical-align: middle;
}

.item-box-ossm>div{
  border-bottom: 1px solid #231815;
}

.item-box-ossm>img,.item-box-ossm>div{
  display:inline-block;
  vertical-align: top;
}

.item-box-ossm p:first-of-type{
  color: #a37b51;
}

.item-box-prc>div{
  border-bottom: 1px solid #231815;
}

.item-box-prc p:first-of-type{
  color: #a37b51;
}

.item-box-prc{
  justify-content: space-between;
}

.item-box-prc>div{
  display:inline-block;
  width: 48%;
  vertical-align: top;
}

.item-box-prc>hr{
  width: 46%;
}

.prc-title{
  border-bottom: 3px solid;
  font-size: calc(17px + 22 * (100vw - 320px)/880);
  font-weight: bold;
  line-height: 1.2;
  margin: 10% auto;
  text-align: center;
  width: 70%;
}

.prc-title span{
  color: #8C8C8C;
  display: block;
  font-size: calc(12px + 10 * (100vw - 320px)/880);
  padding-bottom: 2%;
}

.item-box-prc a:last-of-type{
  display: block;
  width: 60%;
}

.prc-btn{
  aspect-ratio: 56/9;
  display: block;
  margin: 50px 0 100px;
  text-align: center;
  width: 100%;
}

.cls-top{
  aspect-ratio: 48/25;
}

.cls-item-prc{
  aspect-ratio: 461/328;
}

.cls-btn-prc{
  aspect-ratio: 56/9;
  height: auto;
}

.cls-btn-all{
  aspect-ratio: 17/3;
  height: auto;
}






/**********************************　SP　**********************************/


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



.title-ninki-4{
  margin-top: 170px;
}

.title-ninki h3{
  font-size: 5vw;
}

.ninki-01 div {
  width: 55%;
}

.ninki-01 p,.ninki-01_2 p{
  font-size: 3vw;
}

.ninki-01_2 div:first-of-type {
  margin: 2% 2% 2% 4%;
  top: 0;
  width: 50%;
}

.ninki-bag a {
  margin: 0;
}

.ninki-bag div p {
  font-size:calc(12px + 3 * (100vw - 320px)/880);
}

.ninki-bag div:nth-child(2) {
  margin: 2%;
  width: 100%;
}

.ninki-bag :nth-child(3) {
  margin: 2% 0 2% 2%;
  top: 13%;
  width: 48%;
}

.ninki-noshi {
  display: grid;
  grid-auto-rows:2fr;
  grid-gap:10%;
  margin : 60px 0;
}

.ninki-noshi-02 {
  background:url("https://hoshi.itembox.design/item/images/gift-scene/nnk-noshi-back-sp.jpg") no-repeat center center;
}

.ninki-noshi-03 {
  margin: 0 auto;
  padding-bottom: 10px;
  width: 80%;
}

.ninki-noshi-04 {
  padding: 10% 8% 0 0;
}


.item-title-m {
  font-size: 5vw;
  top: 74%;
  width: 100%; /** 文章長い用 **/
}

.item-title-s {
  font-size: 3vw;
  right: 16%;
  top: 47%;
}

.item-title-s h3 {
  height: 60px;
  width: 60px;
}

.item-box-ossm {
  margin-bottom: 8%;
}

.item-box-ossm img:first-of-type {
  width: 45%;
}

.item-box-ossm img:nth-child(2) {
  width: 60%;
}

.item-box-ossm>div {
  width: 53%;
}

.item-box-ossm p {
  line-height: 1.2;
}

.cls-snd-img{
  aspect-ratio: 749/251;
}

.cls-snd-back{
  aspect-ratio: 199/105;
}

.cls-nnk01-1{
  aspect-ratio: 199/132;
}

.cls-nnk01-2{
  aspect-ratio: 398/535;
}

.cls-bag{
  aspect-ratio: 199/119;
}

.cls-noshi{
  aspect-ratio: 39/61;
}

.cls-title{
  aspect-ratio: 398/159;
}

.cls-item-ossm{
  aspect-ratio: 179/174;
  height: auto;
}

.cls-btn-prc,.cls-btn-all{
  width: 100%;
}



}/*削除しないように*/


/********************************　SP　end　********************************/






/**********************************　PC　**********************************/

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

.cpy01-back .posi-a h2{
  font-size:calc(20px + 3 * (100vw - 320px)/880);
}

.title-ninki h3 {
  font-size: 40px;
}

.ninki-01 p,.ninki-01_2 p{
  font-size: 18px;
}

.ninki-01 div {
  width: 40%;
}

.ninki-01_2 div:first-of-type{
  top: 3%;
  width: 43%;
}

.ninki-bag div:nth-child(2) {
  margin: 5%;
  width: 100%;
}

.ninki-bag :nth-child(3) {
  margin: 3% 5% 0;
  top: 20%;
  width: 45%;
}

.ninki-noshi {
  background:url("https://hoshi.itembox.design/item/images/gift-scene/nnk-noshi-back-pc.jpg") no-repeat center center;
  background-size:100% auto;
  display: grid;
  grid-auto-rows:1fr;
  grid-gap:7%;
  margin : 60px 0;
  padding: 0 0 2%;
}

.ninki-noshi-01 {
  grid-colum: 1/2;
  grid-row: 1/3;
  margin: 5% 0 0 15%;
}

.ninki-noshi-02 {
  grid-colum: 2/3;
  grid-row: 1/3;
}

.ninki-noshi-03 {
  grid-colum: 2/3;
  grid-row: 1/2;
  margin-right: 15%;
  text-align: center;
}

.ninki-noshi-04 {
  margin-right: 15%;
}

.item-title-m,.item-title-m1br{
  font-size: 40px;
}

.item-title-m{
  bottom: 10%;
}

.item-title-m1br{
  bottom: 2%;
}

.item-title-s{
  font-size: 22px;
  top: 50%;
  right: 10%;
}

.item-title-s h3{
  height: 120px;
  width: 120px;
}

.item-box-ossm{
  display: flex;
  margin-bottom: 5%;
}

.item-box-ossm>img{
  width: 60%;
}

.item-box-ossm>div{
  margin-left: 2%;
}

.item-box-ossm>div,.item-box-ossm>hr{
  width: 39%;
}

.cls-snd-img{
  aspect-ratio: 192/53;
}

.cls-snd-back{
  aspect-ratio: 96/35;
}

.cls-nnk01-1{
  aspect-ratio: 320/183;
}

.cls-nnk01-2{
  aspect-ratio: 960/941;
}

.cls-bag{
  aspect-ratio: 479/202;
}

.cls-title{
  aspect-ratio: 960/329;
}

.cls-item-ossm{
  aspect-ratio: 576/283;
  height: auto;
  width: 100%;
}

.cls-btn-prc,.cls-btn-all{
  width: 55%;
}



}/*削除しないように*/


/********************************　PC　end　********************************/