@charset "Shift_JIS";

#info_contents {margin-bottom:0!important;}
.body_sph .contents_main {margin: 0;}
#pd_valentine {/*background: #52372f;*/ text-align: center;
background: -moz-linear-gradient(to left,#2a150e,#4c1903 30%,#2a150e); 
background: -webkit-linear-gradient(to left,#2a150e,#4c1903 30%,#2a150e); 
background: linear-gradient(to left,#2a150e,#4c1903 30%,#2a150e); }
.body_sph #pd_valentine {/*margin-bottom: 2em;*/}

/* スペース調整 */
.body_pc .mT01 {margin-top: 2em;}
.body_sph .mT01 {margin-top: 1.5em;}
.body_pc .pB01 {padding-bottom: 0.5em;}
.body_sph .pB01 {padding-bottom: 0.25em;}

.pd_cate {color: #ffffff; background: #dc3b6a; font-weight: bold; text-align: center;}
.body_pc .pd_cate {font-size: 1.75em; padding: 0.25em; margin-left: 2em; margin-right: 2em; border-radius: 0.25em; letter-spacing: 0.08em;}
.body_sph .pd_cate {font-size: 1em; padding: 0.3em 0.2em;  margin-left: 4%; margin-right: 4%; border-radius: 0.2em;}

/* CPインクルード部分 */
.body_pc .display_exact .goods_set {padding: 0 4em;}
.body_pc .display_exact .img_box {width: 180px; float: left; text-align: left; border-radius: 0.5em;}
.body_sph .display_exact .img_box {border-radius: 0.35em;}
.body_pc .display_exact .txt_box {margin-left: 0; text-align: center; font-size: 130%;}
.body_sph #pd_valentine .display_exact .txt_box {margin-left: 0; text-align: center;}

.display_exact .name a:visited, .display_exact .name a:link {color:#ffe9df; text-decoration: none;}
.body_pc .display_exact .price_box {font-size: 110%;}
.display_exact .price1 {color:#bd4d32;}
.display_exact .cp_limit {color:#ffe9df;}
.body_pc .display_exact .name {font-weight: normal;}
.body_pc .display_exact .btn {margin-top: 0.7em; text-align: center;}
.body_sph .display_exact .btn {margin-top: 0.7em; text-align: center;}
.body_sph #pd_valentine .display_exact .btn img {min-width: 160px; width: 15em;}
.display_exact .r_img {border-radius: 0.5em;}
.body_pc .display_exact li {margin: 0 0 1.75em 0; width: 100%; /*border-bottom: 2px dotted #cccccc;*/ padding-bottom: 1em;}
.body_pc .display_exact li:last-child {border-bottom: none;}
.body_sph .display_exact li {width: 100%; float: left; /*margin: 0 3% 0.25em 3%;*/}
.body_sph .display_exact .goods_set {margin: 0.5em 0.8em 1em 0.8em;}
#pd_valentine .pd_border {border-top: 2px dotted #ffe9df;}
.body_pc #pd_valentine .pd_border {padding-top: 2em;}
.body_sph #pd_valentine .pd_border {padding-top: 1em;}
.body_pc .item_include ul {padding-top: 20px;}
.body_sph .item_include ul {padding: 4% 4% 0 4%; margin-bottom: 1.5em;}
.body_sph .txt_box {font-size:78%;}

/* インクルード部分 */
.item_include {background:/*#ffffff*/;}
.body_pc .item_include {/*padding-top: 1em;*/}
.body_sph .item_include {padding-bottom: ;}
.item_include .icon_box {text-align:center;}\
.item_include .img_box {border:4px solid #fff; background:#fff;}

.body_pc .attention {margin: 0.75em;}
.body_sph .attention {margin: 0.85em 0.5em;}
/*#natsu_fukubukuro .attention {opacity: 0.85;}
.body_pc .attention {background: linear-gradient(transparent 90%, #ff79aa 90%); padding-bottom: 0.5em; display: inline; text-indent: 0; padding-left: 0.25em;}
.body_sph .attention {background: linear-gradient(transparent 85%, #ff79aa 85%); padding-bottom: 0.35em; display: inline; text-indent: 0; padding-left: 0.25em;}
.body_sph .display_exact li .attention {text-align: left;}*/

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

/* ふわっとアニメ */
/* 動作を適用する箇所 */
.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;}

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

.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.0s;/* 開始時間 */
-ms-transition-delay: 0.0s;
transition-delay: 0.0s;
-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.0s;/* 開始時間 */
-ms-transition-delay: 0.0s;
transition-delay: 0.0s;
-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(-150px);}
 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 fuwatAnime2 {0% {opacity: 0; -webkit-transform: translateY(0) scale(0.5);}
 70% {opacity: 1; -webkit-transform: translateY(0) scale(1.2);}
 100% {opacity: 1; -webkit-transform: translateY(0) scale(1.0);}}*/
@-webkit-keyframes fadeIn_r_Anime {0% {opacity: 0; -webkit-transform: translateX(300px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:720px;}}
@-webkit-keyframes fadeIn_l_Anime {0% {opacity: 0; -webkit-transform: translateX(-300px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:720px;}}
@-webkit-keyframes fadeIn_ru_Anime {0% {opacity: 0; -webkit-transform: translateX(300px) translateY(200px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:720px;}}
@-webkit-keyframes fadeIn_lu_Anime {0% {opacity: 0; -webkit-transform: translateX(-300px) translateY(200px);}
 100% {opacity: 1; -webkit-transform: translateX(0); width:720px;}}


@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);}}
@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 fuwatAnime2 {0% {opacity: 0; -webkit-transform: translateY(0) scale(0.5); -ms-transform: translateY(0) scale(0.5); transform: translateY(0) scale(0.5);}
 70% {opacity: 1; -webkit-transform: translateY(0) scale(1.2); -ms-transform: translateY(0) scale(1.2); transform: translateY(0) scale(1.2);}
 100% {opacity: 1; -webkit-transform: translateY(0) scale(1.0); -ms-transform: translateY(0) scale(1.0); transform: translateY(0) scale(1.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: ;}}
@keyframes fadeIn_l_Anime {0% {opacity: 0.5; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px);}
 100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: ;}}
@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: ;}
}