@charset "UTF-8";
/* CSS Document */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* brand_collection */
.brand_collection .clearfix { 
    padding:0px; 
    margin:0px; 
    font-size:0px; 
    line-height:1px; 
    height:1px;
	clear: both;}

/* collection_section */
.collection_section{
  margin-bottom: 3rem;
}

.collection_section .wrap {
  max-width: 1200px;
  margin: auto;
  padding: 0 1rem;
}

/* 共通 */
.red{
  color: #cf152d!important;
}

.center_block{
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center!important;
}

/* 限定アイコン */
span.icon_limited{
  background:#cf152d; 
  color: #fff;
  margin-right: .3rem;
  padding: .05rem .3rem;
  font-size: .8rem;
  border-radius: 6px;
}

/* ページタイトル */
.brand_title{
    background: #f5efe4;
    padding: 1.5rem 0;
    text-align: center;
}
.brand_title h1{
  margin: 0;
  font-size: 1rem;
  color: #411e1b;
  font-weight: bold;
}
.brand_title h1 span{
  color: #fff;
    background: #c20f2f;
    padding: 2px 5px;
    font-size: 16px; 
}

.brand_title h1 picture img{
  width: auto;
}

/* 商品コピー内に、ページ内リンク有 */
.brand_collection .page_link{
  text-align: center;
  border-bottom: solid 1px #f5efe4;
  padding: 0;
  margin: 0 0 1rem;
}

.brand_collection .page_link h3{
  padding: 1rem 1rem 0rem!important;
  color:#231815;
  font-size: 16px;
  line-height: 1.8;
  border-bottom: none;
}

.brand_collection .page_link p{
  padding-bottom: .5rem;
}

.brand_collection h3{
  padding: 1rem 1rem 2rem;
  color:#231815;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
  border-bottom: solid 1px #f5efe4;
}

.brand_collection h3 span.e_gift{
  font-size: .8rem;
}

.sns_list{
    width: calc(100% - 30px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px auto 0;
}

.sns_list img{
  padding: 0 0 0 30px;
}


/* カートに入れる/ご購入はこちら button_arrow_light */
.button_arrow_light {
  position: absolute;
  display: inline-block;
  padding: .2em 2em .2em 1em;
  background-color: #231916;
  border: 2px solid #231916;
  color: #fff;
  text-align: center;
  text-decoration: none!important;
  margin-top: .5rem;
  bottom: 0;
  width:70%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.button_arrow_light::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .2s;
}
.button_arrow_light:hover::after {
  right: -.05em;
}

.collection_items h4{
  border-bottom: solid 1px #d6af4b;
  color: #421f1b;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 1.5rem 0 0;
  background: #f5efe4;
  padding: .7rem 0 .5rem 1rem;
}

.collection_items h4.limited{
  border-bottom: solid 1px #d6af4b;
  color: #421f1b;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 1.5rem 0 0;
  background: #f5efe4;
  padding: .5rem 0 .5rem 0rem;
}

.collection_items h4.limited span{
  color: #421f1b;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 .5rem 0 0;
  background: #d6af4b;
  padding: .5rem;
}

.collection_items p.collection_guide{
  color: #421f1b;
  font-size: 1rem;
  line-height: 1.6;
}

.collection_items p{
  color: #421f1b;
}
.collection_items p.ice_price{
  font-weight: bold;
  font-size: 1em;
}
.collection_items p.ice_price br{
  display: none;
}

/*.list {
  width: 100%;
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}*/

.list{
  width: 100%;
  margin: 10px auto;
  display:flex;
  justify-content:space-between;
  flex-wrap: wrap;
  &:after{
    content:"";
    display:block;
    width: 150px;
    height:0;
  }
}

.collection_img{
  border: 1px solid #d5af4a;
  padding: .5rem ;
  background: #fff;
  text-align: center;
    align-items: center;
    /*display: flex;*/
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}

.collection_img__noline{
  padding: .5rem ;
  background: #fff;
  text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
}

.list__item_2 {
  width: calc((100% - 40px) / 2);
  min-height: 250px;
  margin-bottom: 20px;
  padding: 1rem 1rem 2.5rem;
  position: relative; 
}

.list__item_3 {
  width: calc((100% - 30px) / 3);
  min-height: 250px;
  margin-bottom: 20px;
  padding: 1rem 1rem 2.5rem;
  position: relative; 
}

.list__item_4 {
  width: calc((100% - 20px) / 4);
  min-height: 250px;
  margin-bottom: 20px;
  padding: 1rem 1rem 2.5rem;
  position: relative;
}

.list__item_5 {
  width: calc((100% - 10px) / 5);
  min-height: 250px;
  margin-bottom: 20px;
  padding: .5rem .5rem 2.5rem;
  position: relative; 
}

.list__item_6 {
  width: calc((100% - 5px) / 6);
  min-height: 250px;
  margin-bottom: 20px;
  padding: .5rem .5rem 2.5rem;
  position: relative; 
}

.list__item_area1{
width: calc((100% - 5px) / 1);
  margin-bottom: 20px;
  padding: .5rem 0 2.5rem;
  position: relative;   
}
.list__item_2_text, .list__item_3_text,
.list__item_4_text, .list__item_5_text, .list__item_6_text,
.list__item_5_cup-ice_text, .list__item_6_truffe_text{
  line-height: 1.5;
  text-decoration: none;
  display: block;
  margin-top: .5rem;
  text-align: center;
}

.list__item_2_text h2, .list__item_3_text h2,
.list__item_4_text h2, .list__item_5_text h2, .list__item_6_text h2,
.list__item_5_cup-ice_text h2, .list__item_6_truffe_text h2{
  font-size: .8rem;
  font-weight: bold;
  color: #411e1b;
  line-height: 1.6;
  margin: 0;
}

.list__item_5_cup-ice_text h2 br, .list__item_6_truffe_text h2 br{
  display: block;
}

.list__item_2_text p.guide, .list__item_3_text p.guide,
.list__item_4_text p.guide, .list__item_5_text p.guide, .list__item_6_text p.guide,
.list__item_5_cup-ice_text p.guide, .list__item_6_truffe_text p.guide{
  font-size: 12px;
  color: #411e1b;
  line-height: 1.6;
  text-align: left;
  margin: .5rem 0 1rem;
}

.list__item_2_text p.price, .list__item_3_text p.price,
.list__item_4_text p.price, .list__item_5_text p.price, .list__item_6_text p.price{
  font-size: 1rem;
  color: #ad6a34;
  line-height: 1.6;
}

@media screen and (min-width:641px) and ( max-width:768px) {
  /* Cup Ice用 */
.list__item_5_cup-ice {
  width: calc((100% - 10px) / 4);
  min-height: 250px;
  margin-bottom: 20px;
  padding: .5rem .5rem 0rem;
  position: relative; 
}
/* Ice Truffe用 */
.list__item_6_truffe {
  width: calc((100% - 5px) / 4);
  min-height: 250px;
  margin-bottom: 20px;
  padding: .5rem .5rem 0rem;
  position: relative; 
}
}


@media (max-width: 640px) {
.brand_title{
    padding: .8rem 0;
}
.brand_title h1{
  font-size: .9rem;
}
.brand_title h1 picture img{
  width: 90%;
}
.collection_items h4, .collection_items h4.limited{
  font-size: 1.1rem;
}
.collection_items p.ice_price{
  font-size: .9em;
}
.collection_items p.ice_price br{
  display: block;
}
.collection_section .wrap {
  padding: 0 .5rem;
}

.sns_list{
    width: 100%;
    margin: 10px auto 0;
    justify-content: center;
}
.sns_list img{
  padding: 0 5px 0;
}

.brand_collection h3{
  padding: 0rem .5rem 1rem;
  font-size: .8rem;
  text-align: left;
}
.brand_collection .page_link h3{
  padding: 0rem .5rem 0rem!important;
  font-size: .8rem;
  text-align: left;
}
.brand_collection h3 br, .brand_collection .page_link h3 br{
  display: none;
}
.button_arrow_light {
  padding: .3em 1.5em .3em .5em;
  border: 1px solid #231916;
  color: #fff;
  margin-top: .3rem;
  width: 90%;
}
.button_arrow_light::after {
  position: absolute;
  top: 50%;
  right: .1em;
  content: '';
  margin-top: -3px;
  border: 5px solid transparent;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-color: #fff;
  transition: all .2s;
}
.button_arrow_light:hover::after {
  right: -.05em;
}

.list__item_2, .list__item_3,
.list__item_4, .list__item_5, .list__item_6{
  width: calc((100% - 1px) / 1);
  min-height: 200px;
  margin-bottom: 20px;
  padding: .5rem .5rem 2.5rem;  
}
/* Cup Ice用 / Ice Truffe用 */
.list__item_5_cup-ice, .list__item_6_truffe{
  width: calc((100% - 1px) / 2);
  min-height: 200px;
  margin-bottom: 20px;
  padding: .5rem .5rem 0rem;  
}

.list__item_2_text h2, .list__item_3_text h2,
.list__item_4_text h2, .list__item_5_text h2, .list__item_6_text h2,
.list__item_5_cup-ice_text h2, .list__item_6_truffe_text h2{
  font-size: 14px;
}

.list__item_2_text h2 br, .list__item_3_text h2 br,
.list__item_4_text h2 br, .list__item_5_text h2 br, .list__item_6_text h2 br,
.list__item_5_cup-ice_text h2 br, .list__item_6_truffe_text h2 br{
  display: none;
}

.list__item_2_text p.price, .list__item_3_text p.price,
.list__item_4_text p.price, .list__item_5_text p.price, .list__item_6_text p.price{
  font-size: 14px;
}
}

/* 粒ご紹介 */
.list_chocolate_box {
  width: 100%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.chocolate_box{
  display: flex;
  width: calc((100% - 40px) / 2);
  min-height: 100px;
  margin-bottom: 20px;
  padding:  0 1rem;  
}
.chocolate_img {
     width: 35%;
     margin: auto;
     display: block;
 }
.chocolate_text {
     width: 65%;
     margin: auto .5rem;
     display: block;
     position: relative;
 }
 .chocolate_text h2{
font-size: 16px;
  font-weight: bold;
  color: #411e1b;
  line-height: 1.6;
  margin: 0 0 .5rem;   
 }

 .chocolate_text span.note{
  font-size: .7rem;
 }

  .chocolate_text span.history{
    font-style: italic;
    font-size: 1.2rem;
    margin-right: .5rem;
    font-weight: normal!important;
    text-decoration: underline;
  }

 .chocolate_box3{
  display: flex;
  width: calc((100% - 20px) / 3);
  min-height: 100px;
  margin-bottom: 0px;
  padding: 1rem;  
}




 @media (max-width: 640px) {
.chocolate_box,.chocolate_box3{
  display: flex;
  width: calc((100% - 5px) / 1);
  min-height: 150px;
  margin-bottom: 20px;
  padding: .5rem 0;  
}
.chocolate_img {
     width: 35%;
     margin: 0 auto;
     display: block;
 }
.chocolate_text {
     width: 65%;
     margin: 0 0 auto .5rem;
     display: block;
 }
.chocolate_text h2{
font-size: 14px;
}

}


/* INDEX TOPページ */

/* 親カテゴリー */
.index_parent_category{
  text-align: center;
  padding: 3rem 0;
}
.index_parent_category__wrap{
  border: solid 1px #d5b04a;
  display: flex;
  align-items: center;
  width: calc(100% - 1px);
  margin: 0 auto;
  background: #fff;
  padding: 0;
  border-radius: 10px;
    overflow: hidden;
    position:relative;
    z-index: 1;

}
.index_parent_category__kv{
  display: block;
}
.index_parent_category__kv img{
  margin: 0;
  padding: 0;
  vertical-align: top;
  float: left;
  display: block;
}

.index_parent_category__text{
display: block;
width: 40%;
text-align: center;
padding: 0;
}

.index_parent_category__text .inner{
  margin: auto;
}
.index_parent_category__text .inner h2{
  color: #231815;
  font-size: 24px;
}

.index_parent_category__text .inner h3{
  padding: 0 1rem .5rem;
  color:#411e1b;
  font-size: 24px;
  text-align: center;
  line-height: 1.8;
  border-bottom: none;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.index_parent_category__text .inner p{
  color: #231815;
  font-size: 14px;
  padding: 0 1rem .5rem;  
}

.index_parent_category__text .inner p br{
  display: block;
}

@media screen and (min-width:755px) and ( max-width:871px) {
  /* 親カテゴリー */

.index_parent_category__text{
display: block;
width: 50%;
text-align: center;
padding: 0 .3rem;
}

.index_parent_category__text .inner h2{
  font-size: 19px;
}

.index_parent_category__text .inner h3{
  padding: 0rem 0rem 0rem;
  font-size: 18px;
}

.index_parent_category__text .inner p{
font-size: 14px;
padding: 0 1rem 0rem;
}
.index_parent_category__text .inner p br{
  display: none;
}
 }

@media screen and (min-width:736px) and ( max-width:754px) {
  /* 親カテゴリー */
.index_parent_category__text{
  width: 50%;
padding: 0 .3rem;
}
.index_parent_category__text .inner h2{
  font-size: 16px;
}
.index_parent_category__text .inner h3{
  padding: 1rem .5rem .5rem;
  font-size: 16px;
}
.index_parent_category__text .inner p{
  padding: .5rem .5rem;
  font-size: 13px;
}
.index_parent_category__text .inner p br{
  display: none;
}
 }

@media screen and (max-width:735px) {
  /* 親カテゴリー */
.index_parent_category{
  padding: 1rem 0;
}
.index_parent_category__wrap{
  display: block;
  width: calc(100% - 8px);
}
.index_parent_category__kv{
  display: block;
}
.index_parent_category__kv img{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.index_parent_category__text{
display: block;
width: 100%;
text-align: center;
padding: 0 .3rem;
}

.index_parent_category__text .inner{
  margin: auto;
}
.index_parent_category__text .inner h2{
  color: #231815;
  font-size: 16px;
  margin: 10px 0 5px;
}
.index_parent_category__text .inner p{
padding: .5rem .5rem;
font-size: 13px;
}
.index_parent_category__text .inner h3{
  padding: 1rem .5rem 0rem;
  color:#231815;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
  border-bottom: none; 
  margin: 0;
}

.index_parent_category__text .inner p br{
  display: none;
}
 }

/* GD */
.collection_GD{
  background-color: #fffef6;
  padding: 3rem 0 1rem;
  border-radius:100px;
}
.collection_GD .GD_h4{
  text-align: center;
}
.collection_GD h4{
   background: none;
   padding: .7rem 0 .5rem 0;
   display: inline;
   text-align: center;
}
@media screen and (max-width:767px) {
  .collection_GD{
    padding: 2rem 0 1rem;
    border-radius:40px;
}
  }


/* LGD */
.collection_Lgd{
  background: url(../img/Legendaires/Legendaires_bk.jpg);
  padding: 2rem 0;
  color: #1d110d;
  border-radius:100px;
}
.collection_Lgd .chocolate_text h2 {
    font-size: 16px;
    font-weight: bold;
    color: #1d110d;
    line-height: 1.6;
    margin: 0 0 .5rem;
    border-bottom: solid 1px #1d110d;
}
.collection_Lgd h4{
   background: none;
   padding: .7rem 0 .5rem 0;
    border-bottom: none;
}
.collection_Lgd h3{
   font-size: 24px;
   padding: 0rem 0em 0rem;
    text-align: center;
    line-height: 1.8;
    border-bottom: none;
    font-weight: 500;
}
.collection_Lgd h5{
   font-size: 16px;
   padding: 0;
   margin: 0;
   line-height: 1.8;
   font-weight: bold;
}
.collection_Lgd .chocolate_text span.history {
    color: #fff;
    font-style: italic;
    font-size: 1.2rem;
    margin-right: .5rem;
    font-weight: normal!important;
   text-decoration: none;
}
.collection_Lgd h3 br, .collection_Lgd h5 br{
  display: block;
}
.collection_Lgd h4, .collection_Lgd h5{
  text-align: center;
}
@media screen and (max-width:767px) {
.collection_Lgd{
  padding: 1rem 0;
  border-radius:60px;
}
  
  .collection_Lgd h5{
   font-size: 16px;
   padding: 0 1rem;
}
  .collection_Lgd h5 br{
  display: none;
}
}



/* 個別 swiper */
.introduce .swiper-container {
  margin-left: 0!important;
  margin-right: 0!important;
  width: 60%;
    }
.introduce .swiper-container img{
  vertical-align: top;
  float: left;
  display: block; 
  overflow: auto; 
}
@media screen and (max-width:767px) {
.introduce .swiper-container {
  margin-left: 0!important;
  margin-right: 0!important;
  width: 100%;
    }
}
.index_limited .swiper-container {
  margin-left: 0!important;
  margin-right: 0!important;
  width: 100%!important;
    }