@charset "UTF-8";
/* ///////////////////////////////

年間ランキング
SP用

///////////////////////////////
*/
#Wrap #Contents{background-color: #ffffff!important;}

#page {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: #fff;
}

#page p a:hover{text-decoration:none!important; color:#333333!important;}

#pageContents.vdCnt{width:950px!important; height: 100%; color:#333; font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial; font-weight:500; background-color: #d0cecf; line-height: 1.7em; background-image: url(../images/valentine25/vd25-background.jpg); background-size: contain; background-repeat: repeat-y; margin: 0 auto!important; float: none;}

/*クーポン*/
img.qupon{width: 60%; margin: 40px 20%;}


/*ttlCnt
---------------------------------------*/
.ttlCnt{color:#333;  margin-bottom: 20px;}
.ttlCnt h1 img{width: 100%; margin: 0;padding: 0;background: none;}
.ttlCnt p{padding:0 5% 10% 5%!important; line-height:1.7em;font-size: 16px; font-weight: 500;}
.ttlCnt p br.spOnly{display:none!important;}

.ttlCnt h2{text-align: center; font-weight: 600; font-size: 30px;}
.ttlCnt h2 img{width: 76%; margin: 0 auto;}
#pageContents .ttlCnt p.vdattention{width: 80%; background-color: #E8E8E8; text-align: center; margin: 0 auto 100px; padding: 20px!important;}
#pageContents .ttlCnt p.vdattention span.vdatnred{color: #AA1114;}

ul.menuCnt{width: 96%; margin: 20px auto; display: flex; flex-wrap: wrap; justify-content: center;}
ul.menuCnt li{width: 28%; margin: 0 10px; padding-top: 16px;}
ul.menuCnt li img{width: 100%;}

.ttlCnt div.colmnCnt{width: 96%; margin: 100px auto;}
.ttlCnt div.colmnCnt h3{text-align: center; font-weight: 600; font-size: 32px; padding-bottom: 20px;line-height: 1.6em;}
.ttlCnt div.colmnCnt h3 span{text-align: center; font-weight: 600; font-size: 26px;}
.ttlCnt div.colmnCnt img{width: 60%; display: block; margin: 0 auto;}

/*各カテゴリタイトル帯*/
#pageContents div.ctgCnt h2{
    text-align: center;
    padding: 0 140px;
    line-height: 0;
}
#pageContents div.ctgCnt h2 img{ width: 86%; margin: 0 auto;}


/*ctg01 メサージュとアンソンバーグ
---------------------------------------*/
div#ctg01{width: 100%; margin: 0 auto; padding-bottom: 40px;}
#pageContents div#ctg01.ctgCnt h2{background: #421216;}
div#ctg01 ul{width: 100%;}
div#ctg01 ul li{width: 80%; margin: 0 auto 100px; position: relative;}
div#ctg01 ul li a{display: block;width: 90%; margin: 0 auto;}
div#ctg01 ul li a:hover{text-decoration:none;}

div#ctg01 div.brand{width: 96%; margin: 50px auto;}
div#ctg01 div.brand img.message{display: block; width: 40%; margin: 0 auto;}
div#ctg01 div.brand img.anthonberg{display: block; width: 40%; margin: 0 auto;}
div#ctg01 div.brand p.brandttl{font-size: 14px; text-align: center;margin-top: 20px;}
div#ctg01 div.brand p.brandCnt{width: 86%; margin: 20px auto; text-align: left; font-size: 18px; line-height: 1.7em;}

/*ここから商品*/
div#ctg01 div.itemPhoto{width: 90%; display: flex; margin: 0 auto;}
div#ctg01 div.itemPhoto img{display: block; width: 78%;}
div#ctg01 div.itemPhoto p{display: block; writing-mode: vertical-rl; width: 20%; font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 1.4em; margin:0 0.6em 0 0; color: #322c2b;}

div#ctg01 div.itemInfo h3.itemName{text-align: center; font-size: 16px;}
div#ctg01 div.itemInfo p.Price{font-size: 14px; color: #333333; text-decoration: none; text-align: center;}
div#ctg01 div.itemInfo p.Price small{font-size: 12px;}

div#ctg01 div.buyer{width: 90%; height: 240px; margin: 30px auto; background-color: #ffffff; position: relative; padding: 10px 10px 10px 40px;}
div#ctg01 div.buyer:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

div#ctg01 div.buyer h4{font-weight: 600; font-size: 18px; text-align: left; padding: 60px 0 10px;}
div#ctg01 div.buyer p{width: 50%; margin: 0 auto 0 0;}
div#ctg01 div.buyer img.subimg{width: 40%; margin: 0 auto; position: absolute; bottom: 10%; right: 3%; z-index: 1;}
div#ctg01 div.buyer img.voice{width: 70px; position: absolute; top: 10%; left: 36%;}

div#ctg01 li.item164666 div.buyer img.subimg{width: 30%; margin: 1em 2em 1em auto;}
div#ctg01 li.item164667 div.itemPhoto p{padding: 2em 1.4em 0 0;}
div#ctg01 li.item164667 div.itemPhoto img{margin: 0 0.4em 0 0;}
div#ctg01 li.item164667 div.buyer img.subimg{width: 26%; margin: 1em auto 0 auto; right:12%;}
div#ctg01 li.item164668 div.itemPhoto img{width: 60%; margin: 0 0 0 0.4em;}
div#ctg01 li.item164668 div.buyer img.subimg{width: 14%; margin: 1em auto 0 auto; right:14%;}
div#ctg01 li.item164579 div.itemPhoto p{padding:1em 1em 0 0;}
div#ctg01 li.item164579 div.itemPhoto img{width: 68%; margin: 0;}
div#ctg01 li.item164579 div.buyer img.subimg{display: block; width: 98; margin: 2em auto 0 auto;}

/*ctg02 ココバとコントワール
---------------------------------------*/
div#ctg02{width: 100%; margin: 0 auto; padding-bottom: 40px;}
#pageContents div#ctg02.ctgCnt h2{background: #a2666d;}
div#ctg02 ul{width: 100%;}
div#ctg02 ul li{width: 80%; margin: 0 auto 100px; position: relative;}
div#ctg02 ul li a{display: block;width: 90%; margin: 0 auto;}
div#ctg02 ul li a:hover{text-decoration:none;}

div#ctg02 div.brand{width: 96%; margin: 50px auto;}
div#ctg02 div.brand img.cocoba{display: block; width: 25%; margin: 0 auto;}
div#ctg02 div.brand img.comptoir{display: block; width: 30%; margin: 0 auto;}
div#ctg02 div.brand p.brandttl{font-size: 14px; text-align: center; margin-top: 20px;}
div#ctg02 div.brand p.brandCnt{width: 86%; margin: 20px auto; text-align: left; font-size: 18px; line-height: 1.7em;}

/*ここから商品*/
div#ctg02 div.itemPhoto{width: 90%; display: flex; margin: 0 auto;}
div#ctg02 div.itemPhoto img{display: block; width: 78%;}
div#ctg02 div.itemPhoto p{display: block; writing-mode: vertical-rl; width: 20%; font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 1.4em; margin:0 0.6em 0 0; color: #322c2b;}

div#ctg02 div.itemInfo h3.itemName{text-align: center; font-size: 16px;}
div#ctg02 div.itemInfo p.Price{font-size: 14px; color: #333333; text-decoration: none; text-align: center;}
div#ctg02 div.itemInfo p.Price small{font-size: 12px;}

div#ctg02 div.buyer{width: 90%; height: 240px; margin: 30px auto; background-color: #ffffff; position: relative; padding: 10px 10px 10px 40px;}
div#ctg02 div.buyer:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

div#ctg02 div.buyer h4{font-weight: 600; font-size: 18px; text-align: left; padding: 60px 0 10px;}
div#ctg02 div.buyer p{width: 50%; margin: 0 auto 0 0;}
div#ctg02 div.buyer img.subimg{width: 40%; margin: 0 auto; position: absolute; bottom: 10%; right: 3%; z-index: 1;}
div#ctg02 div.buyer img.voice{width: 70px; position: absolute; top: 10%; left: 36%;}

div#ctg02 li.item164518 div.itemPhoto img{width: 80%;}
div#ctg02 li.item164518 div.itemPhoto p{margin:0 2em 0 0;}
div#ctg02 li.item164518 div.buyer img.subimg{width: 26%; display: block; margin: 0 2em 0 0;}
div#ctg02 li.item163989 div.itemPhoto img{width: 76%;}
div#ctg02 li.item163989 div.itemPhoto p{padding: 0 1em 0 0;}
div#ctg02 li.item163989 div.buyer img.subimg{width: 20%; display: block; margin: 0 5em 0 auto;}
div#ctg02 li.item164519 div.buyer img.subimg{width: 27%; display: block; margin: 0 4em 0 auto;}
div#ctg02 li.item164635 div.itemPhoto img{width: 56%; margin-left: 2em;}
div#ctg02 li.item164635 div.itemPhoto p{padding:1em 0.5em 0 0;}
div#ctg02 li.item164635 div.buyer img.subimg{width: 14%; display: block; margin: 0 4.6em 0 auto;}


/*ctg03 はじけるキャンディチョコ
---------------------------------------*/
div#ctg03{width: 100%; margin: 0 auto; padding-bottom: 40px;}
#pageContents div#ctg03.ctgCnt h2{background: #7c7a79;}
div#ctg03 ul{width: 100%;}
div#ctg03 ul li{width: 80%; margin: 0 auto 100px; position: relative;}
div#ctg03 ul li a{display: block;width: 90%; margin: 0 auto;}
div#ctg03 ul li a:hover{text-decoration:none;}

div#ctg03 div.brand{width: 96%; margin: 50px auto;}
div#ctg03 div.brand img.hajikeru{display: block; width: 12%; margin: 0 auto;}
div#ctg03 div.brand p.brandttl{font-size: 14px; text-align: center; margin-top: 20px;}
div#ctg03 div.brand p.brandCnt{width: 86%; margin: 20px auto; text-align: left; font-size: 18px; line-height: 1.7em;}

/*ここから商品*/
div#ctg03 div.itemPhoto{width: 90%; display: flex; margin: 0 auto;}
div#ctg03 div.itemPhoto img{display: block; width: 78%;}
div#ctg03 div.itemPhoto p{display: block; writing-mode: vertical-rl; width: 20%; font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 1.4em; margin:0 0.6em 0 0; color: #322c2b;}

div#ctg03 div.itemInfo h3.itemName{text-align: center; font-size: 16px;}
div#ctg03 div.itemInfo p.Price{font-size: 14px; color: #333333; text-decoration: none; text-align: center;}
div#ctg03 div.itemInfo p.Price small{font-size: 12px;}

div#ctg03 div.buyer{width: 90%; height: 240px; margin: 30px auto; background-color: #ffffff; position: relative; padding: 10px 10px 10px 40px;}
div#ctg03 div.buyer:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

div#ctg03 div.buyer h4{font-weight: 600; font-size: 18px; text-align: left; padding: 60px 0 10px;}
div#ctg03 div.buyer p{width: 50%; margin: 0 auto 0 0;}
div#ctg03 div.buyer img.subimg{width: 40%; margin: 0 auto; position: absolute; bottom: 10%; right: 3%; z-index: 1;}
div#ctg03 div.buyer img.voice{width: 70px; position: absolute; top: 10%; left: 36%;}
div#ctg03 div.buyer img.hajikeruicon{width: 14%; position: absolute; bottom: 6px; right: 6px;}

div#ctg03 li.item164529 div.itemPhoto img{width: 70%; margin: 0 0 auto 1em;}
div#ctg03 li.item164529 div.buyer img.subimg{width: 40%; margin: 0 2em 1em auto;}
div#ctg03 li.item159277 div.itemPhoto p{padding: 0 1em 0 0;}
div#ctg03 li.item159277 img.subimg{width: 42%; margin: 0 0.2em 3em auto;}
div#ctg03 li.item157060 div.itemPhoto p{margin: 0 1em 0 0;}
div#ctg03 li.item157060 img.subimg{width: 30%; margin: 0 2em 1em 0;}
div#ctg03 li.item161846 div.itemPhoto img{width: 60%; margin: 0;}
div#ctg03 li.item161846 div.itemPhoto p{padding: 0 1em 0 0;}
div#ctg03 li.item161846 div.buyer img.subimg{width: 34%; margin:0 1em 1em 0;}
div#ctg03 li.item157061 div.itemPhoto p{margin: 0 1.2em 0 0 ;}
div#ctg03 li.item157061 div.itemPhoto img{width: 72%; margin: 0;}
div#ctg03 li.item157061 div.buyer img.subimg{width: 45%; margin-bottom: 0.4em;}


/*ctg04 キッズわくわく
---------------------------------------*/
div#ctg04{width: 100%; margin: 0 auto; padding-bottom: 40px;}
#pageContents div#ctg04.ctgCnt h2{background: #466284;}
div#ctg04 ul{width: 100%; margin-top: 100px;}
div#ctg04 ul li{width: 80%; margin: 0 auto 100px;position: relative;}
div#ctg04 ul li a{display: block;width: 90%; margin: 0 auto;}
div#ctg04 ul li a:hover{text-decoration:none;}

div#ctg04 div.brand{width: 96%; margin: 50px auto;}
div#ctg04 div.brand p.brandttl{font-size: 14px; text-align: center; margin-top: 20px;}
div#ctg04 div.brand p.brandCnt{width: 86%; margin: 20px auto; text-align: left; font-size: 18px; line-height: 1.7em;}

/*ここから商品*/
div#ctg04 div.itemPhoto{width: 90%; display: flex; margin: 0 auto;}
div#ctg04 div.itemPhoto img{display: block; width: 78%;}
div#ctg04 div.itemPhoto p{display: block; writing-mode: vertical-rl; width: 20%; font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 1.4em; margin:0 0.6em 0 0; color: #322c2b;}

div#ctg04 div.itemInfo h3.itemName{text-align: center; font-size: 16px;}
div#ctg04 div.itemInfo p.Price{font-size: 14px; color: #333333; text-decoration: none; text-align: center;}
div#ctg04 div.itemInfo p.Price small{font-size: 12px;}

div#ctg04 div.buyer{width: 90%; height: 240px; margin: 30px auto; background-color: #ffffff; position: relative; padding: 10px 10px 10px 40px;}
div#ctg04 div.buyer:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

div#ctg04 div.buyer h4{font-weight: 600; font-size: 18px; text-align: left; padding: 60px 0 10px;}
div#ctg04 div.buyer p{width: 50%; margin: 0 auto 0 0;}
div#ctg04 div.buyer img.subimg{width: 40%; margin: 0 auto; position: absolute; bottom: 10%; right: 3%; z-index: 1;}
div#ctg04 div.buyer img.voice{width: 70px; position: absolute; top: 10%; left: 36%;}


div#ctg04 li.item164016 div.itemPhoto p{padding: 0 1em 0 0;}
div#ctg04 li.item164016 div.buyer img.subimg{width: 34%; margin: 0 1em 0 0;}
div#ctg04 li.item164017 div.itemPhoto img{width: 70%; margin-left: 1em;}
div#ctg04 li.item164017 div.buyer img.subimg{width: 40%; margin: 0 1em 1em 0;}
div#ctg04 li.item164018 div.itemPhoto img{width: 80%; margin-right: 0.5em;}
div#ctg04 li.item164018 div.itemPhoto p{padding: 0 1em 0 0;}
div#ctg04 li.item164018 div.buyer img.subimg{width: 40%; margin: 0 1em 1em 0;}
div#ctg04 li.item164580 div.itemPhoto img{width: 74%;}
div#ctg04 li.item164580 div.itemPhoto p{margin: 0 2em 0 0;}
div#ctg04 li.item164580 div.buyer img.subimg{width: 30%; margin: 0 2em 1em 0;}


/*ctg05 一緒に囲むお取り寄せ
---------------------------------------*/
div#ctg05{width: 100%; margin: 0 auto; padding-bottom: 40px;}
#pageContents div#ctg05.ctgCnt h2{background: #786453;}
div#ctg05 ul{width: 100%; margin-top: 100px;}
div#ctg05 ul li{width: 80%; margin: 0 auto 100px; position: relative;}
div#ctg05 ul li a{display: block;width: 90%; margin: 0 auto;}
div#ctg05 ul li a:hover{text-decoration:none;}

div#ctg05 div.brand{width: 96%; margin: 50px auto;}
div#ctg05 div.brand img.graf{display: block; width: 22%; margin: 0 auto;}
div#ctg05 div.brand p.brandttl{font-size: 14px; text-align: center; margin-top: 20px;}
div#ctg05 div.brand p.brandCnt{width: 86%; margin: 20px auto; text-align: left; font-size: 18px; line-height: 1.7em;}

/*ここから商品*/
div#ctg05 div.itemPhoto{width: 90%; display: flex; margin: 0 auto;}
div#ctg05 div.itemPhoto img{display: block; width: 78%;}
div#ctg05 div.itemPhoto p{display: block; writing-mode: vertical-rl; width: 20%; font-weight: 600; font-size: 24px; letter-spacing: 0.2em; line-height: 1.4em; margin:0 0.6em 0 0; color: #322c2b;}

div#ctg05 div.itemInfo h3.itemName{text-align: center; font-size: 16px;}
div#ctg05 div.itemInfo p.Price{font-size: 14px; color: #333333; text-decoration: none; text-align: center;}
div#ctg05 div.itemInfo p.Price small{font-size: 12px;}

div#ctg05 div.buyer{width: 90%; height: 240px; margin: 30px auto; background-color: #ffffff; position: relative; padding: 10px 10px 10px 40px;}
div#ctg05 div.buyer:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}

div#ctg05 div.buyer h4{font-weight: 600; font-size: 18px; text-align: left; padding: 60px 0 10px;}
div#ctg05 div.buyer p{width: 50%; margin: 0 auto 0 0;}
div#ctg05 div.buyer img.subimg{width: 45%; margin: 0 0.5em 2.5em 0; position: absolute; bottom: 10%; right: 3%; z-index: 1;}
div#ctg05 div.buyer img.voice{width: 70px; position: absolute; top: 10%; left: 36%;}


/*売り切れ*/
img.vd25soldout{position: absolute; top: 20%; left: 25%; width: 50%; z-index: 100;}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
a .itemInfo{
	padding: 0 5px;
	text-decoration: underline!important;
	text-decoration-color: #333;
}
.itemInfo{
	padding: 0 5px;
	text-decoration: none;
	text-decoration-color: #333;
	color:#333;
}


@media screen and (orientation: landscape) {
}

@media (min-width: 480px) and (max-width:767px) {

}

@media (min-width: 768px){
}