@charset "shift-jis";


/* CSS Document */
#thanks_gift {
	width:750px;
	font-size: 12.5px;
}
#thanks_gift * {
	/*
	font-family:Avenir ,"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	*/
	letter-spacing:0.01em;
}

/*font*/
#thanks_gift .min,
#thanks_gift .item dt,
#thanks_gift ul.item dl:after,
#thanks_gift ul.flower-item dl:after,
#thanks_gift .f-price p,
#thanks_gift .link a
{
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
	font-weight:bold;
}

/*nav*/
#thanks_gift .nav{letter-spacing:-1em;}
#thanks_gift .nav li{
	letter-spacing:normal;
	display:inline-block;
}
#thanks_gift .nav a{
	display:inline-block;
	position:relative;
}
#thanks_gift .nav a:hover:after{
	top: 6px;
	right: 0;
	content:"";
	display:block;
	background-color:#fff;
	width: 180px;
    height: 71px;
    opacity: 0.3;
    position: absolute;
}
#thanks_gift .nav li:nth-of-type(1) a:hover:after{
    border-radius: 33px 0px 0px 33px;
	width:201px;
}
#thanks_gift .nav li:nth-of-type(4) a:hover:after{
	width:178px;
    border-radius: 0px 33px 33px 0px;
	right:auto;
	left:0;

}
/*=========================================
		item お花
=========================================*/
#thanks_gift a.f-link{
	position:relative;
	display:block;
}
#thanks_gift .f-price{
	position:absolute;
	bottom:40px;
	right:34px;
	width:300px;
	text-align:center;
}
#thanks_gift .f-price li.price{
	font-size:40px;
	margin:10px;
}
#thanks_gift .f-price p{
	display:block;
	color:#fff;
	background-color:#FF86B7;
	font-size:14px;
	padding: 6px 0;
	margin-top:10px;
}
#thanks_gift .f-price p:hover{
	background-color:#FF9EC5;
}
#thanks_gift ul.flower-item{
	width:100%;
	margin:10px auto;
	overflow:hidden;
}
#thanks_gift ul.flower-item>li{
	float:left;
	width:369px;
	height:570px;
	text-align:center;
	margin:2px;
	margin-bottom:8px;
	background-color:#BB9B69;
	background: linear-gradient(160deg,#BB9B69,#D9C498,#BB9B69,#BB9B69, #D9C498,#BB9B69,#BB9B69);
}
#thanks_gift ul.flower-item>li:nth-child(even){
	margin-left:5px;
}
#thanks_gift ul.flower-item>li dl{
	margin:5px;
	width:359px;
	height:560px;
	background-color:#fff;
	position:relative;

}
#thanks_gift ul.flower-item>li dl img{
	width:100%;
}
#thanks_gift ul.flower-item dl:after{
	content:"詳細はこちら";
	text-align:center;
	font-size:14px;
	color:#fff;
	padding: 6px 0;
	display:block;
	width:349px;
	background-color:#FF86B7;
	border:5px solid #fff;
	position:absolute;
	bottom:0;
}
#thanks_gift .flower-item dd.comment{
	display:block;
	height:14px;
	line-height:140%;
	letter-spacing:0.1em;
	color:#333;/*#EA357C*/
	padding:15px 5px;

}
#thanks_gift ul.flower-item dd.price{
	position:relative;
	height:50px;
	padding:10px;
	}
#thanks_gift ul.flower-item dd.price li.price{
	font-size:1.5em;
}
#thanks_gift ul.flower-item dd.price:before{
	content:url(/IMAGE/thanks_gift/free.jpg);
	position:absolute;
	left:10px;
	top:5px;
}

/*=========================================
		item
=========================================*/
#thanks_gift ul.item{
	width:100%;
	margin:10px auto;
	overflow:hidden;
}

#thanks_gift ul.item>li{
	float:left;
	width:238px;
	height:420px;
	text-align:center;
	margin:4px;
	margin-right:0;
	margin-bottom:8px;
	padding:4px;
	background-color:#FED3E4;
	background: linear-gradient(140deg,#FED3E4,#FED3E4, #ffe8f1,#FED3E4,#FED3E4);

	}

#thanks_gift ul.item dl{
	width:auto;
	height:100%;
	background-color:#fff;
	position:relative;


}
#thanks_gift ul.item dt{
	height:52px;
	width:238px;
	font-size:16.5px;
	line-height:120%;
	color:#fff;
	background-color:#EE307A;
	background: linear-gradient(-200deg,#EE307A, #F56B8D);
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	
}
#thanks_gift ul.item dt span{
	letter-spacing:90%;
}
#thanks_gift ul.item dd.comment{
	height:40px;
	line-height:140%;
	letter-spacing:0.1em;
	text-align:left;
	color:#333;/*#EA357C*/
	padding:5px;
}

#thanks_gift ul.item dd.price{
	width:100%;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
	background:none;

	height:40px;
}

#thanks_gift .item .dd_img{text-align:center;}
#thanks_gift .dd_img img{width:100%;}


/*item*/
#thanks_gift .item a{color:#333;}
#thanks_gift .item a,
#thanks_gift .item a:hover dt{
	text-decoration:none;
}

#thanks_gift ul.item dl:after{
	content:"詳細はこちら";
	text-align:center;
	font-size:14px;
	color:#fff;
	border:5px solid #fff;
	position:absolute;
	bottom:0;
	padding: 6px 0;
	display:block;
	width:227px;
	background-color:#FF86B7;
}

#thanks_gift ul.item dl:hover:after,
#thanks_gift ul.flower-item dl:hover:after,
#thanks_gift .dd_img>img:hover{
opacity:0.8;}

/*======================================
			 CART_NEO
======================================*/

#thanks_gift div.buy_price ul,
#thanks_gift div.buy_price ol{
	padding-top:5px;
}

#thanks_gift div.buy_price ul li{
	font-size:24px;
	font-weight:bold;
}
/*在庫なし*/
#thanks_gift div.buy_price ol li{
	font-size:14px;
}


#thanks_gift div.buy_price ul{
	text-align:right;
	margin-right:10px;
}

#thanks_gift div.buy_price li{
	float:none;
	display:inline;
	color:#EA3343;
	letter-spacing:-0.03em;
}

#thanks_gift div.buy_price li span{
	font-size:12px;
}

#thanks_gift div.buy_price li.intax:before{
	content:"\0020\0020";
}


#thanks_gift div.buy_price ul li.intax{
	font-weight:normal;
	font-size:11px;
}
#thanks_gift span.spesicalprice{
	color:#3e4792;
	
	font-weight:normal;
	letter-spacing:0;
	
}
#thanks_gift span.spesicalprice:after{
	content:"\0020\0020";
}


#thanks_gift div.buy_price ul li.motoprice{
	display:none;
}

#thanks_gift .link{
	text-align:right;
	padding-right:5px;
	margin-bottom:10px;
	}
#thanks_gift .link a{
	display:inline-block;
	height:14px;
	background-color:#EE307A;
	background: linear-gradient(-200deg,#EE307A, #F56B8D);
	color:#fff;
	padding:10px 30px;
	font-size:14px;
	border-radius:18px;
	box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.3) inset;
}


#thanks_gift .link a:hover{opacity:0.8;}
#thanks_gift .link a:after {
	content:"\0020\0020";
  width: 0px;
  height: 0px;
  display:inline-block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  border-right: 0px solid transparent;
  margin:0 0 0 5px;
}

#thanks_gift a.to-top{
	display:block;
	text-align:right;
	line-height:1em;
	margin:10px 1% 30px auto;
	text-decoration:underline;
	color:#98704c;
}

#thanks_gift .flexiblebox {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}