@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap');
/*------------------------------------------------------------
	Reset
------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
hgroup,
menu,
section,
main {
  display: block; }

body {
  -webkit-text-size-adjust: 100%; }

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;}

table,
input,
textarea,
select,
option {
  line-height: 1.1; }

blockquote,
q {
  quotes: none; }

*:focus {
outline: none!important;
}

a {outline:none!important;}

a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer!important;
}

a,
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

img {
  vertical-align: top; }

a {
  transition: 0.3s ease-in-out; }

/*a {
  cursor: pointer;}*/


@media (min-width: 769px) {
  .sp {
    display: none; } }

@media (min-width: 992px) {
  .tablet {
    display: none; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

@media screen and (max-width: 991px) {
  .pc-tablet {
    display: none; } }

@media screen and (max-width: 1024px) {
  .pc-only {
    display: none; } }

@keyframes fade_in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slide_y {
  0% {
    transform: translateY(1.4vw); }
  100% {
    transform: translateY(0); } }

@keyframes slide_x {
  0% {
    transform: translateX(-1.4vw); }
  100% {
    transform: translateX(0); } }

@keyframes move {
  0% {
    left: 0;
    opacity: 0; }
  35% {
    left: 41%;
    transform: rotate(0deg);
    opacity: 1; }
  65% {
    left: 59%;
    transform: rotate(0deg);
    opacity: 1; }
  100% {
    left: 100%;
    transform: rotate(-180deg);
    opacity: 0; } }

body.is-loading {
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1.6;
  letter-spacing: .5px;
  color: #141414;
  -webkit-font-smoothing: antialiased; 
  }


body.limited_area{
  
}

body.limited_area .block-top-topic--body{
  background: none;
}

body.limited_area .wrapper{
  background: none;
}

body.limited_area .pane-contents{
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.wrapper_LA {
  max-width: 1200px;
  padding: 10px 15px 20px;
  margin: 0px auto ;
  position: relative;
  /*z-index: 5;*/
}

.wrapper_LA_wide{
  max-width: 1600px;
  padding: 10px 10px 3em;
  margin: 0 auto ;
  position: relative;
  /*z-index: 5;*/
}


@media screen and (max-width: 767px) {
    .wrapper_LA {
      padding: 10px 10px 20px;
    }
}

.pc_only_inline{
  display: inline-block;
}
.pc_only{
  display: block;
}
.sp_only_inline{
  display: none;
}
@media (max-width: 767px){
  .pc_only_inline{
  display: none;
}
.pc_only{
  display: none;
}

.sp_only_inline{
  display: inline-block;
}
  }

#top_chocolate a img, #top_yakigashi a img, #top_limited_online a img,
#top_list a img, .footer_menu a img, .page_link a img{
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

#top_chocolate a:hover img, #top_yakigashi a:hover img, #top_limited_online a:hover img,
#top_list a:hover img, .footer_menu a:hover img, .page_link a:hover img{
opacity: 0.7; /* 透過レベル */
filter: alpha(opacity=80);
}

/*--------------------------------------------------------------
 loading
 top_title
 introduce

 nihon_tizu
 地域 background-color
 dokidoki　アニメーション

 flex_list


 btn_arrow_light_shousai 詳細はこちら
 btn_arrow_light_shousai 詳細はこちら
 sub_link
 pc_769_only　sp_768_only

 modaal
 list__special (1行1商品)
 block-page-top

--------------------------------------------------------------*/


/*--------------------------------------------------------------
 loading
--------------------------------------------------------------*/
.loading img{
  width: 280px;
}

.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background: rgb(229,248,252);
  background: linear-gradient(180deg, rgba(229,248,252,1) 0%, rgba(204,243,252,1) 100%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}

.loading.is-active {
  opacity: 0;
  visibility: hidden;
}

.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background: rgb(229,248,252);
  background: linear-gradient(180deg, rgba(229,248,252,1) 0%, rgba(204,243,252,1) 100%);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
 top_title
--------------------------------------------------------------*/
.top_title{
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.top_title.is-view-y {
    animation: 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation-name: fade_in, slide_y; }

.top_title .swiper-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_title .swiper-slide {
  padding-top: 0px;
  text-align: center;
  color: #fff;
}/**/

@media (max-width: 768px) {

.top_title{
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.top_title .swiper-container {
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
}

/*--------------------------------------------------------------
introduce
--------------------------------------------------------------*/
.introduce .wrapper_WD{
  padding: 20px 20px 0;
}


.intro_circle{
  background-color: #fff;
  padding: 20px 20px;
  max-width: 560px;
  margin: 20px auto;
  border: solid 1px #a18b65;
  outline: solid 3px #a18b65;
  outline-offset: 2px;
  overflow: hidden;
}

.introduce h1{
  margin: 0px auto 20px;
  letter-spacing: -.005em;
  font-size:20px;
  font-family: 'Shippori Mincho', serif;
  /*width: 60%;*/
  color: #c51c62;
}
.introduce h2{
  font-weight: normal;
  letter-spacing: -.005em;
  font-size:20px ;
  color: #c51c62;
}

.icon_intro{

}

.introduce h3{
  font-weight: normal;
  letter-spacing: -.005em;
  font-size: 14px;
  line-height: 1.8;
}

.intro_circle p{
  font-size: 14px;
}

@media (max-width: 480px) {
.introduce{
  padding: 0px 0 10px;
  text-align: center;
}
.introduce h1{
  font-size:18px ;
  width: 100%;
}
.introduce h2{
  font-size:18px ;
}
}
@media (max-width: 320px) {
.introduce h1{
  font-size:16px ;
}
.introduce h2{
  font-size: 16px;
}
.introduce h3{
  font-size:12px ;
}
}

.copy{
  max-width: 800px;
  margin: 30px auto 20px;
  padding:  0 15px;
}

.copy h2{
  font-size: 22px;
  line-height: 1.5;
    color: #5e3518;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

.copy p{
  font-size: 15px;
  text-align: center;
}

/*--------------------------------------------------------------
 nihon_tizu
--------------------------------------------------------------*/
#nihon_tizu{
  width: 100%;
  background: rgb(229,248,252);
  background: linear-gradient(180deg, rgba(229,248,252,1) 0%, rgba(204,243,252,1) 100%);
}

.nihon_tizu{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: auto auto;
}

.nihon_tizu .map_title{
  padding: 0 15px 20px;
  text-align: center;
}

.nihon_tizu .map_title h3{
  font-weight: normal;
  letter-spacing: -.005em;
  font-size: 14px;
  line-height: 1.8;
  margin: 0;
}


.nihon_tizu .map_link{
  position: relative;
}

/*ページ内リンク*/
.nihon_tizu .map_link .hokkaido_touhoku{
  position: absolute;
  top: 1%;
  right: 2%;
  width: 44%;
}
.nihon_tizu .map_link .kanto{
  position: absolute;
  top: 43%;
  right: 10%;
  width: 37%;
}
.nihon_tizu .map_link .cyubu_kinki{
  position: absolute;
  top: 8%;
  left: 25%;
  width: 26%;
}
.nihon_tizu .map_link .chugoku_shikoku{
  position: absolute;
  top: 28%;
  left: 2%;
  width: 34%;
}
.nihon_tizu .map_link .kyushu{
  position: absolute;
  bottom: 3%;
  left: 15%;
  width: 26%;
}

@media screen and (max-width:800px) {
.nihon_tizu{
  display: block;
}
}

/*dokidoki　アニメーション*/

.dokidoki{
    animation-name:dokidoki;  /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 3s; /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}

@keyframes dokidoki {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    60% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

.dokidoki2{
    animation-name:dokidoki;  /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 4s; /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}

@keyframes dokidoki2 {
    0% {
        transform: scale(1);
    }
    35% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    65% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

.dokidoki3{
    animation-name:dokidoki;  /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 2s; /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}

@keyframes dokidoki3 {
    0% {
        transform: scale(1);
    }
    33% {
        transform: scale(1.05);
    }
    66% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

/*--------------------------------------------------------------
 地域 background-color
--------------------------------------------------------------*/
.chiki_name{
  text-align: center;
}

#hokkaido_touhoku{
  background-color:#d7e5dc;
}

h3.chiki_hokkaido_touhoku{
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0px 0 10px;
  text-align: center;
  background-color: #a0b738;
  display: inline-block;
}

#kanto{
  background-color: #d4e5f6;
}

h3.chiki_kanto{
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0px 0 10px;
  text-align: center;
  background-color: #6ea3cf;
  display: inline-block;
}

#cyubu_kinki{
  background-color: #f2d6af;
}

h3.chiki_cyubu_kinki{
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0px 0 10px;
  text-align: center;
  background-color: #e08303;
  display: inline-block;
}

#chugoku_shikoku{
  background-color: #f8dfe1;
}

h3.chiki_chugoku_shikoku{
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0px 0 10px;
  text-align: center;
  background-color: #ef7f8a;
  display: inline-block;
}

#kyushu{
  background-color: #ecb8bf;
}

h3.chiki_kyushu{
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 20px;
  margin: 0px 0 10px;
  text-align: center;
  background-color: #cf152d;
  display: inline-block;
}


.icon_limited_icon{
  position: absolute;
  top: 10%;
  right: 1%;
  width: 22%;
}

/*--------------------------------------------------------------
 flex_list
--------------------------------------------------------------*/
.flex_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 0;
}
.flex_list p{
  font-size: 14px;
}

.flex_list .flex_list_item_2 {
  padding: 15px;
  width: 47.8%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.flex_list .flex_list_item_3 {
  padding: 15px;
  width: 33.3%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.flex_list .flex_list_item_4 {
  padding: 10px;
  width: 25%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.flex_list .flex_list_item_2 .collection_img,
.flex_list .flex_list_item_3 .collection_img,
.flex_list .flex_list_item_4 .collection_img{
  border: none;
  background:  none;
  filter: drop-shadow(0px 10px 10px rgba(114,64,69,0.3));
  padding: 0 0;
  overflow: hidden;
  position: relative;
}

.flex_list .flex_list_item_2 .collection_img a,
.flex_list .flex_list_item_3 .collection_img a,
.flex_list .flex_list_item_4 .collection_img a{
  position: relative;
}

.flex_list .flex_list_item_2 h2,
.flex_list .flex_list_item_3 h2,
.flex_list .flex_list_item_4 h2{
  font-size: 15px;
  color: #411e1b;
}
.flex_list .flex_list_item_2 p.price,
.flex_list .flex_list_item_3 p.price,
.flex_list .flex_list_item_4 p.price{
  color: #ad6a34;
  text-align: center;
}

.flex_list  h2 {
  font-size: 18px;
}
.flex_list  p {
  margin: 10px 0 0;
  text-align: left;
}
.flex_list .flex_list_item_btn {
  margin-top: auto;
}

.flex_list a{
  text-decoration: none;
}

.order0{
  order: 0;
}

.order1{
  order: 1;
}

@media screen and (min-width:541px) and (max-width:820px) {

.flex_list .flex_list_item_2, .flex_list .flex_list_item_3, .flex_list .flex_list_item_4{
  flex-basis: 49%;
}

  .flex_list {
  padding: 0px;
}
.flex_list .flex_list_item_2 {
  padding: 0px;
  width: 49%;
  margin: auto auto 1em;
}

.flex_list .flex_list_item_3 {
  padding: 0px;
  width: 49%;
  margin: auto auto 2em;
}

.flex_list .flex_list_item_4 {
  padding: 0px 10px;
  width: 48%;
  margin: 0 auto 2em;/**/
}

}

@media screen and (max-width:540px) {
  .flex_list {
  padding: 0px;
}
.flex_list .flex_list_item_2 {
  padding: 0px;
  width: 98%;
  margin: auto auto 1em;
}

.flex_list .flex_list_item_3 {
  padding: 0px;
  width: 98%;
  margin: auto auto 2em;
}

.flex_list .flex_list_item_4 {
  padding: 0px;
  width: 98%;
  margin: auto auto 3em;
}

.flex_list .flex_list_item_2 h2,
.flex_list .flex_list_item_3 h2,
.flex_list .flex_list_item_4 h2 {
    font-size: 14px;
    letter-spacing: -.01em;
}

.flex_list  h2 {
  font-size: 16px;
}

.flex_list .icon_area{
  position: relative;
  width: 100%;
}

.order0{
  order: 1;
}

.order1{
  order: 0;
}
  }

@media screen and (max-width:413px) {
  .flex_list .flex_list_item_2 h2,
  .flex_list .flex_list_item_3 h2,
.flex_list .flex_list_item_4 h2 {
    letter-spacing: -.08em;
}
}

/*--------------------------------------------------------------
 btn_arrow_light_buy 取扱店舗
--------------------------------------------------------------*/
.btn_arrow_light_buy {
  display: block;
  background: rgb(219,73,58);
background: linear-gradient(54deg, rgba(219,73,58,1) 0%, rgba(150,45,44,1) 100%);
  color: #fff;
  padding: 1em 2em 1em 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 15px 0 0;
  border-radius: 6px;
  position: relative;
}

.btn_arrow_light_buy::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.btn_arrow_light_buy:hover::after{
    right: 10px;
}
@media screen and (max-width:320px) {
  .btn_arrow_light_buy {
  font-size: 11px;
}
  }

/*--------------------------------------------------------------
 btn_arrow_light_shousai 詳細はこちら
--------------------------------------------------------------*/
.btn_arrow_light_shousai {
  display: block;
  background: rgb(216,168,78);
  background: linear-gradient(45deg, rgba(216,168,78,1) 0%, rgba(183,109,40,1) 100%);
  color: #fff;
  padding: 1em 2em 1em 1em;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 15px 0 0;
  border-radius: 6px;
  position: relative;
}

.btn_arrow_light_shousai::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
    width: 6px;
    height: 6px;
    border: 2px solid;
    border-color: transparent transparent #FFF #FFF;
    transform: rotate(-135deg);
    transition: .3s;
}
.btn_arrow_light_shousai:hover::after{
    right: 10px;
}
@media screen and (max-width:320px) {
  .btn_arrow_light_shousai {
  font-size: 12px;
}
  }

/*--------------------------------------------------------------
 sub_link
--------------------------------------------------------------*/
p.sub_link{
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}

.sub_link{
  text-decoration: underline!important;
}

/*--------------------------------------------------------------
 pc_769_only　sp_768_only
--------------------------------------------------------------*/

.pc_769_only{
  display: block;
}
.sp_768_only{
  display: none;
}

@media screen and (max-width:768px) {
.pc_769_only{
  display: none;
}
.sp_768_only{
  display: block;
}
}

@media (max-width: 320px){

}

/*--------------------------------------------------------------
 modaal
--------------------------------------------------------------*/
.modaal-content-container{
  background: #d7e5dc;
  padding: 0px;/*padding: 30px;*/
}
.modaal-content-container .tsubu{
  margin: 0 auto;
  padding: 0 5% 15px;
  text-align: center;
}
.modaal-content-container .tsubu img{
filter: drop-shadow(0px 5px 5px rgba(105,65,53,0.4));
}

.modaal-content-container .chocolate_map_inner{
  max-width: 768px;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}

.modaal-content-container .recommend{
  max-width: 768px;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
  background: #fdcdb8;
}

.modaal-content-container p.name, .modaal-content-container p.title1{
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}
.modaal-content-container p.title1{
  color: #78412b;
  font-size: 16px;
  margin-bottom: 10px;
}

.modaal-content-container p.notice{
  text-align: center;
  margin-bottom: 10px;
  font-size: 11px;
}
.modaal-content-container .recomend_box{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.modaal-content-container .recomend_box .box{
width: calc(50% - 20px);
margin: 0 5px 10px;
border: solid 1px #d5b04a;
border-radius: 10px;
position: relative;
overflow: hidden;
padding: 2%;
font-size: 12px;
background: #fff!important;
text-align: center;
}

.modaal-content-container .close_btn{
  text-align: center;
  font-size: 16px;
  margin-top: 6px;
}
.modaal-content-container .close_btn .inline_close{
  background: #78412b;
  color:#fff;
  border-radius: 6px;
  padding: 6px 10px;
}

@media (max-width: 767px){
  .modaal-content-container {
    padding: 30px 10px!important;
}

  .modaal-content-container p.title1{
  font-size: 16px;
}

.modaal-content-container p.text{
  font-size: 14px;
}

.modaal-content-container .recomend_box .box{
width: calc(50% - 4px);
margin: 0 2px 10px;
border: solid 1px #d5b04a;
border-radius: 10px;
position: relative;
overflow: hidden;
padding: 2%;
font-size: 12px;
background: #fff!important;
text-align: center;
}
.modaal-content-container .close_btn{
  font-size: 14px;
}
}

@media (max-width: 375px){
  .modaal-content-container p.title1{
  font-size: 14px;
}
  }


/*--------------------------------------------------------------
SNS sns_area
--------------------------------------------------------------*/
.sns_area{
  padding: 3% 0;
  position: relative;
  max-width: 1200px;
  margin: auto auto 20px;
  display: flex;
  justify-content: center;
}

.sns_content{
  border: dashed 1px #5e3518;
  padding: 5px 5px;
  position: relative;
  width: calc((100% - 20px) / 2);
  margin: auto 5px 20px;
  background-color: rgba(255, 255, 255, .8);
}

.sns_area h2.sns_title{
  text-align: center;
  padding: 0 0 ;
  margin: 10px 0;
  color: #5e3518;
  position: relative;
  font-weight: normal;
  font-size: 14px;
}

.sns_area h2.sns_product_name{
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  margin: 10px 0 10px;
}

.sns_area .flex_box{
    display: flex;
    align-items: center;
}

.sns_area .kv{
  position: relative;
  text-align: center;
  padding: 1% 1%;
  width: 50%;
}
.sns_area .text{
  padding: 0 10px 10px;
  width: 50%;
}

.sns_area .text p.interview{
  text-align: left;
  font-size: 13px;
  line-height: 1.8;
}


@media (max-width: 820px){

.sns_area{
  position: relative;
  margin: auto auto 20px;
  display: block;
}
}

@media (max-width: 767px){

.sns_content{
  padding: 0px 5px 20px;
  position: relative;
  width: 98%;
  margin: auto auto 20px;
}

.sns_area .flex_box{
    display: block;
}

.sns_area .kv, .sns_area .text{
  width: 100%;
}

.sns_area .kv{
  padding: 1% 5% 5%;
}

}

/*--------------------------------------------------------------
godiva_cafe
--------------------------------------------------------------*/
.godiva_cafe{
  padding: 5px 5px 5px;
  margin: auto auto 20px;
  position: relative;
  max-width: 900px;
  background-color: #99b4cf;
}

.godiva_cafe h2.sns_title{
  text-align: center;
  padding: 0px 0 0;
  position: relative;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0;
}

h3.chiki_cafe{
  color: #5a7ea1;
  font-size: 14px;
  border-radius: 8px;
  padding: 5px 10px;
  margin: 10px 0 10px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
}

.godiva_cafe .flex_box{
    display: flex;
    align-items: center;
}

.godiva_cafe .kv{
  position: relative;
  text-align: center;
  padding: 0 0%;
  width: 50%;
}
.godiva_cafe .text{
  padding: 10px 3%;
  width: 50%;
  text-align: center;
}

.godiva_cafe .text p.interview{
  text-align: left;
  font-size: 13px;
}


@media (max-width: 767px){
.godiva_cafe{
  padding: 5px 5px 20px;
}

.godiva_cafe .flex_box{
    display: block;
}

.godiva_cafe .kv, .godiva_cafe .text{
  width: 100%;
}

}


/*--------------------------------------------------------------
godiva_atelier
--------------------------------------------------------------*/
.godiva_atelier{
  padding: 5px 5px 5px;
  margin: auto auto 20px;
  position: relative;
  max-width: 900px;
  background-color: #ffe9e3;
}

.godiva_atelier h2.sns_title{
  text-align: center;
  padding: 0px 0 0;
  position: relative;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0;
}

h3.godiva_atelier{
  color: #f1a68f;
  font-size: 14px;
  border-radius: 8px;
  padding: 5px 10px;
  margin: 10px 0 10px;
  text-align: center;
  background-color: #fff;
  display: inline-block;
}

.godiva_atelier .flex_box{
    display: flex;
    align-items: center;
}

.godiva_atelier .kv{
  position: relative;
  text-align: center;
  padding: 0 0%;
  width: 50%;
}
.godiva_atelier .text{
  padding: 10px 3%;
  width: 50%;
  text-align: center;
}

.godiva_atelier .text p.interview{
  text-align: left;
  font-size: 13px;
}


@media (max-width: 767px){
.godiva_atelier{
  padding: 5px 5px 20px;
}

.godiva_atelier .flex_box{
    display: block;
}

.godiva_atelier .kv, .godiva_atelier .text{
  width: 100%;
}
}

/*--------------------------------------------------------------
list__special (1行1商品)
--------------------------------------------------------------*/

.list__special{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1em 0;
}

.list__special_img_half{
  width: calc(50% - 10px);
    margin: 0 auto 5px;
}

.list__special_text_half{
  width: calc(50% - 10px);
    margin: 0 auto 50px;
    padding: 0 .7rem 0 ;
    text-align: left;
}

.list__special_text_half h2{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.01em;
  text-align: center;
  margin: 0 0 20px;
  color: #411e1b;
}

.list__special_text_half h2 a{
  color: #411e1b;
}

.list__special_text_half p{
  text-align: center;
  font-size: 14px;
}

.list__special_text_half p.price{
  margin-top: 10px;
  color: #ad6a34;
  font-weight: 600;
  text-align: center;
}

.list__special_text_half p.cart{
  width: 80%;
  margin: auto;
}

.list__special_img_half .collection_img{
  border: none;
  background:  none;
  filter: drop-shadow(0px 10px 10px rgba(114,64,69,0.3));
  padding: 0 0;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width:767px) {
  .list__special{
  display: block;
}

  .list__special_img_half, .list__special_text_half{
  padding: 0px 0;
  width: 100%;
  margin: 0 auto 0px;
}

.list__special_text_half p.cart{
  width: 90%;
  margin: auto;
}
}

@media screen and (max-width:767px) {
.list__special_text_half h2{
  font-size: 16px;
  letter-spacing: -.01em;
  text-align: center;
  margin-top: 10px;
}
}

.order0{
  order: 0;
}

.order1{
  order: 1;
}

@media screen and (max-width:767px) {
.order0{
  order: 1;
}

.order1{
  order: 0;
}
}


/*--------------------------------------------------------------
 block-page-top ページトップへ戻る
--------------------------------------------------------------*/
/*body.limited_area .block-page-top {
    bottom: 80px!important;
    right: 10px!important;
    z-index: 6;
}*/

@media (max-width: 767px){
}

/**/
p.mincho{
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
}

@media (max-width: 320px){
p.mincho{
  letter-spacing: -.07em;
}
}