@charset "utf-8";
/* --------------------
お買い物ガイド　購入について
-------------------- */
.sgGuiBox {
padding: 0px 8px;
margin-bottom: 40px;
}
.sgGuiBox p {
font-size: 13px;
line-height: 1.8;
}
.sgGuiBox figure {
margin: 15px 0 7px;
}
.sgGuiBox figure img {
max-width: 100%;
height: auto;
margin-bottom: 8px;
}
h3.sgGuiMidashi {
display: flex;
flex-direction: row;
background: #fdd000;
font-weight: bold;
text-align: left;
padding: 5px 10px;
}
h3.sgGuiMidashi .sgGuiMidStep {
display: flex;
width: 75px;
flex-direction: row;
align-content: center;
font-size: 15px;
padding-top: 13px;
}
h3.sgGuiMidashi .sgGuiMidStep .sgGuiMidNumber {
font-size: 25px;
margin: -9px 0 0 3px;
}
h3.sgGuiMidashi .sgGuiMidText {
display: flex;
width: 225px;
height: 36px;
flex-direction: row;
align-items: center;
font-size: 15px;
}
.sgGuiBtnTo,
.ui-body-f .ui-link.sgGuiBtnTo {
display: block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 60px;
text-align: center;
text-decoration: none;
margin: 30px 0;
padding: 0;
border: 0;
border-radius: 5px;
background: #000  url(../img/sg_cart/arrow01.png) no-repeat calc(100% - 12px) 50%;
background-size: 18px;
}
.sgGuiBtnTo:hover,
.ui-body-f .ui-link.sgGuiBtnTo:hover,
.sgGuiBtnTo:link,
.ui-body-f .ui-link.sgGuiBtnTo:link {
color: #fff;
}
.sgGuiBoxBackgray {
background: #f0efea;
padding: 12px 12px 2px;
margin-top: 15px;
}
.sgGuiBoxBackgray li {
margin-bottom: 10px;
font-size: 12px;
}
.sgGuiTexRed {
color: #cf2e04;
}
.sgGuiTexBold {
font-weight: bold;
}
.sgGuiBtnArea {
margin: 20px 8px;
padding: 15px 0;
border-top: solid 1px #333;
}
.sgGuiBtnQ,
.ui-body-f .ui-link.sgGuiBtnQ {
display: block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 60px;
text-align: center;
text-decoration: none;
padding: 0 0 0 20px;
border: 0;
border-radius: 5px;
background: #000  url(../img/sg_guide/icon_question_y.png) no-repeat 24px 50%;
background-size: 16px 23px;
}
.sgGuiBtnQ:hover,
.ui-body-f .ui-link.sgGuiBtnQ:hover,
.sgGuiBtnQ:link,
.ui-body-f .ui-link.sgGuiBtnQ:link {
color: #fff;
}
