@charset "Shift_JIS";/**/
#info_contents{ margin-bottom:0!important; }
/*.bifidus202511 .font_go{font-family: "icomoon",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-feature-settings: "palt"1;}*/
/*.bifidus202511 .font_mi{display: inline; font-family: "YuMincho", 'Hiragino Mincho ProN', "Yu Mincho", "MS Mincyo","Times New Roman", serif;}*/

.bifidus202511{text-align: center; font-feature-settings: "palt"1; font-family:"Helvetica Neue",Arial,"Hiragino karu Gothic ProN","Hiragino Sans","メイリオ",Meiryo,sans-serif; letter-spacing: 0.02em;}

/**------グラフ隠し------**/
/* 初期状態では非表示 */
.bifidus202511 input{
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.bifidus202511 label{
	padding: 0;
  margin-right: 0;
}
.bifidus202511 .accordion-content {
  max-height: 0;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease; /* アニメーション */
}

/* チェックされたら表示 */
.accordion-toggle:checked + label + .accordion-content {
  max-height: 2610px; /* 適切な高さを設定 */
  opacity: 1;
}

/* 画像のスタイリング（必要に応じて） */
.bifidus202511 .accordion-content img {
  width: 100%; /* コンテンツに合わせて画像サイズを調整 */
  height: auto;
}

.point_graph01, .point_graph02, .point_graph03{position: relative;}
.graph01on, .graph02on, .graph03on{position: absolute; display: block;}
.graph01on{width: 36.25%!important; height: auto!important; left: 24.02%; top: 20.21%;}
.graph02on{width: 35.27%!important; height: auto!important; left: 22.91%; top: 19.59%;}
.graph03on{width: 35.27%!important; height: auto!important; left: 47.36%; top: 18.42%;}


/* 注釈 */
.note{text-align: left;/*opacity: 1; text-indent: 0;*/}
.note{margin: 0.5em;}


/* nav */
.nav ul{display: flex; flex-direction: row;}
.nav li{width: 25%; display: block;}

/* フォント・テキストサイズ調整・マーカー 
.font_mi{display: inline; font-family: "YuMincho", 'Hiragino Mincho ProN', "Yu Mincho", "MS Mincyo","Times New Roman", serif;}
.txt_l{font-size: 1.5em; line-height: 4;}
.marker{background: linear-gradient(transparent 60%, #fdff47 60%);}*/

/* 商品インクルード */
.item_include{background: #fff; margin: 3em 0; padding: 5%; border: 2px solid #323232; border-radius: 1em;}
#bs .item_include{border: 14px solid #c7e576;}
#ldl .item_include{border: 14px solid #ffcfa6;}
#bp .item_include{border: 14px solid #facfc0;}
#ua .item_include{border: 14px solid #c2dff1;}
.item_include ul{display: flex; flex-direction: column;}
.item_include li{/*display: block;*/}
.item_include .goods_set{margin: 0.75em;}
.item_include .img_box{width: 28%; float: left; text-align: left;}
.item_include .txt_box{margin-left: 30%; text-align: left; font-size: 130%; margin-top: 0.5em; margin-right: 1em;}
.item_include .copy{display: none;}
.item_include .price2 {color: #f9007c;}
.item_include .price2 strong {font-size: 1.7em; margin-right: -0.2em;}
.item_include .cp_discount {font-size: 1.5em; background-color: #f9007c;}
.item_include .btn{margin-left: auto; margin-top: 1em; border-radius: 3em;  background: #00439b; background: linear-gradient(90deg, #0058aa 15%, #5fb1fd 50%, #0058aa 85%); position: relative; transition: 0.2s; width: 55%; margin-top: 0.7em;}
.item_include .btn p{margin-bottom: 0; color: #fff; text-align: center; padding: 4% 20% 4% 4%; font-size: 1em; font-weight: bold; letter-spacing: 0.05em;}
.item_include .btn p::after{content: '\e964'; font-size: 1.2em; font-family: "icomoon"; position: absolute; top: 13%; right: 6%;}
.mt_ctatit{margin-top: 2em;}

/*定期カート*/
.item_include .incl_teiki .cp_discount {font-size: 3em;}
.item_include .incl_teiki .btn{display: none;}
.incl_teiki{position: relative;}
.link_teiki{position: absolute; display: block; right: 4%; top: 60%; background: #00439b; background: linear-gradient(90deg, #0058aa 15%, #5fb1fd 50%, #0058aa 85%); 
	border-radius: 3em; width: 34%; font-size: 1.5em; font-weight: bold; letter-spacing: 0.15em; padding: 2.5% 5% 2.5% 12%; text-align: left;}
.item_include .incl_teiki .btn_txt a:link, .item_include .incl_teiki .btn_txt a:visited, .item_include .incl_teiki .btn_txt a:hover, .item_include .incl_teiki .btn_txt a:active {color: #fff; text-decoration: none;}
.incl_teiki .link_teiki:after{content: '\e964'; font-size: 1.2em; font-family: "icomoon"; position: absolute; top:20%; right:6%; color: #ffffff;}

/*定期初回カート*/
.item_include .incl_teiki_1st .cp_discount {font-size: 3em;}
.item_include .incl_teiki_1st .btn{display: none;}
.incl_teiki_1st{position: relative; padding-bottom: 2.5em;}
.link_teiki_1st{position: absolute; display: block; right: 4%; top: 62.5%; background: #00439b; background: linear-gradient(90deg, #0058aa 15%, #5fb1fd 50%, #0058aa 85%); 
	border-radius: 3em; width: 46%; font-size: 1.5em; font-weight: bold; letter-spacing: 0.03em; padding: 2.5% 5%; text-align: left;}
.item_include .incl_teiki_1st .btn_txt a:link, .item_include .incl_teiki_1st .btn_txt a:visited, .item_include .incl_teiki_1st .btn_txt a:hover, .item_include .incl_teiki_1st .btn_txt a:active {color: #fff; text-decoration: none;}
.incl_teiki_1st .link_teiki_1st:after{content: '\e964'; font-size: 1.2em; font-family: "icomoon"; position: absolute; top:20%; right:6%; color: #ffffff;}

/*定期ばんざい*/
.title_teiki, .title_teiki_1st{font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 22px;}
.title_teiki{color: #0e8d27; font-size: 180%; line-height: 1.1;}
.title_teiki_1st{color: #f9007c; font-size: 240%; line-height: 1.1; margin-top: 0.5em;}
.title_teiki .yay::before, .title_teiki .yay::after{background-color: #0e8d27;}
.title_teiki_1st .yay::before, .title_teiki_1st .yay::after{background-color: #f9007c;}
.yay {display: flex; justify-content: center; align-items: center; font-size: 150%;}
.yay::before, .yay::after{width: 3px; height: 50px; content: '';}
.yay::before{transform: rotate(-35deg); margin-right: 32px;}
.yay::after{transform: rotate(35deg); margin-left: 32px;}

/*--マーカー--*/
.marker_yellow{background: linear-gradient(to top, #fffa46 0%, #fffa46 50%, transparent 51%); font-weight: bold; margin-bottom:0;}



/*--動き-*/
/* アニメ */
.fuwatAnime_sb {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s; /* アニメ時間 */
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-transition-delay: 0.5s; /* 開始時間 */
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5
		s;
  -webkit-animation-name: fuwatAnime_sb; /* アニメ名 */
  -ms-animation-name: fuwatAnime_sb;
  animation-name: fuwatAnime_sb;
  visibility: visible !important;
}

.fuwatAnime { 
-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:2s; /* アニメ時間 */
-ms-animation-duration:2s; 
animation-duration:2s; 
-webkit-transition-delay: 0.5s;/* 開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-animation-name: fuwatAnime; /* アニメ名 */
-ms-animation-name: fuwatAnime; 
animation-name: fuwatAnime; visibility: visible !important; }

/* 動作内容 */
@-webkit-keyframes fuwatAnime_sb {
 0% { opacity: 0; -webkit-transform: translateY(0) scale(1.0); }
 70% { opacity: 0.5; -webkit-transform: translateY(0) scale(2.0); }
 100% { opacity: 1; -webkit-transform: translateY(0) scale(1.0); }
}
@keyframes fuwatAnime_sb {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(1.0);
    -ms-transform: translateY(0) scale(1.0);
    transform: translateY(0) scale(1.0);
  }
	70% {
    opacity: 0.5;
    -webkit-transform: translateY(0) scale(2.0);
    -ms-transform: translateY(0) scale(2.0);
    transform: translateY(0) scale(2.0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1.0);
    -ms-transform: translateY(0) scale(1.0);
    transform: translateY(0) scale(1.0);
  }
}

@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-150px);  }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*レスポンシブ-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	.contents_main{margin: 0!important;}
	.bifidus202511{width: 100%;}
	.note{margin: 1em; font-size: 0.7em;}
	.item_include{margin: 1em 2%; padding: 5%; border: 2px solid #323232; border-radius: 1em;}
	
	.item_include ul{/*margin-bottom: 3em;*/}
	.item_include .goods_set{padding: 0 0 1.5em 0; margin: 0;}
	.item_include .img_box{width: 30%!important; margin-left: 4%;}
	.item_include .txt_box{margin-left: 37%!important; margin-right: 4%; font-size: 100%;}
	.name {font-size: 80%;}
	
	.item_include .btn{width: 90%; margin-right: 10%;} 
	.item_include .btn p{font-size: 0.8em; padding: 6% 20% 6% 6%;}
	.item_include .btn p::after{top: 22%; right: 6%;}
	.mt_ctatit{margin-top: 3em;}
	
	.title_teiki{font-size: 130%; margin-bottom: 0;}
	.title_teiki_1st{font-size: 140%; margin-bottom: 0.5em; margin-top: 0.25em;}
	
	.incl_teiki_1st{margin-bottom: -1.5em;}
	.item_include .incl_teiki .cp_discount, .item_include .incl_teiki_1st .cp_discount {font-size: 2.25em;}
	.link_teiki{position: absolute; display: block; right: 5%; top: 95%; background: #0058aa; background: linear-gradient(90deg, #0058aa 15%, #5fb1fd 50%, #0058aa 85%);
		border-radius: 3em; width: 90%; font-size: 0.95em; font-weight: bold; letter-spacing: 0.05em; padding: 3% 10% 3% 3%; text-align: center;}
	.link_teiki_1st{position: absolute; display: block; right: 5%; top: 75%; background: #0058aa; background: linear-gradient(90deg, #0058aa 15%, #5fb1fd 50%, #0058aa 85%);
		border-radius: 3em; width: 90%; font-size: 0.95em; font-weight: bold; letter-spacing: 0.05em; padding: 3% 10% 3% 3%; text-align: center; }
	.yay {font-size: 160%;}
	.yay::before{transform: rotate(-35deg); margin-right: 22px;}
	.yay::after{transform: rotate(35deg); margin-left: 22px;}
	
	
	.graph01on{width: %; height: %;}
}