
/*@style
-----------------------------*/
.p10{ padding:10px; }
.pt10{ padding-top:10px; }
.pt20{ padding-top:20px; }
.pb10{ padding-bottom:10px; }
.pr10{ padding-right:10px; }


/*@titlle
-----------------------------*/
#titlle{ background:url(//img.e87.com/selection/winter/2017images/blue_cyclamen_main.jpg) no-repeat; position:relative; height:180px; }
#titlle .txt{ position:absolute; right:0; bottom:0; background:rgba(255,255,255,0.8); padding:10px; width:490px; }
#titlle .txt h1{ font-weight:bold; }



/*-----------------------------
@box
-----------------------------*/
.box{ background:url(//img.e87.com/selection/winter/2016images/blue_cyclamen_bg.jpg); }

.suntory li:first-child{ width:290px; float:left; }

.sub_ttl{ background:url(//img.e87.com/selection/winter/2016images/blue_cyclamen_ttl.png); position:relative; height:280px; }
.sub_ttl .l_txt{ position:absolute; left:40px; width:290px; bottom:70px; }
.sub_ttl .r_txt{ position:absolute; right:40px; width:290px; top:90px; }



/*@item
-----------------------------*/
.items{ position:relative; line-height:1.5; }

.items .l_item{ float:left; width:480px; position:relative; min-height: 650px; }
.items .r_item{ float:left; width:480px; }
.items .r_item .item_txt{ font-size:14px; line-height:1.5; }

.items .point_f{ position:absolute; bottom:-40px; }
.items .point li:first-child{ float:left; width:180px; }
.items .point li.p_txt{ margin-top:50px; padding: 10px; width: 220px; float: left; background:rgba(255,255,255,0.9); }

.items .detail { position:absolute; bottom:40px; right:20px; width:430px; }

.items .detail li:first-child{ font-size:15px; font-weight:bold; }
.items .detail .btn{ background: #691322; color: #fff; border-radius: 10px; padding: 10px; font-weight: bold; text-align: center; font-size: 15px; }

.item01 .detail { bottom:0; }
.item02 .detail { bottom:20px; }
.item02 h2,
.item03 h2{ width:960px; background:rgba(255,255,255,0.5); position:relative; }
.item02 h2 span,
.item03 h2 span{ font-size:18px; font-weight:bold; color:#9d469c; }

.item02 h3 { width:960px; position:relative; padding:10px; }

.item03 .r_item { position: relative; }
.item03 .r_item .detail_l { position:absolute; bottom:-100px; right:20px; width:430px; }
.item03 .r_item .detail_l li:first-child{ font-size:15px; font-weight:bold; }
.item03 .r_item .detail_l .btn{ background: #691322; color: #fff; border-radius: 10px; padding: 10px; font-weight: bold; text-align: center; font-size: 15px; }



/*---------------------------------
		column
-----------------------------------*/
#column { border:#ccc 1px solid; border-radius:10px; }
#column h3{ font-weight:bold; color:#60C; padding:10px 20px; }
#column ul li { float:left; width:200px; padding-left:20px; }

/*-------------------------------------
		other
--------------------------------------*/
.contents{ width:960px; margin: 0 auto; } 
div.pagetop { clear:both; float:right; color:#591d78; font-size:85%; margin:13px 2px 15px 0; text-align:right; }

#contents_0903new h2.h2_ttl {
background: rgba(0, 0, 0, 0) url(//img.e87.com/selection/winter/2014images/winter_icon_01.gif) no-repeat scroll left top;
}