@charset "Shift_JIS";/**/
#info_contents{ margin:0!important; }
.qcream {padding-bottom: 0;}
.mt_image07{margin-top: -4em;}

/* 単品ボタン */
.qcream .navi_btn {margin-top: 0.5em;}
.qcream .navi_btn a {padding: 0.3em 6em;}
.contents_main .qcream .navi_btn a:after{color: #333!important;}

/* インクルード */
.item_include {background: #fff; padding: 1em; margin: 0em 0; border: 14px solid #ebedf3;}
.item_include .goods_set .name a:hover {text-decoration: none;}
.item_include li {width: 100%;}
.item_include .goods_set {margin: 0.75em;}
.item_include .icon_box,.item_include .copy {display: none;}
.item_include .img_box {width: 215px; float: left; text-align: left;}
.item_include .txt_box {margin-left: 235px; text-align: left; font-size: 130%; margin-top: 0.5em; margin-right: 1em;}
.item_include .name {font-weight: bold; margin-bottom: 1em; padding-bottom: 0.25em;}
.item_include .price_box{margin-top: 0.5em; /*font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/}
.body_sph .item_include .price_box{font-size: 100%;}
.item_include .price2{font-size: 170%; color: #e6002d;}
.item_include .price2 strong{1.8em; font-weight: normal; font-size: 1.7em;}
.item_include .tax{font-size: 40%; margin-left: -0.4em;}
.item_include .cp_discount{background-color: #e6002d; border-radius: 60%; text-align: center; width: 60px; height: 60px; padding: 5px; margin: -1em 0 0em -0.65em; font-size: 1.25em;}
.item_include .cp_discount strong{display: flex; justify-content: space-evenly; font-size: 42px; line-height: 0.8em; margin-top: 6px;}
.item_include .yen {margin-right: 0.1em; font-weight: normal;}
.item_include .cp_limit{vertical-align: middle; margin: 0.5em;}
.item_include .btn {margin-left: auto; margin-top: 1em; border-radius: 0.25em; background: #fff; /*background: linear-gradient(115deg, #6f53a1 0, #764e9e 50%, #55405c 100%);*/ position: relative; transition: 0.2s; width: 70%; margin-top: 0.7em; border: 2px solid #7052a0;}
.item_include .btn p {margin-bottom: 0; color: #7052a0; text-align: center; padding: 4% 20% 5% 4%; font-size: 1em; font-weight: bold; letter-spacing: 0.05em;}
.item_include .btn p::after{content: '\e964'; font-size: 1.3em; position: absolute; top: 15%; right: 6%;}



/*レスポンシブ-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
	.contents_main {margin: 0;}
	.mt_image07{margin-top: -2em;}
	.qcream .navi_btn {margin-top: 0.3em; font-size: 0.7em;}
  .qcream .navi_btn a {padding: 0.2em 4em;}
  .item_include {padding: 0.85em 0; margin: 0em 0; border: 10px solid #ebedf3;}
	.item_include .goods_set {padding: 1em 0 1em 0; margin: 0;}
	.qcream .item_include .img_box {width: 30%!important; margin-left: 4%; float: left; text-align: left;}
	.qcream .item_include .txt_box {margin-left: 37%; margin-right: 4%; text-align: left; font-size: 100%; margin-top: 0;}
	.item_include .name {font-size: 0.9em; margin-bottom: 0; padding-bottom: 0; }
	.item_include .copy {font-size: 0.8em; line-height: 1.5;}
	.item_include .price_box{font-size: 100%;}
	.item_include .price2{font-size: 128%;}
	.item_include .price2 strong {font-size: 1.5em;}
	.item_include .cp_box{display: flex; flex-direction: row;}
	.item_include .cp_discount{width: 60px; height: 60px; display: flex; flex-direction: column; justify-content: center; padding: 5px; margin: 0 0 -2.85em 0em;}
	.item_include .cp_discount strong{font-size: 32px; line-height: 0.85em; margin-top: 2px;}
	.item_include .cp_limit{vertical-align: top; margin: 0.5em;}
	.item_include .btn {width: 70%; margin-top: 0em;} 
	.item_include .btn p{font-size: 0.85em;}
	.item_include .btn p::after{top: 20%; right: 6%; font-size: 1em;}
}


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

.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）}*/
.fadeIn_r_Anime {-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;/* 0.0s開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-animation-name: fadeIn_r_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_r_Anime; 
animation-name: fadeIn_r_Anime; visibility: visible !important;}

.fadeIn_l_Anime {-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;/* 0.0s開始時間 */
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-animation-name: fadeIn_l_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_l_Anime; 
animation-name: fadeIn_l_Anime; visibility: visible !important;}

.fadeIn_ru_Anime {-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.5s;
-webkit-animation-name: fadeIn_ru_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_ru_Anime; 
animation-name: fadeIn_ru_Anime; visibility: visible !important;}

.fadeIn_lu_Anime {-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.5s;
-webkit-animation-name: fadeIn_lu_Anime; /* アニメ名 */
-ms-animation-name: fadeIn_lu_Anime; 
animation-name: fadeIn_lu_Anime; visibility: visible !important;}

/* 動作内容 */
@-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);}}
@-webkit-keyframes fadeIn_r_Anime {0% {opacity: 0; -webkit-transform: translateX(300px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:100%;}}
@-webkit-keyframes fadeIn_l_Anime {0% {opacity: 0; -webkit-transform: translateX(-300px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:100%;}}
@-webkit-keyframes fadeIn_ru_Anime {0% {opacity: 0; -webkit-transform: translateX(300px) translateY(200px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:100%;}}
@-webkit-keyframes fadeIn_lu_Anime {0% {opacity: 0; -webkit-transform: translateX(-300px) translateY(200px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:100%;}}

@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);}}

@keyframes fadeIn_r_Anime {0% {opacity: 0.5;/* 透明 */ -webkit-transform: translateX(300px); -ms-transform: translateX(300px); transform: translateX(300px);/*X軸（右横に）方向に300px */}
100% {opacity: 1;/* 不透明 */ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width:100%;}}

@keyframes fadeIn_lAnime{0% {opacity: 0.5;/* 透明 */ -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px);/*X軸（右横に）方向に300px */}
 100% {opacity: 1;/* 不透明 */ -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width:100%;}}

@keyframes fadeIn_ru_Anime {0% {opacity: 0.5; -webkit-transform: translateX(300px) translateY(200px); -ms-transform: translateX(300px) translateY(200px); transform: translateX(300px) translateY(200px);}
100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ;}}
@keyframes fadeIn_lu_Anime{0% {opacity: 0.5; -webkit-transform: translateX(-300px) translateY(200px); -ms-transform: translateX(-300px) translateY(200px); transform: translateX(-300px) translateY(200px);}
 100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ;}
}