/******************************/
/* SLIDER */
/******************************/
.p-main-slider .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  left: 0;
}
.p-main-slider .bx-wrapper img {https://soken-creative.com/?tid=15&tmpl_type=1&ph=ef26148346f879fe42810a473a47ddc7
  margin: 0 auto;
  width: 100%;
}
.p-main-slider .bx-wrapper .bx-pager {
  padding-top: 0;
  bottom: -40px;
}
@media screen and (max-width: 767px) {
  .p-main-slider .bx-wrapper .bx-pager {
    bottom: -25px;
  }
}
.p-main-slider .bx-wrapper .bx-pager.bx-default-pager a {
  margin-left: 10px;
  margin-right: 10px;
  background: #dddddd;
}
/******************************/
/* コンテンツ特集 */
/******************************/
/*各見出しCSS*/
.heading-001 {
    padding: .5em .7em;
    border-left: 5px solid #71a597;
    color: #333333;
}
.heading-002 {
   text-align: center;	
}
.background_001 {
  /* 水平・垂直方向の中央揃え */
   width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 15px;                 /* 余白指定 */
}
.background_002 {
	width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 10px;                 /* 余白指定 */
}
.background_003 {
  background: #f4faf9;
  width: 100%;
     margin: 0 auto;
     padding: 20px;                 /* 余白指定 */
}
.background_004{
  background: #f4faf9;
  height: 130px;                  /* 高さ指定 */
  padding:  20px;                 /* 余白指定 */
  margin: 50px 0px 0px 0px
}
.background_006 {
	width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     padding: 10px;                 /* 余白指定 */
}
@media screen and (max-width:767px) {
    .background_004{
     height: 200px; 
     margin: 0 auto;
     padding: 15px;                 /* 余白指定 */
   }
  .background_006 {
	width: 80%;
    margin: 0 auto;
   }
 }

.background{
  height: 130px;                  /* 高さ指定 */
  padding:  20px;                 /* 余白指定 */
  margin: 50px 0px 0px 0px 
}
.content__title {
  text-align:center;
  height:80px;
  line-height:30px; 
}
h4 {
  position: relative;
  padding-left: 35px;
}
h4:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
h4:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*例えばこんなサービス*/
@media(min-width:767px){
  /*PC版のみ*/
  .yokonarabe{
    display:flex;
    width:100%;
    margin:0;
  }
  .yokonarabe>div{
    width:40%;
  }
}
/*PC・スマホ共通*/
.yokonarabe>div{
  margin:0 1%;
}
/*序盤*/
.content__box {
margin:2em auto;
padding:2em;/*内側余白*/
border:solid 2px #707070;/*線の種類・太さ・色*/
}
.content__lead {
 text-align:center;
}
.flex{
  max-width: 1200px;
  margin: 90px auto;
  margin-bottom: 30px
}
img{
  max-width: 100%;
  
  margin: 0 auto; 
}
.content2__lead {
  font-size: 20px;
　color: #707070
}
@media screen and (min-width:767px) {
  .flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .item+.item{
    margin-left:3.0em;
  }
}
.content3__lead {
  font-size: 18px;
　color: #707070
}
/*フードプリンターはお店に新たな収益を生むソリューションです。*/
.content__title2 {
  text-align:center;
  height:40px;
  line-height:20px; 
}
.surprise_scene__contents {
    width: 100%;
     max-width: 1200px;
     margin: auto;
 }

.item-list2 {
  display: flex;
  justify-content:space-between;/*両端揃え*/
}
.item-list2 .item2 {
  width: 100%;
  margin: 0;
  padding: 5%;
}
.item-list2 .item2 .image2{
  width: 100%;
  margin: auto;
  margin-left: 10px;
}
.item-list2 .item2 .image2 img{
  width: 100%;
}

.item-list2 .item2 .image2 img .description2{
  text-align: center;
  margin: auto;
  padding: 0;
  margin-right: 10px;
  font-size: 13px;
}
.description2 {
  width: 100%;
  height: 100px;
  padding-right: 10px;
  padding-left: 10px;
}

.description2 p {
  font-size: 13px;
  color: dimgray;
}

@media screen and (max-width:767px){
  .item-list2 {
    display:block;
	max-width:70%;
	 margin: 0 auto;
   }
  .item-list2 .item2 {
  display:block;
　　}
}
/*次に進むボタン*/
.button-055 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 270px;
    margin: 0 auto;
    padding: .9em 3em .9em 2em;
    border: 1px solid #71a597;
    border-radius: 5px;
    background-color: #fff;
    color: #71a597;
    font-size: 1.0em;
}

.button-055::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #71a597;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.button-055:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}
/*フードプリンタとはの３画像*/
/* フードプリンタFL200とはの3画像 */
.surprise_scene__contents {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  margin-top: 2%;
}

.background5 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

h3.syueki_title {
  text-align: center;
}

.item-list {
  display: flex;
  justify-content: space-between; /* 両端揃え */
}

.item-list .item1 {
  width: 48%; /* アイテムごとの幅を調整 */
  margin: 0;
  padding: 0.2%;
}

.item-list .item1 .image1 {
  width: 100%;
  margin: auto;
  margin-left: 5px;
}

.item-list .item1 .image1 img {
  width: 100%;
  height: auto; /* 縦横比を保つ */
 max-width: none; /* 画像の最大幅を解除して自由に拡大 */
}


.description {
  text-align: center;
  margin: auto;
  padding: 0;
  margin-right: 8px;
  font-size: 15px;
  width: 100%;
  height: 100px;
  margin-top: 8px;
  padding-right: 8px;
  padding-left: 8px;
}

.description p {
  font-size: 15px;
  color: dimgray;
}

/* スマートフォン対応 */
@media screen and (max-width: 767px) {
  .item-list {
    display: block;
    max-width: 80%;
    margin: 0 auto;
  }

  .item-list .item1 {
    width: 100%; /* モバイルではアイテムを全幅に */
  }

  .item-list .item1 .image1 img {
    width: 100%;
    height: auto; /* 縦横比を保つ */
  }

  .item-list .item1 .image img {
    width: 100%;
    height: auto; /* 縦横比を保つ */
  }
}

/*テーマ装飾の課題*/
.kadai {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

.kadai img {
	width: calc(33.3% - 4px);
}

@media (max-width: 600px) {
	.kadai img {
		width: calc(50% - 2px);
	}
}
.background2{
  background-color: #F0FAF9;
  height: 600px;                  /* 高さ指定 */
  padding:  15px;                 /* 余白指定 */
  margin: 50px 0px 0px 0px 
}
.market__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
  /*引用 */
.quote-003 {
    max-width: 1200px;
    position: relative;
    padding: 3em 2.5em 2em 3.5em;
    color: #333333;
    background-color: #f4faf9;
}

.quote-003::before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23949494%22%20d%3D%22M21.8%2012H18V9c0-1.7%201.3-3%203-3h.4c.6%200%201.1-.5%201.1-1.1V2.6c0-.6-.5-1.1-1.1-1.1H21c-4.1%200-7.5%203.4-7.5%207.5v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6C24%2013%2023%2012%2021.8%2012zM8.2%2012H4.5V9c0-1.7%201.3-3%203-3h.4C8.5%206%209%205.5%209%204.9V2.6c0-.6-.5-1.1-1.1-1.1h-.4C3.4%201.5%200%204.9%200%209v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6c.1-1.2-.9-2.2-2.2-2.2z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.quote-003 p {
    margin-top: 0;
}

.quote-003 p:last-of-type {
   margin-bottom: 0;
}
/*ハレノヒ説明*/
.item-list3{
 display: flex;
  justify-content: center;
}
.item-list3 .item3 .image3{
  width: 100%;
  margin: 0 auto;
  margin-left: 8px;
}
.item-list3 .item3 .image3 img{
  text-align: center;
  width: 50%;
  margin: auto;
  display: block;
}

.description3 p {
  text-align: center;
  margin: auto;
  display: block;
}

.description3 section {
  text-align: center;
  display:flex;
  justify-content:center;
}

/*購入するボタン*/	
	.button-063 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #71a597;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-063:hover {
    background-color: 71a597;
}

.button-063::before {
    width: 1em;
    height: 1em;
    margin-right: 10px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7.2%2019.2c-1.3%200-2.4%201.1-2.4%202.4%200%201.3%201.1%202.4%202.4%202.4s2.4-1.1%202.4-2.4c0-1.3-1.1-2.4-2.4-2.4zM0%200v2.4h2.4l4.3%209.1-1.6%202.9c-.2.3-.3.7-.3%201.2%200%201.3%201.1%202.4%202.4%202.4h14.4v-2.4H7.7c-.2%200-.3-.1-.3-.3v-.1l1.1-2h8.9c.9%200%201.7-.5%202.1-1.2l4.3-7.8c.2-.2.2-.4.2-.6%200-.7-.5-1.2-1.2-1.2H5.1L3.9%200H0zm19.2%2019.2c-1.3%200-2.4%201.1-2.4%202.4%200%201.3%201.1%202.4%202.4%202.4%201.3%200%202.4-1.1%202.4-2.4%200-1.3-1.1-2.4-2.4-2.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
    content: '';
}

/*不明*/
 .market__contents img {
     width: 100%;
 }

 .market_news {
    font-size:  11px;    /* 文字サイズ指定 */
   color:　#c0c0c0;
 }
 .market__flexbox {
     display: flex;
   margin-bottom: 2em;
 }
 .market__box1 {
     width: 55%;
     margin: auto;
 }
 .market__box2 {
     width: 45%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 767px) {
     .market__flexbox {
         display: block;
     }
     .market__flexbox .market__box1 {
         width: 100%;
         margin: 0 auto;
     }
     .market__flexbox .market__box2 {
         width: 100%;
         margin: 0 auto;
     }
 }

.heading-016 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.heading-016::before,
.heading-016::after {
    width: 3px;
    height: 40px;
    background-color: #71a597;
    content: '';
}

.heading-016::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

.heading-016::after {
    transform: rotate(35deg);
    margin-left: 30px;
}
/* 他社フードプリンターとの違い */
.heading-016 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.heading-016::before,
.heading-016::after {
    width: 3px;
    height: 40px;
    background-color: #71a597;
    content: '';
}

.heading-016::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

.heading-016::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

.list-008 {
    position: relative;
    padding: 1.5em 1em 1em 2.5em;
    border: 2px solid #71a597;
}

.list-008 > div {
    position: absolute;
    top: -.75em;
    left: 1em;
    padding: 0 .5em;
    background-color: #fff;
    color: #71a597;
    font-weight: 600;
}

.list-008 ul {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

.list-008 li {
    padding: .3em .3em .3em 0;
}

.list-008 li::marker {
    color: #71a597;
    font-size: 1.1em;
}

/* 折りたたみ部分 */
.accordion {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 15px;
}

.accordion-005 {
  display: block;
  width: 100%;
}

.accordion-005:not([open]) {
  margin-bottom: 7px;
}

.accordion-005 summary {
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-left: 5px solid #71a597;
  background-color: #f2faf9;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.accordion-005 summary::-webkit-details-marker {
  display: none;
}

.accordion-005 summary::before,
.accordion-005 summary::after {
  content: '';
  width: 3px;
  height: .9em;
  border-radius: 5px;
  background-color: #c2cac9;
  position: absolute;
  right: 2em;
}

.accordion-005 summary::before {
  transform: rotate(90deg);
}

.accordion-005 summary::after {
  transition: transform .3s;
}

.accordion-005[open] summary::after {
  transform: rotate(90deg);
}

.accordion-005 > div {
  padding: 1em 2em 2em 2em;
  color: #333333;
}

.custmors_voice {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.custmors_voice_img {
  width: 30%;
  margin-bottom: 15px;
}

.custmors_voice_img img {
  width: 100%;
  height: auto;
}

.box11 {
  text-align: center;
  margin: 20px 0;
}

	/* フードプリンタはこんな方にお使いいただいてます */
#box4 p {
  font-size: 1.5em; /* 全体のフォントサイズ */
  font-weight: bold; /* 太字で強調 */
  color: #333; /* テキストカラー */
  line-height: 1.6; /* 行間を調整して見やすく */
}

#box4 .count-up {
  font-size: 3em; /* 数字部分を大きくする */
  font-weight: 600; /* 太さを少し軽めに設定 */
  color: #71a597; /* 数字を目立たせるための色 */
}

#box4 span {
  display: block; /* 数字部分を改行 */
  text-align: center; /* 数字を中央寄せ */
}

#box4 p:last-of-type {
  font-size: 2em; /* 台の部分のフォントサイズ */
  font-weight: normal; /* 通常の太さ */
  color: #666; /* 少し薄いグレーで補足情報に見せる */
}

.custmors_voice_text {
  text-align: center;
  margin: 20px 0;
}

.background_002 {
  text-align: center;
  margin: 20px 0;
}

.background_002 img {
  max-width: 100%;
  height: auto;
}

.hojyokin_button {
  text-align: center;
  margin: 20px 0;
}


.button-054 {
  display: inline-block;
  padding: 15px 30px; /* ボタンを大きくするために余白を増加 */
  font-size: 1.2em;   /* 文字サイズを大きく */
  background-color: #71a597;
  color: #ffffff;
  text-decoration: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease; /* ホバー時のエフェクト用 */
}

.button-054:hover {
  background-color: #5e8c7e; /* ホバー時に少し暗い色に */
}

.button-054 a {
  color: #ffffff;
  text-decoration: none;
}


/*新たなサービス導入したいこんな課題*/
.business_problem_theme__title {
     text-align: center;
}
.business_problem_theme__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
     margin-bottom: 5%;
 }
 .business_problem_theme img {
     width: 20%;
 }
 .business_problem_theme__text1 {
     color:　#c0c0c0;
 }
 .business_problem_theme__flexbox {
     display: flex;
 }
 .business_problem_theme__box1 {
     width: 85%;
     margin: auto;
 }
 .business_problem_theme__box2 {
     width: 15%;
     margin: auto .2rem;
 }
 @media screen and (max-width: 767px) {
     .business_problem_theme__flexbox {
         display: block;
     }
     .business_problem_theme__flexbox .business_problem_theme__box1 {
         width: 100%;
         margin: 0 auto;
     }
     .business_problem_theme__flexbox .business_problem_theme__box2 {
         width: 30%;
         margin: 0 auto;
     }
 }
/*モノ消費、コト消費*/
.pvarious_challenges_contents {
    width: 100%;
     max-width: 1200px;
     margin: auto;
 }

 .pvarious_challenges_text1{
    display: flex;
    align-items: center;
    gap: 0 7px;
    color: #333333;
}

.pvarious_challenges_text1::before {
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20fill%3D%22%2371a597%22%20d%3D%22M13.6%2C4.4l6%2C6l-13%2C13L1.2%2C24c-0.7%2C0.1-1.3-0.5-1.2-1.2l0.6-5.4C0.6%2C17.4%2C13.6%2C4.4%2C13.6%2C4.4z%20M23.3%2C3.5l-2.8-2.8%20c-0.9-0.9-2.3-0.9-3.2%2C0l-2.7%2C2.7l6%2C6l2.7-2.7C24.2%2C5.8%2C24.2%2C4.4%2C23.3%2C3.5z%22%2F%3E%20%3C%2Fsvg%3E');
    content: '';
}

.pvarious_challenges {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px
  }
.arrow07 {
    position: relative;
    padding-left: 18px;
}
.arrow07::before {
    position: absolute;
    content: '';
    width:6px;
    height:6px;
    background-color:#71a597;
    top: 50%;
    left: 0;
    margin-top: -3px;
}
.arrow07::after {
    position:absolute;
    content:"";
    border:solid 7px transparent;
    border-left:solid 7px #71a597;
    top: 50%;
    left: 5px;
    margin-top: -7px;
}
.box-010 {
    position: relative;
    max-width: 600px;
    margin: 1.5em auto;
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #f4faf9;
    color: #333333;
}

.box-010 span {
    position: absolute;
    top: -15px;
    transform: translateX(-.3em) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
}

.box-010 p {
    margin: 0;
}
.list-009 {
    list-style-type: disc;
    list-style-position: inside;
    padding: 1em;
    border: 2px solid #71a597;
}

.list-009 li {
    padding: .5em;
}

.list-009 li:not(:last-child) {
    border-bottom: 1px dashed #71a597;
}

.list-009 li::marker {
    color: #71a597;
    font-size: 1.1em;
}
@media screen and (max-width: 767px) {
     .pvarious_challenges {
        flex-direction: column;
     }
     .box-010 {
         width: 100%;
       margin-left: 0;
     }
}
/*対抗商品の図*/
.competing-product__background{
  background-color: #F0FAF9;
  height: 800px;                  /* 高さ指定 */
  padding:  15px;                 /* 余白指定 */
  margin: 0 auto;
}

.competing-product__contents {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
  }
.competing-product{
 display: flex;
  flex-wrap: wrap;
}

.competing-product_img{
       margin-left: 10px;
        width: 250px;
}
.competing-product_title {
 　　　　　　 text-align: center;
}
.competing-product_txt{
 　　　　　　 text-align: center;
  　　　　　　font-size: 2em
}
@media screen and (min-width: 1200px){
	.competing-product_img:nth-child(4n+1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px){
	.competing-product {
		justify-content: space-between;
	}
	.competing-product_img {
		width: 45%;
      margin: 0 auto;
	}
     .competing-product_title {
		margin: 0 auto;
	}
   .competing-product_txt {
		margin: 0 auto;
	}
   .competing-product__background{
  background-color: #F0FAF9;
  height: 1100px;                  /* 高さ指定 */
  padding:  15px;                 /* 余白指定 */
  margin: 0 auto;
   }
}

/*高単価メニューVS定番商品*/
.High_unit__price___product{
	 width: 100%;
     max-width: 1200px;
     margin: auto;
	margin-bottom: 50px;
}
.circle img {
     width: 80%;
 }
 .flexbox1 {
     display: flex;
 }
.text p {
   text-align: center;
  width: 100%;
  height: 100px;
  padding-right: 10px;
  padding-left: 10px;
 }
 .box10 {
     width: 100%;
     margin: 0 auto;
 }
 .box20 {
     width: 100%;
     margin:  0 auto;
 }
 @media screen and (max-width: 767px) {
     .flexbox1 {
         display: block;
     }
     .flexbox1 .box10 {
         width: 80%;
         margin: 0 auto;
     }
     .flexbox1 .box20 {
         width: 80%;
         margin: 0 auto;
     }
 }
/*親和性のある業種カテゴリーの説明*/
.high_affinitye__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
  }
.high_affinity{
 display: flex;
  flex-wrap: wrap;
}
.high_affinitye__text{
 　font-weight: bold;
}
.high_affinity_img{
       margin-left: 20px;
}
.high_affinity_title {
 　　　　　　 text-align: center;
}
@media screen and (min-width: 1200px){
	.high_affinity_img:nth-child(3n+1) {
		margin-left: 0;
	}
}
@media (767px <= width < 1200px) {
  .high_affinity {
		justify-content: space-between;
	}
  .high_affinity_img {
		width: 30%;
      margin: 0 auto;
	}
     .high_affinity_title {
		margin: 0 auto;
	}

}
@media screen and (max-width: 767px){
	.high_affinity {
		justify-content: space-between;
	}
	.high_affinity_img {
		width: 80%;
      margin: 0 auto;
	}
     .high_affinity_title {
		margin: 0 auto;
	}

}

/*新たなサービス導入メリット*/
.orignal_messageprint_merit__title {
     text-align: center;
}
.orignal_messageprint_merit__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .orignal_messageprint_merit__text1 {
     font-size:  18px;    /* 文字サイズ指定 */
     color:　#c0c0c0;
 }
.checkmark001{
	padding-left:24px;
	position:relative;
}

.checkmark001:before,
.checkmark001:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark001:before{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark001:after{
	border-left:2px solid #71a597;
	border-bottom:2px solid #71a597;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}
 .orignal_messageprint_merit__flexbox {
     display: flex;
 }

 @media screen and (max-width: 767px) {
     .orignal_messageprint_merit__flexbox {
         display: block;
     }
 }
/*マーケット拡大の説明*/
.market_expansion__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
  　　　　margin-bottom: 30px
     margin-top: 10%;
 }
.market_expansion__title {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  font-size: 20px;
  border: 2px solid #71a597;
  border-radius: 0 10px 10px 10px;
}

.market_expansion__title:before {
  font-size: 15px;
  font-size: 1.0rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: 'POINT';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #71a597;
}
/*市場戦略の説明図*/
.marketing_strategy__contents{
     width: 100%;
     max-width: 1200px;
     margin: auto;
     margin-top: 5%; 
}
.marketing_strategy__wrap.pattern-5{
  height:100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
h3.marketing_strategy__title{
　 font-size:;    /* 文字サイズ指定 */
   text-align: center;
   font-weight: bold ;
}
.marketing_strategy__under{
   background: linear-gradient(transparent 60%, #71a597 60%);
   width: 350px;
}
.marketing_strategy__img {
     width: 100%; 
}
@media screen and (max-width: 767px){
	.marketing_strategy {
		justify-content: space-between;
	}
	.marketing_strategy_img {
		width: 50%;
      　　　　margin: 0 auto;
　　　　　}
}

/*カスタムオーダーサービス市場について説明*/
/*CSSはマーケット説明の項目と同じ*/
/*お祝い事に特化している業界のシーンの説明*/
/*CSSは豪華版メッセージ(ヴィジュアル）サービス」と親和性の高い業種カテゴリー項目と同じ*/
.customorder_market__text {
font-weight: bold;
}
/*豪華版サービス始めませんかについて説明*/
.deluxe_edition_message_service__title {
  position: relative;/*相対位置*/
  padding: 1.5em 1.5em 1.5em 2.5em;/*アイコン分のスペース*/
  line-height: 2.4;/*行高*/
  font-size: 1.5em;/*文字サイズ*/
  color: #71a597;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #F0FAI9;
}

.deluxe_edition_message_service__title:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.5em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #71a597; /*アイコン色*/
}


.deluxe_edition_message_service__title2 {
     text-align: center;
    font-size: 3.0em;/*文字サイズ*/
}

.deluxe_edition_message_service__title3 {
  position: relative;
  padding: 0.6em;
  background: #F0FAF9;
  margin-bottom: 40px;
}

.deluxe_edition_message_service__title3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 50px;
  border: 15px solid transparent;
  border-top: 15px solid #F0FAF9;
  width: 0;
  height: 0;
}
.deluxe_edition_message_service__text {
    text-align: center;
    font-size: 1.5em;/*文字サイズ*/
}
.deluxe_edition_message_service__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
     margin-top: 1.0em;
 }
.deluxe_edition_message_service__contents2 {
     width: 100%;
     max-width:1200px;
     margin:auto;
     margin-bottom: 40px;
 }
.deluxe_edition_message_service__text1 {
     font-size:  1.5em;    /* 文字サイズ指定 */
     color:　#c0c0c0;
 }
.checkmark01 {
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}
.checkmark01:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #71a597; /*アイコン色*/
  font-weight: 900;
}
.deluxe_edition_message_service__flexbox {
     display: flex;
}

@media screen and (max-width: 767px) {
     .deluxe_edition_message_service__flexbox {
         display: block;
     }
}
.deluxe_edition_message_service__contents3 {
     width: 100%;
     max-width: 1200px;
     margin: auto;
   margin-top: 40px;
 }
/*特長についてボタン*/
.feature__button {
  font-size: 2.0em;/*文字サイズ*/
   width: 30%;
}
.features_button {
  text-decoration: underline;
  color: #71a597;/*文字色*/
}
/* マウスオーバー時 */
.button:hover {
   color: #a9a9a9;
	text-decoration: inherit;
}
/* Youtube動画 */
.movie-wrap {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*生産フローの説明*/
.flow_title {
  position: relative;
  padding-left: 25px;
  font-size: 18px
}
.flow__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
     margin-bottom: 5%;
     margin-top: 5%;
  }
.flow{
 　display: flex;
  flex-wrap: wrap;
}

.flow_img{
       max-width: 100%;
  　　　height: atuo;
}

@media screen and (max-width: 767px){
	.flow {
	 justify-content: space-between;
	}
	.flow_img {
	width: 100%;
    margin: 0 auto;
	}
  .flow_title {
    width: 100%;
    　margin: 0 auto;
    }
}

@media screen and (max-width: 960px){
      .flow {
	   justify-content: space-between;
	}　　　　
     .flow_img {
	   width: 100%;
      　margin: 0 auto;
	}
  .flow_title {
    width: 100%;
     margin: 0 auto;
    }
}
/*お客様の声*/
.background5{
  background-color: #F0FAF9;
  height: 800px;                  /* 高さ指定 */
  padding:  15px;                 /* 余白指定 */
  margin: 30px 0px 10px 0px 
}
.custmors_voice__contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
  }
.custmors_voice{
  display: flex;
  flex-wrap: wrap;
}
.custmors_voice_img img　{
       margin: 0 auto;
}
.custmors_voice_title　{
  position: relative;
  padding: 0.25em 0;
  font-size:  3.5em;    /* 文字サイズ指定 */
}
.custmors_voice_title:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(113, 165, 151), transparent);
  background: linear-gradient(to right, rgb(113, 165, 151), transparent);
}
.customors_voice_text {
  font-size:18px;
}
/*事例はこちら*/
.custmors_voice_text2{
  font-size: 1.5em;/*文字サイズ*/
   width: 30%;
  text-decoration: underline;
  color: #71a597;/*文字色*/
}
.arrow-right.icon {
  color: #71a597;
  position: absolute;
  margin-left: 2px;
  margin-top: 10px;
  width: 16px;
  height: 1px;
  background-color: currentColor;
}
.arrow-right.icon:before {
  content: '';
  position: absolute;
  right: 1px;
  top: -5px;
  width: 10px;
  height: 10px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (min-width: 1200px){
	.custmors_voice_img:nth-child(3n+1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px){
	.custmors_voice {
		justify-content: space-between;
	}
	.custmors_voicey_img {
		width: 50%;
      margin: 0 auto;
	}
    .background5{
  height: 2000px;                  /* 高さ指定 */
  padding:  15px;                 /* 余白指定 */
  margin: 30px 30px 15px 30px 
   }
}
/*補助金ボタン*/
.hojyokin_button{
  margin:0 auto;
 text-align: center	
}
	
/*お客様の声*/
	
.box11{
  max-width:500px;
  width:100%;
  margin: 130px auto;
  padding: 20px;
  background:#f4faf9;
  text-align: center;
}

.count-size{
  font-size:3rem;
  font-weight: bold;
  color: #71a597;
}

.animate__bounce{
display:block;
}
/******************************/
/*体験デモボタン*/
/******************************/
/*コールトゥアクション*/
.call_to_action__contents {
     width: 100%;
     max-width: 600px;
     margin:0 auto;
    margin-bottom: 20px;
 }
.call_to_action__title {
     text-align:center;
 }
.call_to_action__subtitle {
     text-align:center;
 }
.call_to_action__img {
     width: 80%;
    margin: 0 auto;
 }
.call_to_action__contents {
     width: 100%;
     max-width: 600px;
     margin:0 auto;
    margin-bottom: 20px;
 }
.call_to_action {
       display: flex;
      flex-direction: column;
}
.btn-copy {
  font-size: 1.3rem;
  font-weight: bold;

  position: relative;

  margin-bottom: 0em;

  text-align: center;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}

a.btn--green1 {
  color: #fff;
  background-color: #71a597;
}
a.btn--green1:hover {
  color: #fff;
  background: #F0FAI9;
}
a.btn-c1 i.fa {
  margin-right: 1rem;
}
a.btn-c1 :hover {
  color: #fff;
}
a.btn-c1 {
  font-size: 1rem;
  position: relative;
  padding: 1.0rem 2rem 1.0rem 1rem;
}

a.btn-c1:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
 }
@media screen and (max-width: 767px){
	.call_to_action {
	   width: 85%;
      font-size: 0.6rem;
      margin: 0 auto;
      justify-content: center;
	}
  .call_to_action__img {
     width: 50%;
    margin: 0 auto;
   }
 }
/******************************/
/*問い合わせとレンタルと購入ボタン*/
/******************************/
.call_to_action__contents2 {
     width: 100%;
     max-width: 1200px;
     margin:0 auto;
    margin-bottom: 20px;
 }
.askquestion {
       display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}　
.call_to_action__item {
  margin-left: 20px;
  width: 367px;
}
a.btn--green {
  color: #fff;
  background-color: #71a597;
}

a.btn--green:hover {
  color: #fff;
  background: #F0FAI9;
}

a.btn-c {
  font-size: 1.0rem;
  position: relative;
  padding: 1.0rem 2rem 1.0rem 1rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}
a.btn-c i.fas {
  margin-right: 1rem;
}

a.btn-c:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .9rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
 }
@media screen and (min-width: 1200px){
  .call_to_action__item:nth-child(3n+1) {
     margin-left: 0;
 }
}
@media screen and (min-width: 766px){
 .call_to_action__item:nth-child(2n+1) {
  margin-left: 0;
  }
}
@media screen and (max-width: 767px){
  .askquestion {
   justify-content: space-between;
  }
  .call_to_action__item {
    display: block;
    margin-bottom: 15px;
 }
}
/* 4カラムの左マージン崩れ防止（PC） */
@media screen and (min-width: 1200px){
  .call_to_action__item:nth-child(4n+1) {
     margin-left: 0;
  }
}
/******************************/
/* NEWS */
/******************************/
.p-line-informaiton {
  margin-top: 90px;
  margin-bottom: 90px;
}
@media screen and (max-width: 1023px) {
  .p-line-informaiton {
    margin-top: 90px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .p-line-informaiton {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

.p-line-informaiton-list__item {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton-list__item {
    display: block;
    margin-bottom: 15px;
  }
}

.p-line-informaiton-list__date {
  width: 120px;
}

.p-line-informaiton-list__ttl {
  flex: 1;
}

/******************************/
/* グループバナー */
/******************************/
.p-group-bnr {
  margin-top: 90px;
  margin-bottom: 90px;
}
@media screen and (max-width: 1023px) {
  .p-group-bnr {
    margin-top: 50px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .p-group-bnr .c-slider-thema .slick-next {
    right: -10px;
  }
}
@media screen and (max-width: 767px) {
  .p-group-bnr .c-slider-thema .slick-next {
    right: -3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-group-bnr .c-slider-thema .slick-prev {
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .p-group-bnr .c-slider-thema .slick-prev {
    left: -3px;
  }
}

.p-group-bnr-list {
  margin-left: -25px;
  margin-right: -25px;
}
@media screen and (max-width: 1070px) {
  .p-group-bnr-list {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.p-group-bnr-list__item {
  margin-left: 25px;
  margin-right: 25px;
  word-break: break-all;
}
@media screen and (max-width: 1023px) {
  .p-group-bnr-list__item {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.p-group-bnr-list__item img {
  width: 100%;
}

.p-group-bnr-list__ttl {
  margin-top: 15px;
}

/******************************/
/* INFORMATION */
/******************************/
.p-information {
  margin-top: 90px;
  margin-bottom: 90px;
  padding: 60px 90px;
  background: url(https://img.shop-pro.jp/tmpl_img/87/bg-grid.png) repeat;
  color: #2d2d2d;
}
@media screen and (max-width: 1023px) {
  .p-information {
    margin-top: 60px;
    margin-bottom: 45px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 45px 45px;
  }
}
@media screen and (max-width: 767px) {
  .p-information {
    margin-left: 0;
    margin-right: 0;
    padding: 35px 25px;
  }
}

/******************************/
/* CONCEPT */
/******************************/
.p-concept-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 75px;
  margin-bottom: 105px;
}
@media screen and (max-width: 1023px) {
  .p-concept-box {
    margin-top: 45px;
    margin-bottom: 75px;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-concept-box {
    display: block;
    margin-bottom: 60px;
    margin-left: 0;
    margin-right: 0;
  }
}

.p-concept-box__logo {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px;
  width: 330px;
  min-height: 300px;
  background: #fafafa;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-concept-box__logo {
    padding: 45px;
    width: 220px;
    min-height: 195px;
  }
}
@media screen and (max-width: 767px) {
  .p-concept-box__logo {
    padding: 30px 15px;
    width: auto;
    min-height: 80px;
  }
}
.p-concept-box__logo img {
  max-width: 210px;
}
@media screen and (max-width: 1023px) {
  .p-concept-box__logo img {
    max-width: 130px;
  }
}
@media screen and (max-width: 767px) {
  .p-concept-box__logo img {
    max-width: 120px;
  }
}

.p-concept-box__txt {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 60px 120px;
  background: url(https://img.shop-pro.jp/tmpl_img/87/bg.gif) no-repeat center center #aaaaaa;
  background-size: cover;
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .p-concept-box__txt {
    padding: 45px;
  }
}
@media screen and (max-width: 767px) {
  .p-concept-box__txt {
    padding: 20px 25px;
  }
}
.p-concept-box__txt:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}

.p-concept-box__body {
  position: relative;
  z-index: 10;
}

/******************************/
/* RECOMMEND ITEMS */
/******************************/
.c-ttl-bg.is-recommend:before {
  background: url(https://img08.shop-pro.jp/PA01199/322/etc_base64/MjUwNl9iYWNrMDAz.jpg?cmsp_timestamp=20250630180309) center center no-repeat;
  background-size: cover;
}
.p-recommend {
  overflow: hidden;
  padding-bottom: 90px;
}
@media screen and (max-width: 1023px) {
  .p-recommend {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-recommend {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .p-recommend-list {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-recommend-list {
    margin-left: 0;
    margin-right: 0;
  }
}

/******************************/
/* TOP PICK UP ITEMS */
/******************************/
.p-pickup {
  padding-top: 120px;
  padding-bottom: 120px;
  background: #fafafa;
}
@media screen and (max-width: 1023px) {
  .p-pickup {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .p-pickup {
    padding-top: 45px;
    padding-bottom: 60px;
  }
}

.p-pickup-list {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-pickup-list {
    margin-top: 0;
    margin-left: -25px;
    margin-right: -25px;
  }
}

.p-pickup-list__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 75px;
  word-break: break-all;
}
@media screen and (max-width: 1023px) {
  .p-pickup-list__item {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-pickup-list__item {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    max-width: 600px;
  }
}
.p-pickup-list__item:last-child {
  margin-bottom: 0;
}
.p-pickup-list__item:nth-child(even) .p-pickup-list__txt {
  order: -1;
}
@media screen and (max-width: 1023px) {
  .p-pickup-list__item:nth-child(even) .p-pickup-list__txt {
    padding-left: 25px;
    padding-right: 60px;
  }
}

.p-pickup-list__img {
  overflow: hidden;
  position: relative;
  width: 53%;
  height: 28vw;
  opacity: 1;
  transform: translate(0, 0);
}
@media screen and (min-width: 1270px) {
  .p-pickup-list__img {
    max-height: 365px;
  }
}
@media screen and (max-width: 1023px) {
  .p-pickup-list__img {
    width: 53%;
    height: 28vw;
  }
}
@media screen and (max-width: 767px) {
  .p-pickup-list__img {
    width: auto;
    height: 55vw;
  }
}
.p-pickup-list__img:before, .p-pickup-list__img:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.p-pickup-list__img .p-pickup-list__img-bg {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: #5DA797;
}
.p-pickup-list__img:after {
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: #fff;
}
.p-pickup-list__img:before {
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: #fff;
}
.p-pickup-list__img.faded .p-pickup-list__img-bg, .p-pickup-list__img.faded:after {
  width: 0;
}
.p-pickup-list__img img {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
}

.p-pickup-list__txt {
  box-sizing: border-box;
  flex: 1;
  padding-left: 70px;
  padding-right: 70px;
}
@media screen and (max-width: 1023px) {
  .p-pickup-list__txt {
    padding-left: 60px;
    padding-right: 25px;
    width: 47%;
  }
}
@media screen and (max-width: 767px) {
  .p-pickup-list__txt {
    margin-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
    width: auto;
  }
}

.p-pickup-list__ttl {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 24px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .p-pickup-list__ttl {
    margin-bottom: 10px;
    font-size: 17px;
  }
}
.p-pickup-list__ttl img {
  display: none !important;
}

.p-pickup-list__btn {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-pickup-list__btn {
    margin-top: 20px;
  }
}

/******************************/
/* TOP RANKING */
/******************************/
@media screen and (max-width: 1023px) {
  .c-ttl-bg.is-ranking {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl-bg.is-ranking {
    margin-bottom: 35px;
  }
}
.c-ttl-bg.is-ranking:before {
  background: url(https://img08.shop-pro.jp/PA01199/322/etc_base64/MjUwNl9iYWNrMDAz.jpg?cmsp_timestamp=20250630180309) center center no-repeat;
  background-size: cover;
}

.p-ranking {
  padding-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-ranking {
    padding-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  .p-ranking {
    padding-top: 60px;
  }
}

.p-ranking-list {
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .p-ranking-list {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-ranking-list {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-ranking-list {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.p-ranking-list .slick-prev {
  left: -5px;
  margin-top: -43px;
}
@media screen and (max-width: 1023px) {
  .p-ranking-list .slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev {
    margin-top: -30px;
  }
}
.p-ranking-list .slick-next {
  right: -5px;
  margin-top: -43px;
}
@media screen and (max-width: 1023px) {
  .p-ranking-list .slick-next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-next {
    margin-top: -30px;
  }
}
.p-ranking-list .slick-dotted.slick-slider {
  margin-bottom: 60px;
}
.p-ranking-list .slick-dots {
  bottom: -45px;
}
.p-ranking-list .slick-dots li {
  margin: 0 2px;
}

.p-ranking-list__item {
  position: relative;
  box-sizing: border-box;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 25px;
  word-break: break-all;
}
@media screen and (max-width: 1023px) {
  .p-ranking-list__item {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-ranking-list__item {
    margin-right: 12px;
    margin-left: 12px;
  }
}
.p-ranking-list__item.slick-active .p-ranking-list__num {
  opacity: 1;
  animation: rankingfadein 0.2s 0s;
}

.p-ranking-list__img {
  margin-bottom: 20px;
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__img {
    margin-bottom: 10px;
    text-align: center;
  }
}

.p-ranking-list__num {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 3px;
  min-width: 30px;
  line-height: 27px;
  font-size: 16px;
  font-weight: bold;
  background: #ffffff;
  color: #2d2d2d;
  text-align: center;
  opacity: 0;
  transition: all ease 0.1s;
}
.p-ranking-list__num.is-1 {
  background: #c5b597;
  color: #ffffff;
}
.p-ranking-list__num.is-2 {
  background: #b1b9bb;
  color: #ffffff;
}
.p-ranking-list__num.is-3 {
  background: #714d3b;
  color: #ffffff;
}

@keyframes rankingfadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-ranking-list__ttl {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__ttl {
    font-size: 13px;
  }
}
.p-ranking-list__ttl img {
  vertical-align: middle;
}

.p-ranking-list__price {
  margin-top: 15px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__price {
    margin-top: 5px;
    font-size: 13px;
  }
}
.p-ranking-list__price.is-default {
  margin-top: 0;
}

.p-ranking-list__btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

/******************************/
/* TOP SHOP */
/******************************/
.p-shop {
  padding-top: 90px;
}
@media screen and (max-width: 1023px) {
  .p-shop {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .p-shop {
    padding-top: 30px;
  }
}

.p-shop-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .p-shop-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.p-shop-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(93,167,151,1);
}
@media screen and (max-width: 767px) {
  .p-shop-wrap:before {
    content: none;
  }
}

.p-shop__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-shop__bg {
    position: static;
    width: auto;
    height: auto;
  }
}
.p-shop__bg img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-shop__bg img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__bg .simpleParallax {
    overflow: visible !important;
  }
}
@media screen and (max-width: 767px) {
  .p-shop__bg .simpleParallax {
    overflow: hidden !important;
  }
}

.p-shop-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 360px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-shop-contents {
    min-height: inherit;
  }
}

.p-shop-box {
  position: relative;
  z-index: 100;
  width: 660px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-shop-box {
    margin-top: 15px;
    width: auto;
    color: #2d2d2d;
  }
}

.p-shop-box__ttl {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .p-shop-box__ttl {
    font-size: 17px;
  }
}

.p-shop-box__body {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-shop-box__body {
    margin-top: 0;
  }
}

.p-shop-box__url {
  margin-top: 15px;
}
.p-shop-box__url a {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .p-shop-box__url a {
    color: #2d2d2d;
  }
}

.p-shop-box__btn {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-shop-box__btn {
    margin-top: 20px;
  }
}