@charset "utf-8"; /*------------------------------------------------------
全体共通のスタイル
------------------------------------------------------*/

#sp_congratulation { font-size: 12px; line-height: 1.8; }
#sp_congratulation img { max-width: 100%;}
#sp_congratulation #breadcrumbs { padding: 0 10px 10px 10px; }
#sp_congratulation .visual_ { margin: 10px 10px 5px 10px; }
#sp_congratulation .top_comment_ { margin: 0 10px 10px 10px; }
#sp_congratulation .style_select_ select { width: 100%; padding: 10px; }
#sp_congratulation .link_quickorder_ { margin: 20px 10px; }
#sp_congratulation h2 { color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 8px 11px; background: #ea7b8e url(../img/h2_bg.png) no-repeat left bottom; background-size: 65px 43px !important; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; clear: both; border-bottom: solid 1px #fff; }
#sp_congratulation h3 { color: #ffffff; background: #ea8751 url(../img/h3_bg.png) no-repeat left bottom; padding: 9px 0 8px 11px; background-size: 65px 43px !important; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#sp_congratulation .contents_box_ { padding: 10px 10px 20px 10px; }
#sp_congratulation .sc_title { color: #ffffff; background-color: #F9B7C3; padding: 0px 0px 0 20px; line-height: 40px; font-size: 13px; font-weight: bold; }
#congratulation_ { font-size: 12px; line-height: 1.8; }
#congratulation_ .visual_ { margin: 10px; }
#congratulation_ .top_comment_ { margin: 10px; }
#congratulation_ .use_select_ { text-align: center; padding: 0 10px; }
#congratulation_ .use_select_ select { width: 100%; padding: 10px; }
#congratulation_ .contents_box_ { padding: 10px 10px 20px 10px; }
#congratulation_ .contents_box_ .item_line_ { width: 100%; display: box; display: -moz-box; display: -webkit-box; margin-top: 10px; }
#congratulation_ .contents_box_ .item_line_ dl { width: 100%; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-right: 10px; }
#congratulation_ .contents_box_ .item_line_ dl:last-child { margin-right: 0; }
#congratulation_ .contents_box_ .item_line_ dl .img_ a { display: block; line-height: 0; }
#congratulation_ .contents_box_ .item_line_ dl .comment_ { color: #401f1f; font-size: 10px; margin-top: 3px; }
#congratulation_ .contents_box_ .item_line_ dl .name_ { color: #705252; margin-top: 3px; }
#congratulation_ .contents_box_ .item_line_ dl .name_ a { color: #705252; text-decoration: none; }
#congratulation_ .contents_box_ .item_line_ dl .price_ { color: #401f1f; margin-top: 3px; }
#congratulation_ .contents_box_ .item_line_ dl .price_ span { display: block; font-size: 10px; }
#congratulation_ .btn_all a { display: block; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }

#congratulation_ .contents_box_ .btn_all { margin-top: 20px; background: #401f1f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/*------------------------------------------------------
.sp_section1のスタイル
------------------------------------------------------*/

#sp_congratulation .sp_section1 { background-color: #f5f3f3; padding: 10px 10px 20px 10px; }
#sp_congratulation .sp_section1 .sp_section1_btn { claer: both; }
#sp_congratulation .sp_section1 li { width: 48%; max-width: 290px; padding: 0 1%; float: left; }
#sp_congratulation .sp_section1 { overflow: hidden; }
/*------------------------------------------------------
.sp_4photoのスタイル
------------------------------------------------------*/

#sp_congratulation .sp_4photo { background-color: #f5f3f3; padding: 10px 10px 5px 10px; }
#sp_congratulation .sp_btn01 { clear: both; padding: 10px 0 ; }
#sp_congratulation .sp_4photo li { float: left; max-width: 290px; width: 46%; overflow: hidden; margin: 0 2%; }
#sp_congratulation .sp_4photo .height { min-height: 208px; }
#sp_congratulation .sp_4photo .text { margin: 10px 0; }
/*------------------------------------------------------
.sp_3photoのスタイル
------------------------------------------------------*/

#sp_congratulation .sp_3photo { background-color: #f5f3f3; padding: 0px 10px; }
#sp_congratulation .sp_btn02 { clear: both; padding: 15px 0; }
#sp_congratulation .sp_3photo li { float: left; max-width: 186px; width: 29%; overflow: hidden; margin: 0 2%; }
#sp_congratulation .sp_3photo a { text-decoration: none; display: block
}
/*------------------------------------------------------
.sp_columnのスタイル
------------------------------------------------------*/

#sp_congratulation .sp_column li a { text-decoration: none; display: block; color: #705252; }



#sp_congratulation .sp_column li{ display: table-cell; width: 50%; border-radius: 5px; /* -webkit-border-radius: 5px; */
-moz-border-radius: 5px; -ms-border-radius: 5px; border: #e5ddda 1px solid; }
#sp_congratulation .sp_column li a{ background: #fff url(//img.e87.com/s/congratulation/img/icon.png) no-repeat; background-position: 1% center; display: table-cell; background-size: 8%; padding: 10px 0 0 15%; height: 30px; width: 221px; }	


#sp_congratulation .sp_column ul{ overflow: hidden; margin: 10px 0 0 3px; display: table; border-collapse: separate !important; border-spacing: 10px 0 !important; width: 98%; }