@charset "Shift_JIS"; /* --------------------------------------------------------------------
フリーページ　用途で選ぶ
--------------------------------------------------------------------- */
#use_ { font-size: 12px; line-height: 1.8; }
#use_ img { width: 100%; height: auto; }
#use_ #breadcrumbs { padding: 0 10px 10px 10px; }
#use_ .visual_ { margin: 10px 0; }
#use_ .top_comment_ { margin: 10px; }
#use_ .use_select_ select { width: 100%; padding: 10px; }
#use_ .use_select_ ul { width: 96%; margin: 0 0 0 10px; font-size: 12px;}
#use_ .use_select_ ul li{ float: left; width: 45%; padding: 10px 0 10px 10px; border-top: #999 1px solid; background:#fffcf3 url(//img.e87.com/s/flower/images/arw_r_01.png) no-repeat 97% 50%; background-size: 8px 11px;}
#use_ .use_select_ ul li:first-child{ border-right: #999 1px solid;}
#use_ .use_select_ ul li.last{ border-bottom: #999 1px solid; }

#use_ .link_quickorder_ { padding: 10px 10px 20px; clear: both;}
#use_ h2 { color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 8px 18px; background: #a13d4b url(//img.e87.com/s/use/images/ttl_h2.png) no-repeat left bottom; background-size: 48px 35px; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; }
#use_ .contents_box_ { padding: 10px 10px 20px 10px; }
#use_ .contents_box_ h3.contents_ttl_ { color: #401f1f; font-weight: bold; background: #f1e2e7; border-bottom: 2px solid #8d2d3f; }
#use_ .contents_box_ h3.contents_ttl_ a { color: #401f1f; display: block; text-decoration: none; padding: 9px; }
#use_ .contents_box_ .item_line_ { width: 100%; display: box; display: -moz-box; display: -webkit-box; margin-top: 10px; }
#use_ .contents_box_ .item_line_ dl { width: 100%; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-right: 10px; }
#use_ .contents_box_ .item_line_ dl:last-child { margin-right: 0; }
#use_ .contents_box_ .item_line_ dl .img_ a { display: block; line-height: 0; }
#use_ .contents_box_ .item_line_ dl .comment_ { color: #401f1f; font-size: 10px; margin-top: 3px; }
#use_ .contents_box_ .item_line_ dl .name_ { color: #705252; margin-top: 3px; }
#use_ .contents_box_ .item_line_ dl .name_ a { color: #705252; text-decoration: none; }
#use_ .contents_box_ .item_line_ dl .price_ { color: #401f1f; margin-top: 3px; }
#use_ .contents_box_ .item_line_ dl .price_ span { display: block; font-size: 10px; }
#use_ .accordion { margin-top: 10px; }
#use_ section.accordion ul li div.btn.open { 
border-top: #b0b0b0 1px solid; 
border-right: #b0b0b0 1px solid; 
border-left: #b0b0b0 1px solid; 
padding: 10px 10px 8px 15px; 
background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 1%, #f5f5f5 50%, #eaeaea 98%, #ffffff 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#f5f5f5), color-stop(98%,#eaeaea), color-stop(100%,#ffffff)); 
background: -webkit-linear-gradient(top, #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); 
background: -o-linear-gradient(top, #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); 
background: -ms-linear-gradient(top, #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); 
background: linear-gradient(to bottom, #ffffff 1%,#f5f5f5 50%,#eaeaea 98%,#ffffff 100%); }
#use_ section.accordion ul li div.btn .btn_bg { background: url(//img.e87.com/s/use/images/open.png) no-repeat right center; background-size: 25px 25px; -moz-background-size: 25px 25px; -webkit-background-size: 25px 25px; }
#use_ section.accordion ul li div.btn.open .btn_bg { color: #333; background: url(//img.e87.com/s/use/images//close.png) no-repeat right center; background-size: 25px 25px; -moz-background-size: 25px 25px; -webkit-background-size: 25px 25px; }
#use_ div.content { position: relative; border-right: none; border-left: none; padding: 0; overflow: hidden; border: #b0b0b0 1px solid; }
#use_ div.content ul { font-size: 14px; line-height: 1.357; margin: 13px 10px 15px 10px; }
#use_ div.content ul li { padding: 10px 0 10px 13px; border-top: #b0b0b0 1px solid; border-left: #b0b0b0 1px solid; border-right: #b0b0b0 1px solid; }
#use_ div.content ul li:first-child { 
border-top-left-radius: 5px; 
border-top-right-radius: 5px; 
-moz-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px; 
-webkit-border-top-left-radius: 5px; 
-webkit-border-top-right-radius: 5px; }
#use_ div.content ul li:last-child { 
border-bottom: #b0b0b0 1px solid; 
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; 
-moz-border-bottom-left-radius: 5px; 
-moz-border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px; }
#use_ div.content ul li a { 
display: block;
color: #333; 
text-decoration: none; 
background: url(//img.e87.com/s/use/images//arw_r_01.png) no-repeat 97% 0.3em; 
background-size: 8px 11px; 
-webkit-background-size: 8px 11px; 
-moz-background-size: 8px 21px; }
#use_ .contents_box_ .btn_all { margin-top: 20px; background: #401f1f; border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; }
#use_ .contents_box_ .btn_all a { display: block; color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }
.contents_box_ .accordion ul div.btn.open { background: #e396a4!important;}
.contents_box_ .accordion ul li div.btn { background: #a55261!important;}
section.accordion ul li div.btn .btn_bg { font-size: 14px!important;}
.list_part01.main_style_two ul li { position: relative; }
.list_part01.main_style_two ul li div{ position: absolute; bottom: 0px; background: #fff; width: 100%;}