@charset "utf-8";
/* CSS Document */

/*PC*/

#wrapperWCoffretPC a {
	overflow: hidden;
	text-decoration: none;
}
#wrapperWCoffretPC a:link {
	color: #3B302E;
	text-decoration: none;
}
#wrapperWCoffretPC a:visited {
	color: #3B302E;
	text-decoration: none;
}
#wrapperWCoffretPC a:hover {
	color: #E83656;
	text-decoration: none;
}
#wrapperWCoffretPC a:active {
	color: #E83656;
	text-decoration: none;
}
#wrapperWCoffretPC a img{border:0;}

#wrapperWCoffretPC {
	width:100%;
	margin:0 auto;
	overflow: hidden;
	
}
#wrapperWCoffretPC #featureHeader {
		margin-bottom: 30px;
}

#wrapperWCoffretPC #mainContents {
	width: 980px;
	margin:0 auto;
}

#wrapperWCoffretPC a:link {
	color: #3B302E;
	text-decoration: none;
}
#wrapperWCoffretPC a:visited {
	color: #3B302E;
	text-decoration: none;
}
#wrapperWCoffretPC a:hover {
	color: #999999;
	text-decoration: none;
}

#wrapperWCoffretPC a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#wrapperWCoffretPC a:active {
	color: #999999;
	text-decoration: none;
}

#wrapperWCoffretPC ul#rcmItem {
	width: 1020px;
	margin-top:85px;
	margin-right: -40px;
	padding-left: 0px;
	font-size: 0;
}

#wrapperWCoffretPC ul#rcmItem li{
	display: inline-block;
	width:300px;
	font-size: 15px;
	margin-right: 40px;
	margin-bottom: 40px;
	vertical-align: top;
}

#wrapperWCoffretPC ul#rcmItem li p{
	margin-top: 3px;
}

#wrapperWCoffretPC ul#rcmItem li p.catch{
	font-size: 0.9em;
	margin-bottom: 7px;
	text-align: center;
}

#wrapperWCoffretPC #prm p.catch{
	font-size: 1.1em;
	margin-bottom: 7px;
	text-align: center;
}

#wrapperWCoffretPC #prmItemList li p.catch{
	font-size: 0.85em;
	margin-bottom: 7px;
	text-align: center;
}


#wrapperWCoffretPC ul#rcmItem li p.ItemName{
	font-size: 0.90em;
	line-height: 1.2;
}

#wrapperWCoffretPC ul#rcmItem li p.BrandName{
	font-size: 0.8em;
	color:#999;
}


#wrapperWCoffretPC ul#rcmItem li .frameitem{
	border: 8px solid #F0F0F0;
	margin-bottom: 10px;
}

#wrapperWCoffretPC div#prm .theme{
/*/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,e3e1e1+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #e3e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e3e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#e3e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e3e1e1',GradientType=0 ); /* IE6-9 */*/
}

#wrapperWCoffretPC .center{
	text-align: center;
}

#wrapperWCoffretPC .strong{
	font-weight: bold;
}

#wrapperWCoffretPC .prmbox {
	float: left;
}

#wrapperWCoffretPC #prm #first p.catch{
    font-size: 1.6em;
    margin: 30px 0 30px 0;
}

#wrapperWCoffretPC #prm #first p.catch{
    font-size: 1.6em;
    margin: 30px 0 30px 0;
	text-align: left;
}

#wrapperWCoffretPC #prm #first p.copy{
    font-size: 1.1em;
    margin: 20px 0 20px 0;
}

#wrapperWCoffretPC #prm #first p.ItemName{
    font-size: 1.1em;
    margin: 20px 0 5px 0;
}

#wrapperWCoffretPC #prm #first p.BrandName{
    font-size: 0.9em;
	color: #999;
}

#wrapperWCoffretPC div.prmbox.col2 {
	width: 460px;
	margin-right: 20px;
}

#wrapperWCoffretPC #prm img.col2img {
	margin-bottom: 10px;
}

#wrapperWCoffretPC ul#prmItemList {
	width: 978px;
	margin-right: -25px;
	padding-left: 0px;
	font-size: 0;
}

#wrapperWCoffretPC ul#prmItemList li{
	display: inline-block;
	width:284px;
	font-size: 15px;
	margin-right: 25px;
	margin-bottom: 40px;
	vertical-align: top;
}

#wrapperWCoffretPC ul#prmItemList li img{
	margin-bottom: 10px;
}

#wrapperWCoffretPC ul#prmItemList li p.ItemName{
    font-size: 0.84em;
    line-height: 1.2;
}

#wrapperWCoffretPC ul#prmItemList li p.BrandName{
    font-size: 0.8em;
    color: #999;
}

#wrapperWCoffretPC #prmItemList li p.Price{
    font-size: 1.0em;
}

#wrapperWCoffretPC #prm #first p.Price{
	font-size: 1.1em;
}

#wrapperWCoffretPC #prm p.ItemName{
	font-size: 1.1em;
}

#wrapperWCoffretPC #prm p.Price{
	font-size: 1.15em;
	text-align:center;
}

#wrapperWCoffretPC ul#itemList {
	width: 1026px;
	margin-right: -46px;
	padding-left: 0px;
	font-size: 0;
	margin-top: 40px;
	margin-bottom: 40px;
}

#wrapperWCoffretPC ul#itemList li{
	display: inline-block;
	width:210px;
	font-size: 15px;
	margin-right: 46px;
	margin-bottom: 20px;
	vertical-align: top;
}

#wrapperWCoffretPC ul#itemList li img{
	display: inline-block;
	width:210px;
	font-size: 15px;
	margin-right: 46px;
	margin-bottom: 20px;
}

#wrapperWCoffretPC ul#itemList li .catch{
		font-size: 0.9em;
}

#wrapperWCoffretPC ul#itemList li p{
	margin-top: 3px;
}

#wrapperWCoffretPC ul#itemList li p.ItemName{
	font-size: 0.85em;
	line-height: 1.3;
}

#wrapperWCoffretPC ul#itemList li p.BrandName{
	font-size: 0.78em;
	color:#999;
}

#wrapperWCoffretPC ul#itemList li p.Price{
	font-size: 0.95em;
}

#wrapperWCoffretPC .boxContainer {
	overflow: hidden;
	width: 980px;
	padding: 20px 20px 20px 20px;
}

#wrapperWCoffretPC #ButtonArea {
	margin: 0 auto;
}


#wrapperWCoffretPC #ButtonArea img {
	float:left;
}

#wrapperWCoffretPC #featureHeader p.text-m{
	text-align:right;
}

 /*SP*/
 
 
 /* boxを超えて共通のクラス */
 
#WCoffretSP p.BrandName{
	color: #888888;
}
 /* boxを超えて共通のクラスここまで */

#WCoffretSP div#rcmItem {
	margin: 0 10px;
	overflow: hidden;
}

#WCoffretSP #rcmItem ul {
	margin-top:18px;
}

#WCoffretSP #rcmItem ul li {
	width: 47%;
	float: left;
	margin-right: 4%;
	margin-bottom: 5%;
}

#WCoffretSP #rcmItem ul li.mg-r-0{
	margin-right: 0;
}

#WCoffretSP #rcmItem img.frameitem{
	width: 95%;
	border: 6px solid #F0F0F0;
}

#WCoffretSP div#rcmItem p.strong{
	font-weight: bold;
	margin-top: 4%;
}

#WCoffretSP div#prmItem .theme{
/*/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,e3e1e1+100 */
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #e3e1e1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e3e1e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#e3e1e1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#e3e1e1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e3e1e1',GradientType=0 ); /* IE6-9 */*/
width: 100%;
}

#WCoffretSP div#prmItem #prmBox01,#prmBox02,#prmBox03,#prmBox04{
padding: 4% 10px 4% 10px;	
}

#WCoffretSP div#prmItem 
#prmBox01 img{
	width: 100%;
	margin-bottom: 4%;
}

#WCoffretSP div#prmItem 
#prmBox02 img,
#prmBox03 img{
	width: 100%;
	margin-bottom: 2%;
}

#WCoffretSP div#prmItem p.strong{
	font-weight: bold;
	margin-bottom: 2%;
}


#WCoffretSP div#prmItem #prmBox02 p.strong{
	font-weight: bold;
	margin-bottom: 2%;
}

#WCoffretSP div#prmItem #prmBox01 p{
	font-size: 118%;
}

#WCoffretSP div#prmItem #prmBox01 .ItemName{
	font-size: 100%;
}

#WCoffretSP div#prmItem 
#prmBox01 .ItemName,
#prmBox04 .ItemName{
	margin-top: 4%;
	font-size: 100%;
}

#WCoffretSP div#prmItem 
#prmBox01  .BrandName,
#prmBox02 .BrandName,
#prmBox03 .BrandName,
#prmBox04 .BrandName{
	font-size: 90%;
	color: #888888;
}

#WCoffretSP div#prmItem 
#prmBox01 .Price,
#prmBox02 .Price,
#prmBox03 .Price,
#prmBox04 .Price{
	font-size: 100%;
}

#WCoffretSP #prmItem #prmBox04{
    overflow: hidden;
}

#WCoffretSP #prmItem #prmBox04 ul li {
	display:inline-block;
	vertical-align:top;
    width: 48.5%;
    margin-right: 2%;
    margin-bottom: 5%;
}

#WCoffretSP #prmItem #prmBox04 ul li.mg-r-0{
	margin-right: 0;
}

#WCoffretSP #prmItem img.frameitem{
	width: 100%;
}

#WCoffretSP #prmItem #prmBox04 p.strong{
	margin-top: 4%;
}

#WCoffretSP #ItemList{
	margin: 0 10px;
    overflow: hidden;
}

#WCoffretSP #ItemList ul {
	margin-top: 5%;
}

#WCoffretSP #ItemList ul li {
    display: inline-block;
    vertical-align: top;
    width: 31.5%;
    margin-right: 1.5%;
    margin-bottom: 5%;
}

#WCoffretSP #ItemList ul li img.frameitem {
    width: 100%; 
	margin-bottom: 4%;
}

#WCoffretSP #ItemList ul li.mg-r-0{
	margin-right: 0;
}

#WCoffretSP #ItemList ul p.strong{
	font-weight: bold;
	margin-bottom: 6%;
}

#WCoffretSP #ItemList ul p.ItemName{
	line-height: 1.1;
	margin-bottom: 4%;
}

#WCoffretSP #ItemList ul p.BrandName{
	margin-bottom: 2%;
}

#WCoffretSP #ButtonArea{
	margin: 5% 10px;
    overflow: hidden;
}

#WCoffretSP #ButtonArea img{
	width: 100%;
	margin-bottom: 5%;
}

#WCoffretSP p.font_mini{
    font-size:90%;
	margin:10px 0;	
	text-align:center;
}

#WCoffretSP .qupon p{
	text-align:right;
	margin:10px 0 20px 0;
}

#contents-sp{
	width:96%;
	margin:auto;
	padding:0;
}

.item-present-sp img{
	float:left;
	width:40%;
	margin-bottom:15px;
}
.item-present-sp div.item-right-sp{
	float:right;
	width:57%;
	margin-right:3%;
}

.more-btn-sp{
	clear:both;
}
.more-btn-sp p{
	background:#f5f5f5;
	text-align:center;
	margin:auto;
	padding:15px 0 15px 0;
	width:95%;
	border:1px solid #cccccc;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  	
}
.more-btn-sp a{
	text-decoration:none;	
}

p.sub-tt-sp{
	margin:20px auto;
	padding:15px 0;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center;
}

p.sub-top-margin{
	margin-top:25px;
}

p.atten_txt{
	font-size:75%;	
	margin:2% 0 15px 0;
	text-align:right;
}


p.txt_atten{
	font-size:15px;
	padding:15px 0;
	text-align:center;
	background:#333333;
	color:#ffffff;
}