@charset "Shift_JIS";/**/
#info_contents{ margin-bottom:0!important; }
/*.pd_202508webonly .font_go{font-family: "icomoon",YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-feature-settings: "palt"1;}*/
/*.pd_202508webonly .font_mi{display: inline; font-family: "YuMincho", 'Hiragino Mincho ProN', "Yu Mincho", "MS Mincyo","Times New Roman", serif;}*/

.taisaku_series{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;}

/* 注釈 */
.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; padding: 1em; margin: 0;}
#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 strong {font-size: 1.7em; margin-right: -0.2em;}
.item_include .cp_discount {font-size: 1.5em;}
.item_include .btn{margin-left: auto; margin-top: 1em;border-radius: 0.25em;  background: #ff3300; background: linear-gradient(90deg, #ff3300 0, #ff4b00 50%, #ffa600 100%); 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%;}


/*定期カート*/
.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: #0058aa; background: linear-gradient(90deg, #0058aa 0, #0058aa 50%, #5fb1fd 100%); 
	border-radius: 0.25em; width: 30%; font-size: 1.5em; font-weight: bold; letter-spacing: 0.15em; padding: 2.5% 5%; 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;}


/*定期ばんざい*/
.title_teiki{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 .yay::before, .title_teiki .yay::after{background-color: #0e8d27;}
.yay {display: flex; justify-content: center; align-items: center; font-size: 150%;}
.yay::before, .yay::after{width: 3px; height: 30px; content: '';}
.yay::before{transform: rotate(-35deg); margin-right: 20px;}
.yay::after{transform: rotate(35deg); margin-left: 20px;}

/*--マーカー--*/
.marker_yellow{background: linear-gradient(to top, #fff252 0%, #fff252 50%, transparent 51%); font-weight: bold; margin-bottom:0;}


/*レスポンシブ-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	.contents_main{margin: 0!important;}
	.taisaku_series{width: 100%;}
	.note{margin: 1em; font-size: 0.7em;}
	.item_include{padding: 0.2em 0;}
	
	.item_include ul{margin-bottom: 3em;}
	.item_include .goods_set{padding: 1em 0 1em 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%;}
	
	.title_teiki{font-size: 16px; margin-bottom: 10px;}
	.title_teiki{color: #0e8d27; font-size: 130%;}
	.item_include .incl_teiki .cp_discount {font-size: 2.25em;}
	.link_teiki {position: absolute; display: block; right: 5%; top: 95%; background: #0058aa; background: linear-gradient(90deg, #0058aa 0, #0058aa 50%, #5fb1fd 100%);
		border-radius: 0.25em; width: 90%; font-size: 0.95em; font-weight: bold; letter-spacing: 0.05em; padding: 3% 10% 3% 3%; text-align: center;}
	.yay {font-size: 120%;}
}

