@charset "euc-jp";
/* ///////////////////////////////

ホワイトデー特集分類
PC用

///////////////////////////////
*/

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
 line-height:1.5!important;
 }





/*フェードアップ*/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}



/*page*/

#wtd2023 { position: relative; }


#pageContents.wtd23-01bg {width:100%!important; float:none; margin:0 auto!important; background: #f0cfc6!important;}
#pageContents.wtd23-02bg {width:100%!important; float:none; margin:0 auto!important; background: #ebe6dc!important;}
#pageContents.wtd23-03bg {width:100%!important; float:none; margin:0 auto!important; background: #cedbe8!important;}
#pageContents.wtd23-04bg {width:100%!important; float:none; margin:0 auto!important; background: #dce2e6!important;}



/*#pageContents.valentine23main {width: 950px!important; float: none; margin: 0 auto!important; padding-top: 30px; padding-bottom: 80px; background: none!important;}*/
.wtd23mb {width: 950px!important; float: none; margin: 0 auto!important; padding-top: 30px; padding-bottom: 80px; background: none!important;}
.ctgCnt{ margin:0; overflow: hidden; padding:0 0 20% 0;}

/*メイン*/

#pageContents .ttlCnt{width:100%; text-align:center; padding: 0 0 30px; margin: 0;} 
#pageContents .ttlCnt h2 {
	color: #5a5a5a;
	font-size: 3.4em;
	font-weight: bold;
} 
#pageContents .ttlCnt h2 span {
	font-size: 0.6em;
}
#pageContents .ttlCnt p {color:#5a5a5a; font-size:1em; line-height:2.0em; text-align:center;}

#pageContents .ttlCnt ul li img {
	width: 100%;
}

/*attention*/
.att{margin:20px 20px 50px 20px; background: #ffffff; padding:20px; color: #5a5a5a; background-color:#f0f0f0;}
.att p{text-align: center !important; line-height:1.7;}



/*ctg*/

#h2 {
	color:#fff;
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	margin: 100px 0 30px;
	padding-bottom: 20px;
	border-bottom: solid 8px #c14a30;
	position: relative;
}



/*menu--------------------*/
.menu { width:800px; margin: 0 auto;  padding:50px 0;}
.listmenu { display:flex; list-style: none; padding-left: 0;text-align:center;}
.listmenu li{ width: calc(100% / 3);}
.listmenu li img{ width:90%; margin:auto;}



/*pickup--------------------*/
.pkup{position:relative;margin:0; }
.pkup ul{display: flex;flex-wrap: wrap;}
.pkup ul li{width:48%; box-sizing:border-box; display:inline-block; vertical-align:top; position: relative; margin:20px auto; }
.pkupImg{position: relative; overflow: hidden;}
.pkupImg img{width: 90%;height: auto;}


.pkupbox {	margin: 10px; }

#pageContents .pkup span.Name{text-align:center;display: block;min-height: auto; color:#5a5a5a;}
#pageContents .pkup p.Price{text-align:center!important;font-size: 18px !important;margin-top: 10px;margin-bottom: 10px; color:#db6388 !important; font-weight:bold;}

#ctg01 .pkup p.catch{text-align:center;font-size: 24px;margin-top: 10px;margin-bottom: 20px; color:#c5605d; line-height:1.6em !important;font-weight:bold;display:block;}
#ctg02 .pkup p.catch{text-align:center;font-size: 24px;margin-top: 10px;margin-bottom: 20px; color:#85674c; line-height:1.6em !important;font-weight:bold;display:block;}
#ctg03 .pkup p.catch{text-align:center;font-size: 24px;margin-top: 10px;margin-bottom: 20px; color:#4d6175; line-height:1.6em !important;font-weight:bold;display:block;}
#ctg04 .pkup p.catch{text-align:center;font-size: 24px;margin-top: 10px;margin-bottom: 20px; color:#7d8991; line-height:1.6em !important;font-weight:bold;display:block;}



/**各カテゴリー/3カラム**/
/*lineup*/


.itemCnt{text-align:center; }
.itemCnt a{text-decoration:none; }
.itemCnt li{position:relative; }

.itemCnt.item3col{padding-bottom:40px;margin: 0 60px;}
.itemCnt.item3col li{margin: 20px 15px 0 5px !important;padding:0;width: 245px!important;position: relative;}
ul.itemCnt .itemInfo{ padding: 10px; background: #fff; overflow: hidden; border-radius: 10px; margin:5px auto 20px auto;}
ul.itemCnt .itemInfo p.Price{text-align:center!important;color:#db6388 !important; font-size:12px; font-weight: bold;text-decoration: none; margin:0 !important; padding:0 !important;}
ul.itemCnt .itemInfo p.Price small{font-size: 8px;} 
ul.itemCnt .Name{font-size: 90%;display: block;line-height: 1.7em;min-height: 3.5em;color:#333;} 
.itemCnt.item3col span.Name{font-size:12px;display:block!important;line-height:1.7em!important;height: 3.5em!important;color:#333;} 
img.itemImg{height: 240px;width:100%;object-fit: cover;}

.itemName{min-height:4em!important; padding-top:10px; line-height:1.5em!important;}


/*商品一覧*/
.SctgCnt ul{ width:100% !important;}
.SctgCnt ul.itemCnt.item3col{ margin:0 !important;}


mark.new{background:#fef593; color:#333333; text-align:center; border-radius:50%; position:absolute; top:20px; right:20px; width:80px; height:80px; line-height:79px; z-index:999; font-size: 22px; letter-spacing: 0.2em; font-weight:bold;}
mark.renew{background:#cefec7; color:#333333; text-align:center; border-radius:50%; position:absolute; top:20px; right:20px; width:80px; height:80px; line-height:79px; z-index:999; font-size: 16px; font-weight:bold;}

mark.new2{background:#fef593; color:#333333; text-align:center; border-radius:50%; position:absolute; top:20px; right:20px; width:80px; height:80px; line-height:79px; z-index:999; font-size: 22px; letter-spacing: 0.2em; font-weight:bold;}

mark.off{background:#e92670; color:#ffffff; text-align:center; border-radius:50%; position:absolute; top:20px; right:20px; width:80px; height:80px; line-height:80px; z-index:999; font-size: 16px; font-weight:bold;}

a:hover { text-decoration: none!important;}



/*追加*/

#pageContents  .itemInfo span.otodoke {
	background: #000;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0 auto 10px;
	padding: 3px;
}

/*giftリンク*/
.giftlink{ 	width: 980px!important; margin: 0 auto!important; padding-top: 80px; padding-bottom: 80px; background: none!important; position:relative;margin:0; text-align:center;	}
.giftlink ul{width: 980px!important; margin: 0 auto!important; }
.giftlink ul li{ box-sizing:border-box; vertical-align:top; position: relative; margin:0 auto!important; display: inline-block!important; }
.giftlink ul li img{ width:80%; }


/*アニメーション*/

.animation{ animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 2.0s; }
.keyframe{ animation-name: anim_s; transform: rotate(5deg); animation-duration: 5s;}

@keyframes anim_s {
 50% { transform: rotate(-5deg);}
100% { transform: rotate(5deg); }
}



/*soldoutアイコン*/
#pageContents #valentine22mb li.soldout a em,
#pageContents #valentine22mb li.soldout a:hover em {
    background: #000 url(https://www.angers-web.com/Page/images/icon_soldout.png) 50% center no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 70%;
    z-index: 9999;
    opacity: 0.5;
    top: 0;
    left: 0;
}



/* スライダー */

.slidebox{position: relative;}
.slick-dots li button:before {font-size: 15px;}
.slick-dots li button:before {color: #fff;opacity: 1;}
.slick-wrapper img {  max-width: 607px;  width: 100%;  height: auto;}
.slick-dots{bottom: 5px;}
@media screen and (min-width: 630px) {
.slick-wrapper img {    margin: 0 10px;  }}

.slick-dots li button:before{font-family: 'slick'; font-size: 13px; line-height: 20px;osition: absolute; top: 0; left: 0; width: 20px; height: 20px;
content: '●'; text-align: center; opacity: .25; color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dotted.slick-slider {margin-bottom: -10px;}



@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}