/** Shopify CDN: Minification failed

Line 196:37 Expected ":"
Line 208:41 Expected ":"
Line 222:26 Expected ":"
Line 294:30 Expected ":"

**/
/* 001 TOPリンクボタン */
.button001 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button001 a:hover {
    background: #878080;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #878080;
    border-right: 3px solid #878080;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}

/* 002 TOPリンクボタン */
.button002 a {
    background: #FFF;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button002 a:hover {
    background: #878080;
    color: #EEE;
}
.button002 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #878080;
    border-right: 3px solid #878080;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button002 a:hover:after {
    border-color: #EEE;
}

/* 003 リンクボタン */
.button003 a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #EDDFDD;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button003 a:hover {
    background: #878080;
    color: #FFF;
}
.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #878080;
    border-right: 3px solid #878080;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button003 a:hover:after {
    border-color: #FFF;
}


/* 004 リンクボタン TOP VDコンテンツ*/
.button004 {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 135px;
    padding: 10px 25px;
    border-radius: 10px;
    background-color: #F8F6F7;
    border: 1px solid #333333;
    padding: 4px;
}

/* テキスト設定 */

.rqm-text01 {
  letter-spacing: 0.2em; 
  text-align: center; 
  font-size: 1em;
  line-height: 150%
  
}

.rqm-text01hou {
  letter-spacing: 0.2em; 
  text-align: center; 
  font-size: 1em;
  line-height: 1.5rem
  
}

.rqm-text01left {
  letter-spacing: 0.2em; 
  font-size: 1em;
  line-height: 150%
  
}


.rqm-text01minleft {
  letter-spacing: 0.2em; 
  font-size: 1em;
  line-height: 150%
  
}

.rqm-text01minleft h3 {
  letter-spacing: 0.2em; 
  font-size: 1.25rem;;
  
}

.rqm-text01bold {
  letter-spacing: 0.2em; 
  font-size: 1em;
  font-weight: bold;  
  line-height: 150%
  
}

.rqm-text01 h2 {
  letter-spacing: 0.2em; 
  text-align: center; 
  font-size: 1.3em;
  font-weight: bold;  
  line-height: 150%        /* rqm-text01内のh2にのみ有効 */
}

.rqm-text01 h3 {
  letter-spacing: 0.2em; 
  text-align: center; 
  font-size: 1.3em;
  font-weight: bold; 
  line-height: 170%          /* rqm-text01内のh3にのみ有効 */
}

.line_001{　　　　　　　　　 /* 商品ページ内罫線代用 */
border: none;
height: 1px;
background-color: #b3b3b3;
}



/* 装飾テキスト設定 */

.rqm-text01 h1 {
  display: inline-block;
  border-bottom: 1px solid #EEEEEE;　　/* 下線 */
  padding-bottom: 13px;
  letter-spacing: 4px; 
  text-align: center; 
  font-size: 20px;
  font-weight: bold; 
}


.rqm-text01left h2 {
  letter-spacing: 4px; 
  text-align: center; 
  font-size: 20px;
  font-weight: bold;
  color: #BE4F62;　　　/* RED */

}

.rqm-text01left h4{
  font-size: 16px;
  padding: 0px 9px;
  border-left: 3px solid #333333;
  color: #333333;
  border-bottom: 0;
  border-top: 0;
  height: 29px;       /* トレオン小見出し */
  
}


/* 角マル枠設定 */

.box-rqm01{
  width:40px;
  height:10px;
  background:#878080;
  border-radius:30px;
}


/* LIST設定 */

.list204 ul {
  margin: 0;
  padding: 0.3em 0;
  list-style-type: none;
  border: none;
}
.list204 ul li {
  position:relative;
  padding: 0.3em 0 0.3em 1.6em;
  line-height: 1.5;
}
.list204 ul li:before{
  content: '';
  position: absolute;
  background-color: #878181;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 10px;
  top: 13px;
}

 /* 見出しつき枠線 */
.textBox_iberico {
border: 1px solid #353535;
border-radius: 5px;
padding: 30px;
position: relative;
}

.textBox_iberico ::before {
background-color: #fff;
color: #353535;
content: "ベジョータの条件";
font-weight: bold;
left: 30px;
padding: 3px 10px;
position: absolute;
top: -15px;
}



 /* ●アイコン */
ul.rqm-product01 li {　　　
  position: relative;                     
  padding:  0px;                         /* 余白指定 */
  margin-bottom: 4px;                     /* 要素と要素の間指定 */
  font-size:  16px;                       /* 文字サイズ指定 */
}
.ul.rqm-product01:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #71686C;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
}


/* ●矢印リスト */
.rqm-product02-wrap {                                              
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.rqm-product02:before {
    content:  "";                 /* 空の要素作成 */
    width: 27px;                            /* 幅指定 */
    height: 22px;                           /* 高さ指定 */
    display:  inline-block;                 /* インラインブロックにする */
    position:  relative;                    /* アイコンの位置を調整 */
    top: 5px; left: 8px;                   /* アイコンの位置を調整 */
    margin-right: 2px;                      /* 余白指定 */
    background-image:  url(/cdn/shop/files/yajirushi02.png?v=1660630441);  /* アイコン指定 */
    background-size:  47%;              /* アイコンの大きさ指定 */
    background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: top;                    /* アイコンの位置を調整 */
}
 
.rqm-product02 {
    padding:  5px;                         /* 余白指定 */
    margin-bottom: 5px;                     /* 要素と要素の間指定 */
    font-size:  16px;                       /* 文字サイズ指定 */
}




/* VIDEO設定 */
div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 4% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
background: #FFFFFF;/*余白の背景色*/
}
video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}



/* TEL設定 */
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}




/* リクルートフローチャート設定 */      


.cp_stepflow01 {
	font-size: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 1em;
	padding: 0;
}
.cp_stepflow01 > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-overflow: ellipsis;
	color: #A6C2CE;        /* 色指定 */
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.cp_stepflow01 > li .bubble {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 0.5em;
	border-radius: 1000px;
	background-color: #A6C2CE;       /* 色指定 */
}
.cp_stepflow01 > li .bubble::after,
.cp_stepflow01 > li .bubble::before {
	position: absolute;
	top: 9px;
	display: block;
	width: 100%;
	height: 3px;
	content: '';
	background-color: #A6C2CE;       /* 色指定 */
}
.cp_stepflow01 > li.completed,
.cp_stepflow01 > li.completed .bubble {
	color: #A6C2CE;
}
.cp_stepflow01 > li.completed .bubble,
.cp_stepflow01 > li.completed .bubble::after,
.cp_stepflow01 > li.completed .bubble::before {
	background-color: #A6C2CE;
}
.cp_stepflow01 > li:last-child .bubble::after,
.cp_stepflow01 > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}
.cp_stepflow01 > li.active,
.cp_stepflow01 > li.active .bubble {
	font-weight: bold;
	color: #f57c00;
}
.cp_stepflow01 > li.active .bubble,
.cp_stepflow01 > li.active .bubble::after,
.cp_stepflow01 > li.active .bubble::before {
	background-color: #fb8c00;
}




/* リクルート表設定 */
.design10 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 letter-spacing:2px;
 font-size: 15px;  
}
.design10s {
 width: 100%;
 text-align: left;
 border-collapse: collapse;
 border-spacing: 0;
 letter-spacing:2px;
 font-size: 14px;  
 background: #FFFFFF;
}
.design10 th {
 padding: 30px;
 background: #F8F6F7;
 border-bottom: solid 2px #5d5d5d;
 border-top-color: #FFFFFF;
 border-right-color: #FFFFFF;
 border-left-color: #FFFFFF;
 color: #353535;
}
.design10 td {
 padding: 15px;  
 border-top-color: #FFFFFF;
 border-right-color: #FFFFFF;
 border-left-color: #FFFFFF;
 border-bottom: solid 1px #CCCCCC;
}
.design10 td:first-child {
 background: #F1F0EE;
 width: 50%;
}



 /* テキストエリアの設定 */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width: 100%;
background-color: #fff;
color: #000;
padding:10px 0 10px 10px;
margin:10px 0;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,select:focus{
background-color: #fff;
}



 /* onoshi レスポンシブ画像の設定 */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_onoshi { display: block !important; }
.sp_onoshi { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc_onoshi { display: none !important; }
    .sp_onoshi { display: block !important; }
}


 /* eGIFT レスポンシブ画像の設定 */

.box_RQM {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.text_RQM {
  text-align: center;
  margin: -2% 6% 5% 2%;
}


.pict_RQM {
    width: 60%;
    margin: -1em 0em 0 -1em;
}

.pict_RQM img {
  width: 100%;
  height:auto;
  margin: -10px;
}

.box_RQM:nth-child(even) {
  flex-direction: row;
}
.box_RQM:nth-child(even) .text_RQM {
  text-align: center;
}
.box_RQM:nth-child(even) .pict_RQM {
  margin-left: 0;
  margin-right: 3%;
}

@media (max-width:768px) {
  .box_RQM {
    flex-direction: column;
    align-items: center;
  }
  .box_RQM:nth-child(even) {
    flex-direction: column;
    align-items: center;
  }
  .text_RQM {
    text-align: center;
  }
  .box_RQM:nth-child(even) .text_RQM {
    text-align: center;
  }
  .pict_RQM {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .box_RQM:nth-child(even) .pict_RQM {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict_RQM img {
    width:60%;
    height:auto;
  }
}


/* VDcard レスポンシブ画像の設定 */

.box_RQM_VD {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.text_RQM_VD {
  text-align: center;
  margin: -2% 6% 5% 2%;
}


.pict_RQM_VD {
  width: 60%;
}

.pict_RQM_VD img {
  width: 90%;
  height:auto;
  margin: -1em 0 1em 0;
}

.box_RQM_VD:nth-child(even) {
  flex-direction: row;
}
.box_RQM_VD:nth-child(even) .text_RQM_VD {
  text-align: center;
}
.box_RQM_VD:nth-child(even) .pict_RQM_VD {
  margin-left: 0;
  margin-right: 3%;
}

@media (max-width:768px) {
  .box_RQM_VD {
    flex-direction: column;
    align-items: center;
  }
  .box_RQM_VD:nth-child(even) {
    flex-direction: column;
    align-items: center;
  }
  .text_RQM_VD {
    text-align: center;
  }
  .box_RQM_VD:nth-child(even) .text_RQM_VD {
    text-align: center;
  }
  .pict_RQM_VD {
    width: 60%;
    margin-left: 0;
    text-align: center;
  }
  .box_RQM_VD:nth-child(even) .pict_RQM_VD {
    margin: -1em 0em 1em -1em;
  }
  .pict_RQM_VD img {
    width: 100%;
    height: auto;
  }
}


 /* 2本SET+FOOD　スクロール */

.box_rqm_set {
  display: flex;
  width: 380px;
  height: 240px;
  overflow-x: scroll;
}

.box_rqm_set div {
  width: 90%;
  margin: 5px;
  flex-shrink: 0;
}
.scroll_content_rqm_set { /* リスト全体のスタイル */
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;

}

.scroll_content_rqm_set li { /* 各リストのスタイル */
  width: 90%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}

.scroll_content_rqm_set img { /* 画像のスタイル */
  width: 100%;
  max-height: 300px;
  object-fit: cover;
}

.scroll_content_rqm_set::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}

.scroll_content_rqm_set::-webkit-scrollbar-thumb {
  background: #e5e1e1; /* ツマミの色 */
  border-radius: 3px; /* ツマミ両端の丸み */
}

.scroll_content_rqm_set::-webkit-scrollbar-track {
  background: #f8f8f8; /* トラックの色 */
  border-radius: 3px; /* トラック両端の丸み */
}


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

  .scroll_content_rqm_set li {
    width: 80%;
  }

}

/* スマホのみ改行 */
.phone_rqm001 {
  display: none;
             }

@media only screen and (max-width: 750px){
  .phone_rqm001 {
    display: block;
      }
}

/* Valentine Campaign Page */

.VD_box{
  position: relative;
  letter-spacing: 0.1em;
  font-size: 4em;
  text-align: left;
  
}

@media only screen and (max-width: 750px){
    .VD_box{
    position: relative;
    letter-spacing: 0.1em;
    font-size: 1.2em;
    text-align: left;
  }

}

.VD_text {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-5%, -50%);
}

.VDresizeimage img { width: 100vw; } /* Pの画像横幅MAX */


/* housekibako Page */

.hou_box{
  position: relative;
  letter-spacing: 0.1em;
  font-size: 4em;
  text-align: center;
  color: #FFF;  
}

@media only screen and (max-width: 750px){
    .hou_box{
    position: relative;
    letter-spacing: 0.1em;
    font-size: 22px;
    text-align: center;
  }

}

.hou_text {
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hou_resizeimage img { width: 100vw; } /* Pの画像横幅MAX */


/* PRESERVED FLOWER PICT SCROLL*/
.prese_box {
  display: flex;
  overflow-x: scroll;
}

.prese_box div {
  width: 90%;
  margin: 5px;
  flex-shrink: 0;
}

.prese_box::-webkit-scrollbar {
  height: 5px; /* スクロールバーの高さ */
}

.prese_box::-webkit-scrollbar-thumb {
  background: #F1F0EE; /* ツマミの色 */
  border-radius: 1px; /* ツマミ両端の丸み */
}

.prese_box::-webkit-scrollbar-track {
  background: #FFF; /* トラックの色 */
}


/* PRESERVED FLOWER PICT SCROLL ここまで*/


/* GT レスポンシブ画像の設定 */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.GF_PC { display: block !important; }
.GF_SP { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .GF_PC { display: none !important; }
    .GF_SP { display: block !important; }
}
/* GIFT TICKET ここまで */ 

 /* セルアシスト レスポンシブ画像の設定 */

.box_RQM_CEL {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
}

.text_RQM_CEL {
  text-align: center;
  margin: -2% 6% 5% 2%;
}


.pict_RQM_CEL {
    width: 50%;
    margin: -1em 0em 0 -1em;
}

.pict_RQM_CEL img {
  width: 100%;
  height:auto;
  margin: -10px;
}

.box_RQM_CEL:nth-child(even) {
  flex-direction: row;
}
.box_RQM_CEL:nth-child(even) .text_RQM_CEL {
  text-align: center;
}
.box_RQM_CEL:nth-child(even) .pict_RQM_CEL {
  margin-left: 0;
  margin-right: 3%;
}

@media (max-width:768px) {
  .box_RQM_CEL {
    flex-direction: column;
    align-items: center;
  }
  .box_RQM_CEL:nth-child(even) {
    flex-direction: column;
    align-items: center;
  }
  .text_RQM_CEL {
    text-align: center;
  }
  .box_RQM_CEL:nth-child(even) .text_RQM {
    text-align: center;
  }
  .pict_RQM_CEL {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .box_RQM_CEL:nth-child(even) .pict_RQM {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict_RQM_CEL img {
    width:80%;
    height:auto;
  }
}

 /* HOME TOP PIC スライダーネーションの設定 */
.swiper-pagination-bullet {
    background: #FFF !important;
    opacity: 0. !important;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .5)) !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 20px !important;  
}




 /* HEADER ::marker(リスト項目の箇条書き記号ボックス)の設定 */