@charset "UTF-8";
* {
outline:none!important
}
.main-container img {
vertical-align:bottom;
}
.valentine {margin-bottom: 50px;}
.valentine .mainArea{overflow: hidden; margin-bottom: 0; text-align: center; background-color: #FFF;}
	.valentine .mainArea ul.pagenavi{list-style: none; overflow: hidden; font-size: 0; margin:0 0 30px; width:100%; height: auto;}
	.valentine .mainArea ul.pagenavi li img{width:100%;}
	.valentine .mainArea ul.pagenavi li{display: inline-block; width:25%; height: 60px; vertical-align: top; border-right: 1px solid #FFF;}
	.valentine .mainArea ul.pagenavi li a{display:flex; width:100%; height: 100%; justify-content: center; align-items: center; font-size: 16px; text-decoration: none; color: #FFF; padding-right: 20px; box-sizing: border-box; position: relative;}
.valentine .mainArea ul.pagenavi li a:after{position: absolute;
    top: 0;
    bottom: 0;
   right: 16px;
    margin: auto;
    content: "";
    vertical-align: middle;
	width: 8px;
    height: 8px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);}
	.valentine .mainArea p{font-size: 20px; text-align: center;}
	.valentine .mainArea p .smallTxt{font-size: 14px; display: block; margin-bottom: 30px;}
.valentine .borderboxTxt{border:1px solid #d33784; padding: 10px; display: inline-block; margin: 30px auto;}
.valentine .stxt{font-size: 14px!important; display: inherit;}
.valentine .red_text{color:#d32e4c; }
.valentine .pink_text{color:#e5454c; }
.valentine .brown_text{color:#764646; }
.valentine strong{font-weight: bold;}

.valentine .colorA{background-color:#ea5260;}
.valentine .colorA a{color:#FFF;}
.valentine .colorB{background-color:#ea5260;}
.valentine .colorB a{color:#FFF;}
.valentine .colorC{background-color:#ea5260;}
.valentine .colorC a{color:#FFF;}
.valentine .colorD{background-color:#c91f2e;}
.valentine .colorD a{color:#FFF}
.valentine .colorE{background-color:#c91f2e;}
.valentine .colorE a{color:#FFF;}

.valentine .colorF{background-color: #fff0f0;} 
.valentine .colorF a{color: #dc1157} 
.valentine .colorG{background-color: #fff7f0;} 
.valentine .colorG a{color: #551302} 
.valentine .colorH{background-color: #dcf0ef} 
.valentine .colorH a{color: #005f5e} 

.detailBtn.colorA{background-color: #ea5260}
.detailBtn.colorA span{border: #ea5260;}
.detailBtn.colorB{background-color: #4c180a}
.detailBtn.colorB span{border: #4c180a;}
.detailBtn.colorC{background-color: #035759}
.detailBtn.colorC span{border: #035759}



		.valentine .pBlock{ padding:0; text-align: center; margin-bottom: 50px; overflow: hidden;}
		.valentine .pBlock.pBlock2{background-color: #fdf4f7;}
		.valentine .pBlock .titleBox{overflow: hidden; text-align: center; margin-bottom: 50px;}
		.valentine .pBlock .titleBox .logo{display: inline-block; vertical-align: middle; margin-right: 30px;}
		.valentine .pBlock .titleBox .brandBox{display: inline-block; vertical-align: middle}
		.valentine .pBlock .titleBox .brandBox .name{ font-size: 28px; color: #000000; display: block; margin-bottom: 10px;}
		.valentine .pBlock .titleBox .brandBox p{font-size: 14px; text-align: left;}
		.valentine .pBlock .pWrap{overflow: hidden; margin-bottom: 0; padding:30px 0; font-size: 0;}
		.valentine .pBlock .leftArea{float: left;}
		.valentine .pBlock .rightArea{float: right;}
		
		.valentine .pBlock .singlelineImg{width:56%; max-width:600px; display: inline-block; vertical-align: middle ;margin: 2%}
		.valentine .pBlock .singlelineTxt{width:36%; max-width:434px; display: inline-block; vertical-align: middle;margin: 2%}
		.valentine .pBlock p{font-size: 14px; color: #000000; margin-bottom: 10px; text-align: left;}
		.valentine .pBlock .nameOrange{  font-size: 22px; margin-bottom: 15px;}
		.valentine .pBlock .pName{ font-size: 20px;  }
.valentine .pBlock .aiconTxt{border: 1px solid #000000; display: inline-block; padding: 5px 10px}
		.valentine .pBlock .detailBtn{display: inline-block; font-size: 14px; width: inherit!important;}
		.valentine .pBlock .detailBtn a{color: #FFF; font-size: 14px; padding: 10px 25px; display: block; text-decoration: none;}
		.valentine .pBlock .quantity{overflow: hidden; position: relative; text-align: left;}
		.valentine .pBlock .quantity p{display: inline-block; vertical-align: middle; text-align: left; width:100%;}
/*		.valentine .pBlock .quantity .detailBtn{position: absolute; bottom: 0; right:0;}*/
		.valentine .pBlock .btmBtn{display: inline-block; margin: auto; background-color: #ed6d47; width:360px;}
		.valentine .pBlock .btmBtn a{display: block;color: #fff; font-size: 18px; padding: 10px 15px; width:100%; text-align: center;}

	
	
.valentine .pBlock .secondlineBox{width:47%; max-width:510px; display: inline-block; margin-right: 3.7%; font-size: 0; vertical-align: top;}
			.valentine .pBlock .secondlineBox.mr0{ margin-right:0%;}

		.valentine .pBlock .detailImg{width:50%; max-width: 250px; display: inline-block; vertical-align: middle; margin-right: 5%;}
		.valentine .pBlock .detailBox{width:45%;display: inline-block; vertical-align: middle; text-align: left;}

		.valentine .banaArea{overflow: hidden; text-align: center; margin: 0 auto 80px;}
		.valentine .banaArea p{font-size: 22px; margin-bottom: 30px;}

		.valentine .cautionBox{border: 1px solid #fb7d8a; padding: 4%;}
		.valentine .cautionBox .cautionTitle{background-color: #fb7d8a; text-align: center; display: block; width:100%; padding: 5px; color: #FFF; font-size: 22px; margin-bottom: 20px; }
		.valentine .cautionBox .cautionTitle img{display: inline-block; vertical-align: middle; margin-right: 10px;}
		.valentine .cautionBox .textBlock{overflow: hidden; margin-bottom: 20px;}

.valentine .cautionBox .textBlock p{font-size: 14px}
.valentine .cautionBox .textBlock .infotxt{font-size: 18px;}
		.valentine .cautionBox .textBlock p.listtext{text-indent: -1em; padding-left: 1em;}

.heightA{min-height: 180px;}


.valentine .frame{position: relative;width:100%; box-sizing: border-box;}
.valentine .frame .textBox{position: absolute; top: 24%; left: 0; width:100%;}
.valentine .frame2 .textBox{top: 18.5%;}
.valentine .frame p{font-size: 22px; text-align: center; margin-bottom: 10px;}
.valentine a{color: #000; text-decoration: underline}
.valentine .frame .title_txt{color: #e5454c; font-weight: bold; margin-bottom: 1%}
.valentine .frame2 .title_txt{color: #e64d7c; font-weight: bold; margin-bottom: 3%}
.valentine .frame .textBox ul{text-align: center;}
.valentine .frame .textBox  li{ width:34%; display: inline-block; text-align: left; font-size: 22px; margin:0; vertical-align: top;white-space: nowrap; }


@media screen and (max-width: 1545px) {
	.valentine .frame p{font-size: 18px; text-align: center; margin-bottom: 10px;}
	.valentine .frame .textBox li{font-size: 18px;}
}

@media screen and (max-width: 1240px) {
	.valentine .mainArea p{font-size: 18px;}
	.valentine .mainArea p .smallTxt{font-size: 13px;}
.valentine .mainArea .borderboxTxt .stxt{font-size: 13px;}
		.valentine .pBlock .titleBox .brandBox .name{ font-size: 26px;}
		.valentine .pBlock .titleBox .brandBox p{font-size: 13px;}
		.valentine .pBlock p{font-size: 13px;}
		.valentine .pBlock .nameOrange{ font-size: 20px!important;}
		.valentine .pBlock .pName{ font-size: 16px!important;  }
		.valentine .pBlock .detailBtn a{ font-size: 13px; }
		.valentine .pBlock .btmBtn a{font-size: 16px;}
		.valentine .banaArea p{font-size: 20px;}
		.valentine .cautionBox .cautionTitle{font-size: 20px; }
	.heightA{min-height: 160px;}
	.valentine .frame p{font-size: 16px; text-align: center; margin-bottom: 10px;}
	.valentine .frame .textBox li{font-size: 16px;}

}






/*1225追加*/
.valentine .pBlock.pb h2{font-size: 24px; text-align: center; font-weight: normal;}
.valentine .pBlock.pb ul{font-size: 0; text-align: center; padding: 0; margin: 0; list-style: none;}
.valentine .pBlock.pb ul li{display: inline-block; width: 23.3%; margin: 0 0.3% 4%; vertical-align: top;}
.valentine .pBlock.pb ul li a{text-decoration: none; color: #272727; font-size: 16px;}
.valentine .pBlock.pb ul li img{margin-bottom: 10px;}
.valentine .pBlock.price h2, .valentine .pBlock.partner h2{width:20%; display: inline-block; font-size: 24px; font-weight:normal; text-align: left; float: left;}
.valentine .pBlock.price ul, .valentine .pBlock.partner ul{font-size: 0; text-align: left; padding: 0; margin: 0; list-style: none; width:80%; display: inline-block; float: right; margin-top: 10px;}
.valentine .pBlock.price ul li{display: inline-block; width: 23%; margin: 0 1%; vertical-align: top; border-radius: 0; height: 50px; border: 1px solid #ffb8bd}
.valentine .pBlock.price ul li a{text-decoration: none;  font-size: 16px; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; color: #000;}
/*.valentine .pBlock.price ul li a span{ position: relative; height: 10px; width:10px; display: block;}*/
/*.valentine .pBlock.price ul li a span:after{position: absolute; top: 0; bottom: 0;right: 16px; margin: auto; content: ""; vertical-align: middle;width: 8px; height: 8px;
    border-top: 1px solid ; border-right: 1px solid ; -webkit-transform: rotate(45deg); transform: rotate(45deg);}*/
.valentine .pBlock.partner ul li{display: inline-block; border-radius: 30px; margin: 1% 0.5%;; vertical-align: top; padding: 0; width:auto; height: 40px;}
.valentine .pBlock.partner ul li a{ padding: 10px 25px;  text-align: center;  display: flex; box-sizing: border-box; font-size: 16px; text-decoration: none; width:100%; height: 100%;   justify-content: center; align-items: center;}
.valentine .pBlock.ranking{/*background-image: url("../../img/usr/genre/valentine24/240105_vd_bar.jpg"); background-repeat: no-repeat; background-size: 100% 5px; background-position: bottom;*/ padding-bottom: 50px;}
.valentine .pBlock.ranking h2{display: inline-block; position: relative; padding: 20px 0; font-size: 24px;  font-weight: normal;}
/*.valentine .pBlock.ranking h2:before{content: ""; width:100%; background-image: url("../../img/usr/genre/valentine24/240105_vd_bar.jpg"); height: 5px; position: absolute; top: 0; left: 0; background-size: cover;}
.valentine .pBlock.ranking h2:after{content: ""; width:100%; background-image: url("../../img/usr/genre/valentine24/240105_vd_bar.jpg"); height: 5px; position: absolute; bottom: 0; left:0; background-size: cover;}*/
.valentine .pBlock.ranking ul{margin: 0; padding: 0; list-style: none; font-size: 0;text-align: left;}
.valentine .pBlock.ranking ul li{display: inline-block; width:18.5%; margin-right: 1.5%; vertical-align: top;}
.valentine .pBlock.ranking ul li a{font-size: 16px; color: #272727; text-decoration: none;}
.valentine .pBlock.ranking ul li img{margin-bottom: 10px;}


.valentine .ranking h2 img{width:40px; margin-right: 10px; vertical-align: top;}
.valentine .pBlock .colorF.bg{ background-image: url("../../img/usr/genre/valentine26/260107_vt_bg01.jpg"); background-repeat: no-repeat; background-size: cover; margin-bottom: 2px;}
.valentine .pBlock .colorG.bg{ background-image: url("../../img/usr/genre/valentine26/260107_vt_bg02.jpg"); background-repeat: no-repeat; background-size: cover; margin-bottom: 2px;}
.valentine .pBlock .pWrap h2{margin-top: 0;}
.valentine .pBlock .pWrap .threeBox{display: inline-block ;vertical-align: top; width:29%; margin: 2%;}
.valentine .pBlock .pWrap .threeBox .nameOrange{font-size: 18px;}
.valentine .pBlock .pWrap .fourBox{display: inline-block ;vertical-align: top; width:22%; margin: 1%;}
.valentine .pBlock .pWrap .fourBox .nameOrange{font-size: 18px;}

.valentine .aiconBox{text-align: left; margin-bottom: 20px;}
.valentine .aiconBox p{display: inline-block; padding: 4px 10px; margin: 2px; font-size: 12px; border: 1px solid #000;}

.valentine .pBlock.pb ul li.threecolumn{display: inline-block; width: 31.3%; margin: 0 0.3% 4%; vertical-align: top;}
.valentine .pink{color: #ef5867;}
.valentine .pinkblock{border:2px solid #ef5867; padding: 10px 20px; width: 50em;}