/** Shopify CDN: Minification failed

Line 298:3 Expected ":"

**/
@charset "UTF-8";

a {
  text-decoration: none !important;
  border-bottom:none !important;
}

a:hover {
  text-decoration: none !important;
  border-bottom:none !important;
}



/*メインビジュアル*/
.mainvisual{
  position:relative;
  width:100%;
  padding-bottom:360px;
  background-image:url(/cdn/shop/files/main_ver2.jpg?v=1760515320);
  background-size:cover;
  background-position:center;
  margin-bottom:10%;
}
.mainvisual .inner{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 18%;
}
.mainvisual img.main-frame{
  position:absolute;
  top:620px;
  left:0;
  width:100%;
}
.mainvisual img.main-logo{
  width:40%;
}
.mainvisual .img-inner{
  	 width: 100%;
}
.mainvisual img.main-frame.sp,
.mainvisual img.main-frame.sp-sm{
 display:none;
}
@media only screen and (max-width: 1920px){
  .mainvisual img.main-frame{
    top:240px;
  }
}
@media only screen and (max-width: 1620px){
  .mainvisual img.main-frame{
    top:267px;
  }
}
@media only screen and (max-width: 1280px){
  .mainvisual img.main-frame{
    top:290px;
  }
  .mainvisual .inner{
  	padding:0;
  }
  .mainvisual .img-inner{
  	max-width: 787px;
    margin: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 960px){
  .mainvisual img.main-frame{
    top:710px;
  }
}
@media only screen and (max-width: 820px){
  .mainvisual{
        /*background-size: 210%;*/
  }
  .mainvisual .img-inner {
      text-align: center;
  }
  .mainvisual img.main-logo{
    width:80%;
  }
}
@media only screen and (max-width: 769px){
  .mainvisual{
    padding-bottom:50%;
    margin-bottom:23%;
  }
  .mainvisual img.main-frame{
    top:81%;
  }
  .mainvisual img.main-frame{
   display:none;
  }
  .mainvisual img.main-frame.sp{
   display:block;
  }
}

@media only screen and (max-width: 640px){
  .mainvisual{
    margin-bottom:30%;
  }
  .mainvisual img.main-frame.sp{
   display:none;
  }
  .mainvisual img.main-frame.sp-sm{
   display:block;
  }
}

@media only screen and (max-width: 749px){
  .template-index .main-content{
      padding-top:0;
  }
}


/*一粒のチョコレート・・・・*/
.main-copy{
  max-width:600px;
  margin:0 auto 30px auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color:#361710;
  padding:15px;
}
.main-copy h2{
  text-align:center;
  line-height:1.7;
}

/* 人気商品セクション（best-sellers）*/
.best-sellers .page-width {
  padding-bottom: 100px;
}

.best-sellers .title {
  color: #381913;
  margin-bottom: 1rem;
}

.best-sellers .title h2 {
  text-align: center;
  font-size: 18px;
  margin: 1em 0 0 0;
}

.best-sellers .title span {
  display: block;
  font-family: 'Spartan', sans-serif;
  font-size: clamp(16px, 2.4vw, 36px);
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.3;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.best-sellers .best-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* PC: 4列 */
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}

.best-sellers .best-item {
  overflow: hidden;
}

.best-sellers .best-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.best-sellers .best-image img {
  width: 100%;
  height: auto; /* 高さ自動で縦横比を維持 */
  display: block;
  object-fit: contain;
}

.best-sellers .best-info {
  padding: 15px 0;
  text-align: left;
}

.best-sellers .best-name {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0.7em;
  color: var(--color-text);
}

.best-sellers .best-price {
  font-size: 15px;
  color: #a34123;
  font-weight: bold;
  line-height: 1.5;
}

/* タブレット: 1024px以下は3列に */
@media screen and (max-width: 1024px) {
  .best-sellers .best-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* スマホ: 768px以下は2列に */
@media screen and (max-width: 768px) {
  .best-sellers .best-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}



/*通販サイトオープン記念*/
.open-sale{
  padding:50px 0 0 0;
  background-image:url(/cdn/shop/files/bg_cacao-4.png?v=1614740434),
    url(/cdn/shop/files/bg_cacao-2.png?v=1614740434),
    url(/cdn/shop/files/bg_cacao-2.png?v=1614740434);
  background-repeat:no-repeat;
  background-position:right -5% top 0,center left -2%,left 40% bottom 2%;
  background-size:20%, 20%, 20%;
  
}
.open-sale .page-width{
  padding-bottom: 100px;
  background-image:url(/cdn/shop/files/leaf_02.png?v=1614334857);
  background-repeat:no-repeat;
  background-position:left 0 bottom 0;
  background-size:22%;
  
}
.open-sale .inner{
  margin:auto;
  max-width:460px;
}
.open-sale .open-contents{
  text-align:center;
}
.open-sale .open-contents .title-sp{
  display:none;
}
.open-sale .open-contents .title{
  margin-bottom:5%;
}
.open-sale .open-contents .table{
  margin-bottom:5%;
}
.open-sale .open-contents .off{
  width:32%;
  margin-bottom:10px;
  float:left;
}
.open-sale .open-contents .price{
  width:68%;
  margin-bottom:30px;
}
@media only screen and (max-width: 749px){
  .open-sale{
    padding:40px 0;
    background-image:url(/cdn/shop/files/bg_cacao-4.png?v=1614740434),
      url(/cdn/shop/files/bg_cacao-2.png?v=1614740434),
      url(/cdn/shop/files/bg_cacao-2.png?v=1614740434);
    background-repeat:no-repeat;
    background-position:right -20% top 0,center left -2%,left 40% bottom 0%;
    background-size:50%;

  }
  .open-sale .page-width{
    padding-bottom: 40px;
    background-image:url(/cdn/shop/files/leaf_02.png?v=1614334857);
    background-repeat:no-repeat;
    background-position:left 8% top 60%;
    background-size:25%;

  }
  .open-sale .open-contents .title{
    display:none;
　}
  .open-sale .open-contents .title-sp{
    display:block;
    margin:0 auto 5% auto;
  }
  img.open-item{
    margin-bottom:-5%;
    width:70%;
    padding-left:6%;
  }
}
@media only screen and (max-width: 468px){
  .open-sale .page-width{
    background-image:url(/cdn/shop/files/leaf_02.png?v=1614334857);
    background-repeat:no-repeat;
    background-position:left 15% top 50%;
    background-size:25%;

  }
  .open-sale .open-contents .off{
    float:right;
    margin-right:25%;
    margin-bottom:-10px;
    width:25%;
  }
  .open-sale .open-contents .price{
    margin: 0 auto 30px auto;
    width:100%;
  }
}


/*クーポン*/
.coupon{
  margin-top:50px;
  background:url(/cdn/shop/files/bg-mesh.png?v=1614334856);
  background-position:center;
  text-align:center;
  color:#361710;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.coupon .page-width{
  padding:0;
}
.coupon .inner{
  position:relative;
  padding:10px 10px  100px 10px;
  background:url(/cdn/shop/files/ill-cacao.png?v=1614334857),
   url(/cdn/shop/files/leaf_01.png?v=1614334856) ;
  background-position:right 15% bottom 15%,left 12% bottom 15%;
  background-repeat:no-repeat;
  background-size:12% , 18%;
}


.coupon .inner img.spoon{
  position:absolute;
  right:0;
  top:-100px;
}
.coupon .inner img{
  margin-bottom:-8.5%;
}
.coupon .inner h3{
  font-size:18px;
  letter-spacing:0.2em;
  border-bottom:1px solid #361710;
  line-height:2;
  display:inline-block;
}
.coupon .inner p{
  font-size:18px;
  line-height:1.7;
}
.coupon .mail-btn{
  margin-bottom:7%;
}

@media only screen and (max-width: 1400px){
  .coupon .inner{
    position:relative;
    padding-bottom:100px;
    background:url(/cdn/shop/files/ill-cacao.png?v=1614334857),
     url(/cdn/shop/files/leaf_01.png?v=1614334856) ;
    background-position:right 10% bottom 15%,left 7% bottom 15%;
    background-repeat:no-repeat;
    background-size:15% , 20%;
  }
}

@media only screen and (max-width: 749px){
  .coupon .inner img.spoon{
    width:30%;
    top:-15%;
  }
  .coupon .inner{
    position:relative;
    padding-bottom:80px;
    background:url(/cdn/shop/files/ill-cacao.png?v=1614334857),
     url(/cdn/shop/files/leaf_01.png?v=1614334856) ;
    background-position:right 3% bottom 40%,left 0 bottom 40%;
    background-repeat:no-repeat;
    background-size:20% , 25%;
  }
  .coupon .inner h3{
    font-size:14px;
    letter-spacing:0em;
    line-height:1.5;
    display:inline-block;
  }
  .coupon .inner p{
    font-size:14px;
    line-height:1.5;
  }
}

@media only screen and (max-width: 468px){
  .coupon .inner{
    position:relative;
    padding-bottom:50px;
    background:url(/cdn/shop/files/ill-cacao.png?v=1614334857),
     url(/cdn/shop/files/leaf_01.png?v=1614334856) ;
    background-position:right 3% bottom 50%,left 0 bottom 55%;
    background-repeat:no-repeat;
    background-size:13% , 25%;
  }

}


/*healthy*/
.healthy{
  padding:7% 10px;
  color:#361710;
  background:url(/cdn/shop/files/img_choco-pc.png?v=1614753718),
    url(/cdn/shop/files/bg-cacao.png?v=1614334856) ;
  background-position:left -10% center,bottom 5% right 5%;
  background-repeat:no-repeat;
  background-size:50% , 20%;
}
.healthy p{
  letter-spacing:0.2em;
  font-size:20px;
  color:#361710;
  font-weight:bold;
  line-height:2;
  margin:3em 0;
}
.healthy img{
 width:90%;
  max-width:320px;
}
@media only screen and (max-width: 1280px){
  .healthy p{
    font-size:16px;
  }
  .healthy img{
     width:70%;
      max-width:320px;
    }
}
@media only screen and (max-width: 749px){
  .healthy{
    padding:10% 10px 20% 10px;
    background:url(/cdn/shop/files/img_choco-sp.png?v=1614757564),
      url(/cdn/shop/files/bg-cacao.png?v=1614334856) ;
    background-position:center top -70px,bottom 0 right 5%;
    background-repeat:no-repeat;
    background-size:130% , 40%;
  }
  .healthy img{
     width:50%;
     max-width:100%;
    display:inline-block;
  }
  .healthy p{
    margin-top:35%;
    letter-spacing:0;
    font-size:15px;
    text-align:center;
  }
}



/*cacao×sugar*/
.cacao-sugar{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  color:#fff;
}
.cacao-sugar h3{
  font-size:20px;
}
.cacao-sugar p{
  color:#fff;
}
.cacao-sugar .col-6{
  width:50%;
  position:relative;
}
.cacao-sugar .cacao{
  padding:0;
  background:url(/cdn/shop/files/img_cacao.jpg?v=1614334857);
  background-position:center;
  background-size:cover;
}
.cacao-sugar .cacao:before,
.cacao-sugar .cacao:after{
  content:'';
  display:block;
  width:40%;
  border-bottom:2px solid #d0cbc5;
  position:absolute;
  top:30%;
  right:0;
  margin-right:-20%;
  z-index:2;
}
.cacao-sugar .cacao:before{
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  
}
.cacao-sugar .cacao:after{
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  
}
.cacao-sugar .cacao .inner{
  margin:65% auto 0 auto;
  padding:7%;
  max-width:640px;
}
.cacao-sugar .cacao img{
  position:absolute;
  top:-3%;
  right:15%;
  width:60%;
}

.cacao-sugar .cacao,
.cacao-sugar .sugar-item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cacao-sugar .sugar-item{
  height:33.333333%;
}

.cacao-sugar .sugar-item .inner{
  width:33%;
  margin-left:20%;
  padding:30px 0 30px 0;
}
.cacao-sugar .item_01{
  background:url(/cdn/shop/files/sugar_01.jpg?v=1614334857);
  background-position:center;
  background-size:cover;
}
.cacao-sugar .item_02{
  background:url(/cdn/shop/files/sugar_02-09.jpg?v=1614334857);
  background-position:center;
  background-size:cover;
}
.cacao-sugar .item_03{
  background:url(/cdn/shop/files/sugar_03.jpg?v=1614334857);
  background-position:center;
  background-size:cover;
}

.cacao-sugar .sugar img{
  top:-3%;
  right:5%;
  width:32%;
  position:absolute;
}

@media only screen and (max-width: 1024px){
  .cacao-sugar{
    font-size:14px;
  }
  .cacao-sugar .sugar-item .inner{
    width:35%;
    margin-left:10%;
  }
  .cacao-sugar .sugar img{
    width:40%;
  }
}
@media only screen and (max-width: 749px){
  .cacao-sugar .cacao:before,
  .cacao-sugar .cacao:after{
    width:40%;
    top:100%;
    right:50%;
    margin-right:-20%;
    z-index:2;
  }
  .cacao-sugar .cacao{
    padding-bottom:50px;
  }
  .cacao-sugar .col-6{
    width:100%;
  }
  .cacao-sugar .sugar img{
    max-width:200px;
  }
  .cacao-sugar .sugar-item .inner{
    width:220px;
    margin-left:5%;
    padding:50px 0;
  }
}
@media only screen and (max-width: 468px){
  
  .cacao-sugar .sugar img{
    max-width:150px;
    right:0px;
  }
  .cacao-sugar .sugar-item .inner{
    width:200px;
    margin-left:5%;
    padding:50px 0;
  }
}




/*manufacture*/
.manufacture{
  padding:10% 0 10% 3%;
  color:#361710;
}
.manufacture img{
  vertical-align:bottom;
}
.manufacture .main-image{
  background:url(/cdn/shop/files/manufacture_01.jpg?v=1614334857);
  background-size:cover;
  background-position:center;
  width:85%;
  margin-left:15%;
  padding-bottom:33%;
  position:relative;
}
.manufacture .main-image img{
  position:absolute;
  top:0;
  left:-3%;
  width:1.7%;
}
.manufacture .main-image:before{
  position:absolute;
  content:'';
  display:block;
  top:50%;
  left:-2.2%;
  border-right:2px solid  #d0cbc5;
  height:50%;
}
.grid-wrap.contents-frame{
  margin-top:-12%;
  position:relative;
  z-index:2;
}
.grid-wrap{
  display: flex;
  flex-wrap: wrap;
}

.grid-wrap .image-pc{
  width:33%;
  text-align:center;
}
.grid-wrap .contents{
  width:67%;
  padding-top:16%;
}
.grid-wrap .col-6{
  width:50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 0;
}

.grid-wrap .contents .title img{
  margin:auto;
  max-width:280px;
  width:60%;
}
.grid-wrap .contents .read .inner{
  margin:auto;
  max-width:340px;
  width:80%;
}
.grid-wrap .contents .read h3{
  font-size:18px;
  margin-top:-1em;
}
.grid-wrap .contents .read p{
  color:#361710;
  line-height:1.8;
}
.grid-wrap .image-sp.img-02 a{
      margin: auto;
}
.sp-more{
  display:none;
  padding:30px 0;
}
@media only screen and (max-width: 1024px){
  .grid-wrap .contents .read h3{
    font-size:16px;
    margin-bottom:5px;
  }
  .grid-wrap .contents .read p{
    font-size:13px;
    line-height:1.6;
  }
}
@media only screen and (max-width: 749px){
  .manufacture .main-image{
    width:95%;
    margin-left:5%;
    padding-bottom:60%;
  }
  .manufacture .main-image img{
    position:absolute;
    top:0;
    left:-6%;
    width:4%;
  }
  .manufacture .main-image:before{
    top:70%;
    height:30%;
    left:-4%;
  }
  .grid-wrap .contents .read h3{
    font-size:16px;
    margin-top:0;
  }
  .grid-wrap .image-sp{
    padding-bottom:50%;
  }
  .grid-wrap .image-sp.img-01{
     background:url(/cdn/shop/files/manufacture_02.jpg?v=1614334857);
      background-size:cover;
      background-position:center;
  }
  .grid-wrap .image-sp.img-02{
     background:url(/cdn/shop/files/manufacture_03.jpg?v=1614334857);
      background-size:cover;
      background-position:center;
  }
  .grid-wrap .image-sp.img-02 a{
    display:none;
  }
  .sp-more{
    display:block;
  }
  .grid-wrap .col-6.read{
    padding:5%;
  }
  .grid-wrap .contents .read .inner{
    width:100%;
  }
  .grid-wrap .contents{
    width:97%;
    padding-top:16%;
  }
}

@media only screen and (max-width: 468px){
  .grid-wrap .contents .read h3{
    font-size:12px;
  }
  .grid-wrap .contents .read p{
    font-size:10px;
  }
}


/*about*/
.about{
  padding:0 3% 10% 0;
  color:#361710;
}
.about img{
  vertical-align:bottom;
}
.about .main-image{
  background:url(/cdn/shop/files/about_01.jpg?v=1614334859);
  background-size:cover;
  background-position:center;
  width:85%;
  margin-right:15%;
  padding-bottom:33%;
  position:relative;
}
.about .main-image img{
  position:absolute;
  top:0;
  right:-3%;
  width:1.7%;
}
.about .main-image:before{
  position:absolute;
  content:'';
  display:block;
  top:50%;
  right:-2.2%;
  border-right:2px solid  #d0cbc5;
  height:50%;
}
.grid-wrap .image-sp.img-04 a{
      margin: auto;
}
@media only screen and (max-width: 749px){
  .about .main-image{
    width:95%;
    margin-left:0;
    padding-bottom:60%;
  }
  .about .main-image img{
    position:absolute;
    top:0;
    right:-6%;
    width:4%;
  }
  .about .main-image:before{
    top:70%;
    
    height:30%;
    right:-4%;
  }
  .grid-wrap .contents .read h3{
    font-size:16px;
    margin-top:0;
  }
  .grid-wrap .image-sp{
    padding-bottom:50%;
  }
  .grid-wrap .image-sp.img-03{
     background:url(/cdn/shop/files/about_02.jpg?v=1614334857);
      background-size:cover;
      background-position:center;
  }
  .grid-wrap .image-sp.img-04{
     background:url(/cdn/shop/files/about_03.jpg?v=1614334857);
      background-size:cover;
      background-position:center;
  }
  .grid-wrap .image-sp.img-04 a{
      display:none;
  }
  .grid-wrap .col-6.read{
    padding:5%;
  }
  .grid-wrap .contents .read .inner{
    width:100%;
  }
  .about .grid-wrap .contents{
    width:97%;
    margin-left:3%;
    padding-top:16%;
  }
}



/*lineup*/

.lineup{
  background:#e6d4be;
}
.lineup .cat_1{
  border-bottom:2px dashed #cab59b;
  border-right:2px dashed #cab59b;
}
.lineup .cat_2{
  border-bottom:2px dashed #cab59b;
}
.lineup .cat_3{
  border-right:2px dashed #cab59b;
}


.lineup a{
  display:block;
  padding:8% 20%;
  width:100%;
  margin:auto;
  cursor:pointer;
  
}
.lineup-img{
  padding:0 10%;
  margin-top:10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-image:url(/cdn/shop/files/lineup.png?v=1614334856),
    url(/cdn/shop/files/lineup.png?v=1614334856);
  background-repeat:no-repeat;
  background-position:left 0 center,right 0 center;
  background-size:3.5% auto;
  margin-bottom:7%;
}
.lineup a:hover .lineup-img{
  background-image:url(/cdn/shop/files/lineup.png?v=1614334856),
    url(/cdn/shop/files/lineup.png?v=1614334856);
  background-repeat:no-repeat;
  background-position:left 2% center,right 2% center;
  
}
.lineup .inner-wrap{
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.lineup .inner-wrap .inner-img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.lineup .lineup-img .inner-img img{
  -moz-transition: -moz-transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 1;
}

.lineup a:hover .lineup-img img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); 
}
.lineup h4{
  text-align:center;
  margin-bottom:0;
  color:#361710;
}
.lineup h4 img{
  width:auto;
  height:1.7em;
  margin-bottom:1em;
}
@media only screen and (max-width: 1024px){
  .lineup a{
    padding:8%;
  }
  .lineup h4{
    font-size:13px;
  }
}
@media only screen and (max-width: 749px){
  .lineup a{

  }
}
@media only screen and (max-width: 468px){
  .lineup .col-6{
    width:100%;
    border-bottom:2px dashed #cab59b;
    border-right:none;
  }
  .lineup .cat_4{
    border-bottom:none;
  }
  .lineup h4{
    font-size:12px;
  }
}


/*ショコラティエ　cacao scent*/
.chocolatier{
  background-image:url(/cdn/shop/files/chocolatier-bg_pc.jpg?v=1614334857);
  background-size:cover;
  background-position:center;
  padding:10% 10px;
}
.chocolatier .title img{
  margin:auto;
}
.chocolatier .inner{
  margin:auto;
  max-width:380px;
}
.chocolatier .inner img{
  width:100%;
  margin-bottom:20px;
}

.chocolatier .inner h3{
  font-weight:normal;
  color:#fff;
  font-size:18px;
}
.chocolatier .inner p{
  color:#fff;
  line-height:1.7;
}
.chocolatier .col-6{
  padding:5%;
}

@media only screen and (max-width: 749px){
  .chocolatier{
    background-image:url(/cdn/shop/files/chocolatier-bg_sp.jpg?v=1614334857);
    background-size:cover;
    background-position:center;
    padding:15% 10px;
  }
  .chocolatier .title img{
    width:70%;
    margin-bottom:15%;
  }
  .chocolatier .col-6{
    padding:7%;
    width:100%;
  }
  .chocolatier .inner h3{
    font-size:16px;
  }
  .chocolatier .inner p{
    font-size:13px;
  }

}



/*customer voice*/
.voice{
  padding:5% 10px;
  background:#e6d4be;
}
.voice-inner-wrap{
  max-width:1600px;
  margin:auto;
}
.voice .choco-img{
  position:relative;
  padding-bottom:50%;
}
.voice .choco-img img{
  position:absolute;
}
.voice .choco-img img.title{
  top:5%;
  right:8%;
  width:35%;
}
.voice .choco-img img.choco_1{
  top:-13%;
  left:10%;
  width:45%;
  transform: rotate(-10deg);
  z-index:3;
}
.voice .choco-img img.choco_2{
  top:28%;
  right:0%;
  width:45%;
  transform: rotate(11deg);
  z-index:2;
}
.voice .choco-img img.choco_3{
  top:65%;
  left:10%;
  width:45%;
  transform: rotate(6deg);
  z-index:1;
}

.voice .review .grid-wrap{
  width:100%; 
}
.voice .review .col-6{
  padding:1.8%;
}
.voice .review .col-6 .inner{
  background:#eee8c8;
  position:relative;
  padding-bottom:100%;
  width:100%;
  z-index:4;
}
.voice .review .col-6 .inner.pink{
  background:#eedfcd;
}

.voice .review .col-6 .inner p{
  font-size:1rem;
  position:absolute;
  top:15%;
  left:15%;
  width:70%;
  color:#361710;
}
.voice .review .col-6 .inner span{
  font-size:1rem;
  display:block;
  position:absolute;
  bottom:15%;
  left:15%;
  width:70%;
  text-align:center;
  color:#361710;
  font-weight:bold;
}
.voice .more{
  padding:20px 0;
  width:100%;
}
.voice .more a{
  margin:auto;
}
@media only screen and (max-width: 1280px){
  .voice .review .col-6 .inner p{
    top:7%;
    left:7%;
    width:86%;
    font-size:14px;
  }
  .voice .review .col-6 .inner span{
    bottom:7%;
    left:7%;
    width:86%;
    font-size:14px;
  } 
  
}

@media only screen and (max-width: 1024px){
  .voice .review .col-6 .inner p{
    font-size:12px;
  }
  .voice .review .col-6 .inner span{
    font-size:12px;
  } 
}

@media only screen and (max-width: 749px){
  .voice .choco-img{
    width:100%;
   	padding-bottom:90%;
  }
  .voice .choco-img img.choco_1{
    top:-13%;
    left:10%;
    width:45%;
    transform: rotate(-10deg);
    z-index:1;
  }
  .voice .choco-img img.choco_2{
    top:36%;
    right:0%;
    width:45%;
    transform: rotate(11deg);
    z-index:2;
  }
  .voice .choco-img img.choco_3{
    top:45%;
    z-index:3;
    transform: rotate(-20deg);
  }
  .voice .review{
    width:100%;
  }
  .voice .review .col-6 .inner p{
    font-size:14px;
  }
  .voice .review .col-6 .inner span{
    font-size:14px;
  } 
}

@media only screen and (max-width: 468px){
  .voice .review .col-6 .inner p{
    font-size:11px;
  }
  .voice .review .col-6 .inner span{
    font-size:11px;
  } 
}



/*チョコレートの魅力*/

.charm{
  padding:50px 0;
  background:#381913;
}
.charm-wrap{
  background:url(/cdn/shop/files/charm-bg_a963fb1f-9de3-4c19-9b3e-9a4eff4dada9.jpg?v=1615440110);
  background-size:100% auto;
  background-position:center;
}
.charm-inner{
  max-width:1600px;
  margin:auto;
}
.charm .title{
  position:relative;
  
}
.charm .title .title-img{
  position:absolute;
  top:20%;
  width:40%;
  left:30%;
  z-index:5;
}
.charm .title .choco{
  position:absolute;
  top:45%;
  width:50%;
  left:25%;
  z-index:4;
}

.point-list-item{
  margin:60px 0 0 10%;
  padding:0 30% 0 7%;
  max-width:700px;
  background-image:url(/cdn/shop/files/charm-border.png?v=1614846136),
   url(/cdn/shop/files/cacao_illust.png?v=1614334856) ;
  background-size:10px auto,30%;
  background-repeat:no-repeat;
  background-position:left center,right 20% bottom 0;
}
.point-list-item h3{
  color:#fff;
  font-weight:normal;
  font-size:20px;
  margin-bottom:1em;
}

.point-list-item p{
  color:#fff;
  font-size:14px;
  line-height:1.7;
}

.point .item-1 img{
  width:65%;
}
.point .item-2 img{
  width:97%;
}
.point .item-3 img{
  width:85%;
}
.point .item-4 img{
  width:85%;
}
.point .item-5 img{
  width:50%;
}

.point .item-5{
  margin-bottom:60px;
}

@media only screen and (max-width: 1024px){
  .point-list-item{
    margin:60px 0 0 0;
    padding:0 20% 0 7%;
    max-width:700px;
    background-image:url(/cdn/shop/files/charm-border.png?v=1614846136),
     url(/cdn/shop/files/cacao_illust.png?v=1614334856) ;
    background-size:10px auto,30%;
    background-repeat:no-repeat;
    background-position:left center,right 5% bottom 0;
  }
}

@media only screen and (max-width: 749px){
  .charm .title{
    padding-bottom:60%;
  }
  .charm .title .title-img{
    position:absolute;
    top:7%;
    width:50%;
    left:25%;
  }
  .charm .title  .choco{
    display:none;
  }
  .point-list-item{
    margin:50px 0 0 20px;
    background-image:url(/cdn/shop/files/charm-border.png?v=1614846136),
     url(/cdn/shop/files/cacao_illust.png?v=1614334856) ;
    background-size:10px auto,40%;
    background-repeat:no-repeat;
    background-position:left center,right 5% bottom 0;
  }
  .charm .col-6{
    width:100%;
  }
}

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

  .point-list-item h3{
    font-size:16px;
  }

  .point-list-item p{
    font-size:13px;
  }
}