@charset "UTF-8";/**/
#info_contents {margin-bottom:0!important;}

.lcys240ex{
	max-width: 720px;
	margin: 0 auto;
}
	.lcys240ex .pc_none{
	display: none;	
	}
		
	.lcys240ex .sph_none{
	display: block;	
	}


	/*一インクルード----------------------------------------------------- */

	
	.lcys240ex .c-panel__badge {
		display: none !important;
	}

		/*商品のまとめ（余白確保）*/
		.lcys240ex .item_wrapper{
			width: 88%;
			margin: 8% auto;
		}
	/*一商品余白調整 */
	.lcys240ex .c-panel{
		margin-bottom: 1rem;
		background-color: #fff;/*背景色変更*/
		padding: 5%;/*余白調整*/
		position: relative;
		padding: 3%;
	}	
	.lcys240ex .c-panel:not(:has(~ .c-panel)) {
		margin-bottom: 0;
	}

	/*ジャンルごと余白調整*/	
	.lcys240ex .cp_list{
		margin-bottom: 4rem;
	}
	.lcys240ex .cp_list:not(:has(~ .cp_list)) {
		margin-bottom: 0;
	}
	/*テキストエリア*/	
	.lcys240ex .c-panel__body {
		margin-top: 0px;
		max-width: 70%;
		margin-left: 20px;
	}
	/*商品画像の位置*/
	.lcys240ex .c-panel__header {
		box-sizing: border-box;
		width: 145px;
	}
	/*商品画像の大きさ*/
	.lcys240ex .c-panel__header__image {
		width: 100%;
		border: 5px solid #FFF;
		background-color: #fff;
	}
	/*価格（余白確保してボタンに被るのを回避、並び方調整など）*/
	.lcys240ex .c-panel__price-wrapper {
		margin-bottom: 4rem;
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
		column-gap:1rem;
    --space: 3px;
	}
	

.c-price {
    font-size: 2.8rem;
    color: #2148a4;
}
	.lcys240ex .c-panel__desc{
		margin-bottom: 4.9rem;
	}
	/*割引率*/
	.lcys240ex .c-panel__discount .badge.badge-red.c-label-discount{
		font-size: 1.4rem;
	}
	/*ボタン位置*/	
	.lcys240ex .c-panel__action {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/*商品とテキストを横並びに*/
	.lcys240ex .c-panel__link{
		display: flex;
	}
	.lcys240ex .more_btn{
		text-align: center;
		margin-top: 5%;
	}
		/*商品解説SPHは非表示に*/		
		.lcys240ex .c-panel__desc {
    display: none;
}


.lcys240ex {/*background:#fff47a; padding-bottom: 3%;*/}



.mT{margin-top: 3em;}
.mB{margin-bottom: 3em;}
.lcys_att {margin: 0.5em 0 3em 0; font-size: 0.85em; /*text-indent: -1em; padding-left: 1em;*/ opacity: 0.7;/**/}
 .lcys_att{display: flex; flex-direction: row; flex-wrap: wrap;}

.lcys_att li {/*margin-right: 0.15em;*/}

.btn_teiki{width: 84%; margin: 0 8% 5em 8%;}


/* 単品ボタン 
.body_pc .lcys240ex .navi_btn {margin-top: 0.5em;}
.body_pc .lcys240ex .navi_btn a {padding: 0.3em 6em; margin-top: -1.5em;}
.lcys240ex .navi_btn {font-size: 0.7em; margin-bottom: 0;}
.lcys240ex .navi_btn a {padding: 0.2em 4em;}
.contents_main .lcys240ex .navi_btn a:after{color: #333!important;}*/

.img04Area,.img09Area{position: relative;}
.img04on, .img09on_01, .img09on_02{position: absolute; display: block;}
.img04on{width: 100%; height: auto; top: 14.6%; left: 0;}
.img09on_01{width: 100%; height: auto; top: 17%; left: 0;}
.img09on_02{width: 100%; height: auto; top: 56%; left: 0;}


/* インクルード */
.item_include {/*background: #edf3fb;*/}
.item_include {/*margin-top: 3em;*/ padding: 4em 0;/*padding: 1em; border: 3px solid #40aabe;*/}

.item_include li {width: 100%; margin-bottom: 2.5em; /*margin: 2em 0;*/}
.item_include li:last-child {margin-bottom: 0;}


.item_include .goods_set {margin: 0 8%;}


.item_include .icon_box {display: none;}
.item_include .img_box {width: 27%; float: left; text-align: left;}

.item_include .txt_box {margin-left: 35%; margin-top: 1em; text-align: left; font-size: 120%; /*margin-top: 0.5em; margin-right: 1em;*/}


.item_include .name {font-size: 80%; font-weight: bold; /*margin-bottom: 1em; padding-bottom: 0.25em; border-bottom: 1px solid #333;*/}

.item_include li .copy {display: none;}

.item_include .price_box{margin-top: 0.5em;}


.item_include .price2{font-size: 170%; color: #2148a4;}

.item_include .tax{font-size: 40%; margin-left: -0.4em;}
.item_include .cp_box{margin-left: -0.65em;}

.item_include .cp_discount{background-color: #2148a4; background: linear-gradient(115deg, #2148a4 0, #3590f3 100%); font-size: 1.75em; border-radius: 2em; padding: 0.2em 1em 0.1em 1em;}


.item_include .btn {margin-left: auto; /*margin-top: 1em;*/ border-radius: 0.25em; background: #ffffff;/*background: linear-gradient(115deg,#35a5d5 0,#4ab1a1 100%);*/ position: relative; transition: 0.2s; border: 1px solid #aaaaaa;}
.item_include .btn {/*width: 55%;*/ margin-top: 0.75em;} 

.item_include .r_img {/*border-radius: 0.5em;*/ border: 10px solid #fff;}


.item_include .btn p {margin-bottom: 0; text-align: center; padding: 3% 18% 3% 4%; font-size: 1em; letter-spacing: 0.05em;/*color: #fff; font-weight: bold;*/}
.item_include .btn p::after{content: '\e964'; font-size: 1.2em; position: absolute; top: 18%; right: 6%; color: #1c3aa3;}


/*成分*/
.seibun_tit{text-align: center; border: 1px solid #777; }
.seibun_tit{padding: 0.35em 0; margin-top: 1.5em; margin-bottom: 0.5em; letter-spacing: 0.25em; font-size: 1.1em;}

.seibun{margin: 1.2em 0 4em 0; font-size: 90%;}

.lcys240ex .seibun table{width:100%; border-collapse:collapse; border-spacing:0; border-bottom:1px solid #777;}
.lcys240ex .seibun table th, .lcys240ex .seibun table td{border-top:1px solid #777; box-sizing:border-box; padding:0.85em; vertical-align:middle; text-align:left;}
.lcys240ex .seibun table th{text-align: center; font-weight: normal; letter-spacing:0.1em; background: #eee;}
.lcys240ex .seibun table th{width:20%;}

.lcys240ex .seibun table td{/*width:65%;*/ vertical-align:middle; font-family: "Yu Gothic","YuGothic";}
.lcys240ex .seibun table td{padding:1.2em; line-height: 1.8;}

.lcys240ex .seibun sub{font-weight: bold; vertical-align: baseline; position: relative; bottom: 0; font-size: 0.65em;}
.lcys240ex .seibun table td p{font-weight: bold; margin-bottom: 0;}
.lcys240ex ul.list_circle > li:before {content: "●"; color: #2964c3; margin-right: 0.2em;}
.lcys240ex .seibun .mb{margin-bottom: 0.75em;}

/* 動き */
/*translateX(-50px)  X軸（左横に）方向に50px */
/*translateY(50px)  Y軸（上縦に）方向に50px */
/*translateY(-50px)  Y軸（下縦に）方向に50px */




@media screen and (max-width: 768px) {
	
	

	
.contents_main {margin: 0;}
.lcys240ex {/*padding-bottom: 3%;*/}
.lcys_att {margin: 1em; font-size: 0.7em;}
	

.btn_teiki{width: 90%; margin: 0.5em 5% 2em 5%;}
.img04on, .img09on_01, .img09on_02{width: 100%; height:auto;}


	
/*成分*/
.seibun_tit{padding: 0.26em 0; margin-top: 0.5em; margin-bottom: 0.25em; letter-spacing: 0.05em; font-size: 75%;}
.seibun{font-size:65%; margin: 1em 0 3em 0;}
.lcys240ex .seibun table th{width:28%;}
.lcys240ex .seibun table td{padding:0.85em;}
	
	.lcys240ex .lcys_wrap {
    margin: 0 5%;
    font-size: 1.5rem;
    /* line-height: 1.2!important; */
    font-weight: 500;
}
/*インクルード*/	
.item_include {padding: 1.5em 0; /*background: #d8f1fc;border: 10px solid #d4edf5;*/}
.item_include li {margin: 0;}	
.item_include .goods_set {padding: 1em 8%; margin: 0;}
.lcys240ex .item_include .img_box {width: 34%; background: #ffffff;}
.lcys240ex .item_include .txt_box {margin-left: 38%;}
.item_include .name {font-size: 70%; /*padding-bottom: 0.2em; border-bottom: 1px solid #333;*/}
.item_include .price_box{font-size: 100%; padding: 0 0.25em 0.25em 0.25em;}
.item_include .price1{/*display: block;*/}
.item_include .price2{font-size: 128%;}
.item_include .cp_box{margin-bottom: 0.25em;}
.item_include .cp_discount{font-size: 1.25em; letter-spacing: 0.08em; padding: 0.2em 1em 0.1em;}
.item_include .btn {width: 100%; margin-top: 0.25em; font-size: 90%;} 
.item_include .r_img {/*border-radius: 0.25em;*/ border: 5px solid #fff;}
.item_include .btn p{font-size: 0.9em; padding: 2.5% 12% 2.5% 4%;}
.item_include .btn p::after{top: 14%; right: 3%;}

	
	/*追加分----------------------------------------*/
	.lcys240ex{
	max-width: 100%;	
	}
	.lcys240ex .pc_none{
	display: block;	
	}
		
	.lcys240ex .sph_none{
	display: none;	
	}

	/*インクルード----------------------------------------*/
	

		/*一商品*/		
		.lcys240ex .c-panel {
			padding: 4% 3%;
		}
		/*商品画像*/
		.lcys240ex .c-panel__header {
			width: 110px;
		}
		/*タイトル余白調整*/
		.lcys240ex .item_title {
			margin-bottom: 3%;
		}

		/*テキスト領域*/
		.lcys240ex .c-panel__body {
			max-width: 63%;
			margin-left: 1.2rem;
		}
		/*商品名*/	
		.lcys240ex .c-panel__name {
			font-size: 1.4rem;
		}	
		/*ボタン*/
		.lcys240ex .btn-sm,
		.lcys240ex .more_btn .btn.btn-sm.btn-outline-primary{
			font-size: 1.4rem;
		}

		/*価格下に余白確保（ボタンに被るのを回避）*/		
		.lcys240ex .c-panel__price-wrapper {
			margin-bottom: 3.9rem;
		}


		/*割引率+期日のdiv*/
		.lcys240ex .c-panel__discount {
			flex-basis: 100%;/*（回り込み回避）*/
			--price-space: 2px;
		}
		/*割引率*/
		.lcys240ex .c-panel__discount .badge.badge-red.c-label-discount {
			padding: 3px 5px;
		}
	
	.c-price {
    font-size: 2.6rem;
}
}


.fuwatAnime,.fuwatAnime2 {-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1.0s; -ms-animation-duration:1.0s; animation-duration:1.0s; -webkit-animation-name: fuwatAnime; -ms-animation-name: fuwatAnime; animation-name: fuwatAnime; visibility: visible !important;}
/* ふわっとアニメ */
/* 動作を適用する箇所 */
.fuwatAnime {-webkit-animation-fill-mode:both; 
-ms-animation-fill-mode:both; 
animation-fill-mode:both; 
-webkit-animation-duration:1.0s; /* アニメ時間 */
-ms-animation-duration:1.0s; 
animation-duration:1.0s; 
-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;}

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

/* .fadeIn_r, .fadeIn_l {-webkit-animation-duration: 1.5s; -ms-animation-duration: 1.5s; animation-duration: 1.5s;
-webkit-animation-iteration-count: 1; -ms-animation-iteration-count: 1; animation-iteration-count: 1;/* アニメの繰り返し（無限infinite）}*/

/* 動作内容 */
@-webkit-keyframes fuwatAnime {0% {opacity: 0; -webkit-transform: translateY(-200px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}}
@-webkit-keyframes fuwatAnime2 {0% {opacity: 0; -webkit-transform: translateY(-200px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}}

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

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