@charset "utf-8";

h2.title.sgTit {
position:relative;
color: #000;
font-size: 22px;
font-weight: bold;
padding-left: 50px;
margin-bottom: 35px;
background:url(../img/sg_page/tit_brd.png) no-repeat 0 50%;
}

/*--------------------
複数お届け先
--------------------*/
.sgHukOutlineBg {
border-bottom: 5px solid #fdd100;
padding-bottom: 40px;
margin-bottom: 60px;
}
.sgHukOutline {
font-size: 16px;
font-weight: bold;
}
.sgHukOutline .sgHukOutNum {
background: #fdd100;
border-radius: 100%;
display: inline-block;
font-size: 22px;
line-height: 42px;
margin-right: 10px;
text-align: center;
width: 42px;
height: 42px;
}
.sgHukOutline li {
display: inline-block;
margin-bottom: 15px;
width: 305px;
}
.sgHukOutline li a {
text-decoration: none;
}
.sgHukOutline li a:visited {
color: #000
}

.sgHukStepTit {
color: #fdd000;
font-weight: bold;
margin-bottom: 30px;
}
.sgHukStepTitNum {
border: 3px solid #fdd000;
border-radius: 80px;
font-size: 30px;
display: inline-block;
line-height: 30px;
padding-top: 15px;
padding-bottom: 10px;
margin-right: 20px;
text-align: center;
width: 80px;
height: 55px;
}
.sgHukStepTitNum .sgHukStep {
font-size: 16px;
line-height: 25px;
}
.sgHukStepTitTxt {
font: 20px;
top: -15px;
position: relative;
}

.sgHukStepTxt {
font-size: 15px;
margin-bottom: 20px;
}

.sgHukProcess > li + li {
margin-top: 60px;
}
.sgHukStepTxt {
margin-left: auto;
margin-right: auto;
width: 680px;
}
.sgHukStepImg {
margin-left: auto;
margin-right: auto;
width: 680px;
}
.sgHukStepTxt + .sgHukStepImg {
margin-top: 30px;
}
.sgHukStepImg + .sgHukStepTxt {
margin-top: 50px;
}
.sgHukComment + .sgHukStepTxt {
margin-top: 30px;
}
#hukusu .sgHukComment {
background: #f0efea;
font-size: 15px;
padding: 20px;
margin-top: 30px;
}
.sgHukCaution {
color: #cf2e04;
}