/* CLEARFIX */
#loginbtn:after,
#delivery:after,
#recommendSpecial .column3:after {content: ""; display: block; clear: both;}

#main header h1 {width:700px; height:50px; background:url(/img/store/campaign/hbfm/present_img.png) center top no-repeat #fff; position: relative; text-align:center; padding-top:95px; font-size:37px;}
#main header h2 {position: static; text-align:center; margin:20px 0 60px; color:#7f0019;}
#main .annotation.asterisk {padding-left: 1em; text-indent: -1em;}
#main p.annotation {color: #7f0019; font-weight:bold; font-size:13px;}
#main .column2 section.col p {font-weight:bold; font-size:16px; margin-bottom:5px;}
#main .column2 section.col dl.annotation {color: #7f0019; font-weight:normal; font-size:12px; margin:25px auto 6px;}
#main .column2 section.col dl.annotation dt {font-weight:bold; font-size:14px; margin-bottom:5px;}
#main .column2 section.col dl.annotation dd {margin-bottom:5px;}
#main .column2 section {display: inline-block; width: 300px; background:#f8f8f8; padding:20px; margin:30px auto;}
#main .column2 section.col ul.annotation {font-size:13px; color: #191919;}
#main .column2 section.col {box-shadow:rgba(153, 153, 153, 0.25) 1px 1px 1px ; margin-right:18px; height:auto;}
#main .column2 section.col+.col {margin-right:0;}
#main .column2 section.col h1 {font-size:16px; padding-left:60px; margin:0 0 25px; position:relative; line-height:1.4;}
#main .column2 section.col h1 span {color:#fff; background:url(/img/store/campaign/hbfm/ribbon_img.png) center top no-repeat; width:2em; height:100%; display:block; padding:18px 10px; position:absolute; left:0; top:0; font-size:11px; text-align:center; line-height:1.05;}

#main .column2 section.col h2 {font-size:13px; margin-bottom:5px; color:#999;}


#main .column2 section.col #loginbtn {font-weight:bold; font-size:16px; padding:0;}
#main .column2 section.col #loginbtn .btn {padding:10px; float: none; display:block; border:none; text-align:center; margin:0 auto;}
#main .column2 section.col #loginbtn .btn a {text-align:center; padding:16px; width:220px; letter-spacing:normal; font-size:14px;}
#main .column2 section.col #loginbtn .reminder {text-align:center; font-size:12px; font-weight:normal; margin-bottom:44px;}

#main .column2 section.col #loginbtn .shopPoint {width:260px; background:#fff; box-shadow:rgba(153, 153, 153, 0.25) 1px 1px 1px ; position:relative; padding:20px; text-align:center; margin:6px auto 10px; font-size:14px; font-weight:bold;}
#main .column2 section.col #loginbtn .shopPoint #shUserName span,
#main .column2 section.col .guide span {display:block;}
#main .column2 section.col #loginbtn .shopPoint #shUserName .name,
#main .column2 section.col #loginbtn .shopPoint #shUserName .honorific,
#main .column2 section.col #loginbtn .shopPoint #shUserName .num,
#main .column2 section.col #loginbtn .shopPoint #shUserName .pointCount,
#main .column2 section.col #loginbtn .shopPoint #shUserName .shUsPointValid {display:inline-block;}
#main .column2 section.col #loginbtn .shopPoint #shUserName .pointCount {margin-bottom:5px;}
#main .column2 section.col #loginbtn .shopPoint .num {font-weight:bold; font-size:20px; margin:0 5px 0 3px;}
#main .column2 section.col #loginbtn .shopPoint a {font-size:12px; text-decoration:none; font-weight:normal;text-align:right; position:absolute; top:95px; right:20px;}
#main .column2 section.col #loginbtn .shopPoint a:after {font-size:16px; content:">"; font-weight:bold; color:#bbb; padding-left:3px; vertical-align:middle;}
#main .column2 section.col #loginbtn .shopPoint #shUserName .honorific {font-weight:normal; font-size:12px;}

#main #info {border:5px solid #e8e8e8; padding:20px; margin:30px 0; font-size:14px;}
#main #info>h1 {margin:0 0 15px; font-size:18px; color:#7f0019;}
#main #info #before,
#main #info #after {background-color:#f8f8f8; padding:20px; margin-top:15px;}
#main #info #after p {margin-top:20px;}
#main #info section h1 {margin-top:0;}
#main #info section#after h1 {color:#7f0019;}
#main #info .downArrow {
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #666;
  margin:30px 0 -20px 300px;
}
.downArrow:after{
  position: absolute;
  content: '';
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #666;
}
#main #info .benefit li {margin-bottom:5px;}
#main #info .annotation {display:block; margin-left:4.2em;}