@charset "utf-8";
/*--------------------
お届け先情報設定 cart01
--------------------*/
.sgMTit {
border-bottom: 3px solid #dcdad0;
font-size: 19px;
font-weight: bold;
padding-bottom: 30px;
margin-bottom: 40px;
}
.sgMTit .sgForRequired {
padding-left: 24px;
}
.sgMtitNote {
font-size: 16px;
font-weight: normal;
display: inline-block;
margin-left: 40px;
}

/* sg Cart */
.sgShoFlowBg {
background: #e5e5e5;
padding-top: 25px;
padding-bottom: 25px;
margin: 0 auto 60px;
width: 1282px;
}
.sgShoFlow {
margin-left: auto;
margin-right: auto;
width: 1050px;
}
.sgShoFlow li {
display: table-cell;
padding-left: 30px;
position: relative;
height: 70px;
vertical-align: middle;
}
.sgShoFlow li div {
background: #c9c5aa;
border-radius: 4px;
box-sizing: border-box;
color: #fff;
font-size: 15px;
font-weight: bold;
display: table-cell;
padding-left: 20px;
padding-right: 20px;
line-height: 1.4;
text-align: center;
min-width: 110px;
height: 70px;
vertical-align: middle;
}
.sgShoFlow li + li::before {
background: url(../img/sg_cart/flow_arrow.png) top left no-repeat;
content: "";
position: absolute;
padding-left: 10px;
top: 44%;
left: 12px;
width: 7px;
height: 11px;
z-index: 10;
}
.sgShoFlow li.sgShoFlowCheck div {
width: 150px;
}
.sgShoFlow li.sgShoFlowCredit div {
width: 250px;
}
.sgShoFlow li.active div {
background: #fdd100;
color: #000;
}
.sgShoFlow.sgShoFlowLong {
width: 1230px;
}
.sgShoFlow.sgShoFlowLong li div {
padding-left: 10px;
padding-right: 10px;
}

.sgShoFlowArrow {
padding-left: 8px;
}
.sgShoFlow img {
vertical-align: middle;
}

.sgForCont {
margin: 0 auto;
width: 1030px;
}
.sgCont #undercolumn {
width: 1030px;
}
.sg3columCont .sgForCont {
width: 730px;
}
.sg3columCont .sgCont #undercolumn {
width: 730px;
}
.sgCarAddress {
border: none;
font-size: 20px;
}
.sgCarAddress tr {
background: #f8f7f2;
}
.sgCarAddress tr:nth-child(even) {
background: #eeeeec;
}
.sgCarAddress tr.selected td {
font-weight: bold;
}
.sgCarAddress td {
border: none;
padding: 0;
padding-top: 30px;
padding-bottom: 30px;
vertical-align: middle;
}
.sgCarAddress td:first-child {
width: 80px;
}
.sgCarAddress input[type="radio"] {
margin-left: 55px;
margin-right: 30px;
}
.sgCarBtnChange {
float: right;
padding-right: 20px;
}
.sgCarAddBtn {
margin-top: 30px;
margin-bottom: 32px;
text-align: right;
}
.sgCarAddBtn .sgBtn {
font-size: 18px;
line-height: 60px;
width: 290px;
height: 60px;
}
.sgCarAddBtn .sgBtn img {
top: 36%;
}

.sgCarTxt {
font-size: 18px;
margin-bottom: 10px;
}
.sgCarInpList {
border: none;
font-size: 18px;
margin: 0;
margin-top: -12px;
margin-bottom: 80px;
}
.sgCarInpList td {
border: none;
padding-top: 12px;
padding-bottom: 12px;
}
.sgCarInpList .sgCaution {
color: #cf2d04;
display: inline-block;
font-size: 16px;
font-weight: bold;
}
.sgChangeMargin {
margin-top: 30px;
}

.sgCarTable {
border-color: #c9c5aa;
font-size: 18px;
margin-bottom: 80px;
}
.sgCarWrapping .sgCarTable {
margin-bottom: 20px;
}
.sgCarTable td {
border-color: #c9c5aa;
padding: 20px;
}
.sgCarTable li {
display: inline-block;
padding-right: 20px;
}
.sgCarQuestion01 {
color: #362e2b;
font-size: 16px;
}
.sgCarQuestion01 img {
vertical-align: top;
}
.sgCarQuestion01 p {
display: inline-block;
vertical-align: top;
}
.sgCarTable div {
display: inline-block;
margin-right: 10px;
}


.sgCarTableNoshi img {
float: right;
}
.sgCarTable div.sgCarQuestion02 {
color: #362e2b;
font-size: 16px;
position: relative;
}
.sgCarQuestion02 img {
vertical-align: text-bottom;
width: 25px;
height: 25px;
cursor: pointer;
}
.sgCarTable div.sgQueBalloon {
background: #fdeeab;
display: none;
font-size: 12px;
padding: 10px;
position: absolute;
top: -50%;
left: 40px;
width: 375px;
}
.sgCarTable div.sgQueBalloon::before {
background: url(../img/sg_cart/question_balloon_arrow.png) no-repeat center left;
content: "";
position: absolute;
top: 20px;
left: -5px;
width: 5px;
height: 10px;
}
.sgCarTable div.sgQueBalloon.hoverBalloon {
display: block;
}
.sgCarTable ul {
float: left;
}
.sgCarTabNote {
text-align: center;
width: 40px;
}
.sgCarTabNote textarea {
padding: 20px;
margin-top: 10px;
width: 360px;
}
.sgCarTable .sgCarTabNote div.sgCarQuestion02 {
text-align: center;
}
.sgCarTable .sgCarTabNote div.sgCarQuestion02 .sgQueBalloon {
text-align: left;
}
.sgCarTabOmotegaki {
width: 410px;
}
.sgCarMail td {
vertical-align: top;
}
.sgMaiDMTxt {
margin-top: 15px;
}
.sgCarMail li {
display: inline-block;
padding-right: 20px;
}
.sgCarOthTextarea {
width: 960px;
height: 210px;
}
.sgCarFooBtnArea {
margin-top: 100px;
}
.sgCarBtnBack {
float: left;
}
.sgCarBtnNext {
float: right;
}
.sgCarBtnHalf {
width: 637px;
}
.sgCarBtnHalf li + li {
margin-left: 10px;
}
.sgCarBtnHalf .sgBtn {
top: -37px;
width: 310px;
height: 90px;
}
.sgCarBtnHalf .sgBtn input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: inherit;
border: none;
border-radius: 4px;
color: #fff;
box-sizing: border-box;
display: block;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
width: 100%;
height: 90px;
line-height: 90px;
cursor: pointer;
}
.sgCarBtnHalf .sgBtn img {
top: 41%;
}


/*--------------------
ご注文情報入力 cart02
--------------------*/
.sgCarTabItem img {
vertical-align: middle;
}
.sgCarInpListTel {
float: right;
}
.sgCarFooBtnAreaMore {
border-top: 1px solid #dcdad0;
padding-top: 20px;
margin-top: 30px;
text-align: center;
}

/*--------------------
クレジットカード番号のご入力 cart03
--------------------*/



/*--------------------
04_カートページ-step00_170116
--------------------*/
.sgCarTabItemList {
background: #f8f7f2;
border: none;
font-size: 20px;
margin-bottom: 80px;
}
.sgCarTabItemList tr:nth-child(odd) {
background: #eeeeec;
}
.sgCarTabItemList th {
background: #f6f6f4;
border-top: 3px solid #dcdad0;
border-right: none;
border-bottom: 3px solid #dcdad0;
color: #787355;
font-weight: bold;
text-align: center;
}
.sgCarTabItemList td {
border: none;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.sgCarBtnCancel {
padding-left: 30px;
padding-right: 30px;
}
.sgCarTabItemList td.sgCarTabItem {
text-align: left;
width: 500px;
}
.sgCarTabItem a {
text-decoration: none;
}
.sgCarTabItem img {
padding-top: 4px;
padding-bottom: 4px;
}
.sgCarTabItem p {
display: inline-block;
vertical-align: middle;
padding-left: 25px;
width: 245px;
}
.sgCarTabNumber {
width: 140px;
}
.sgCarTabNumber input[type="text"] {
display: inline-block;
width: 40px;
}
.sgCarTabItemList .sgCarTabTax {
font-size: 16px;
line-height: 1;
}
.sgCarTabItemNote {
font-size: 14px;
margin-top: 30px;
text-align: right;
margin-bottom: 30px;
}
.sgCarPostage {
background: url(../img/sg_cart/bg_ballon.png) no-repeat center top;
color: #fff;
line-height: 55px;
font-size: 22px;
margin-bottom: 15px;
text-align: center;
height: 68px;
}
.sgCarPosPrice {
font-size: 26px;
font-weight: bold;
}

.sgCarTabTotal {
border: 5px solid #dcdad0;
}
.sgCarTabTotal th {
background: #f6f6f4;
border-right: 5px solid #dcdad0;
font-size: 24px;
font-weight: bold;
text-align: center;
vertical-align: middle;
width: 320px;
}
.sgCarTabTotal td {
padding: 20px;
font-size: 34px;
font-weight: bold;
text-align: right;
}
.sgCarTabTotalTax {
font-size: 22px;
}

.sgCarBtnNextBallon {
margin-bottom: 10px;
text-align: center;
}
.sgCarBtnBack.sgCarBtnBallonSide {
margin-top: 65px;
width: 290px;
}
.sgCarBtnBack.sgCarBtnBallonSide.sgBtn {
font-size: 18px;
line-height: 60px;
height: 60px;
}
.sgCarBtnBack.sgCarBtnBallonSide.sgBtn img {
top: 38%;
}

.sgCarBtnNext li {
display: inline-block;
}

.sgCheItemArea {
border-top: 3px solid #000;
padding-top: 50px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
width: 1030px;
}
.sgCheItemArea.sg3column {
box-sizing: border-box;
width: 730px;
float: left;
}
.sgCheItemArea .sgCheIteBtn.sgBtn {
font-size: 14px;
line-height: 40px;
height: 40px;
width: 100%;
}
.sgCheItemArea .sgCheIteBtn .sgBtn a {
padding-left: 0;
}
.sgCheItemArea .sgCheIteBtn .sgBtn img {
padding-left: 0;
z-index: 10;
}
.sgCheItem {
background: #f7f6f1;
padding: 15px 20px 50px;
}
.sgCheItemArea.sg3column .sgCheItem {
box-sizing: border-box;
width: 730px;
}
.sgCheIteTit {
margin-bottom: 20px;
text-align: center;
}
.sgCheIteTit img {
margin-bottom: 18px;
}
.sgCheIteTit {
font-weight: bold;
}
.sgCheIteList {
font-size: 14px;
}
.sgCheIteList.cf {
overflow: hidden;
}
.sgCheIteList li {
display: inline-block;
padding-left: 15px;
padding-right: 15px;
width: 200px;
vertical-align: top;
}
.sgCheIteList img {
margin-bottom: 20px;
}
.sgCheIteLiTxt {
margin-bottom: 15px;
text-align: center;
}
.sgCheItePrice {
color: #cf2d04;
font-size: 15px;
font-weight: bold;
}
.sgCheItePriHead {
font-size: 14px;
}
.sgCheIteTax {
font-size: 13px;
}
.sgCheIteBtn li {
padding: 0;
margin-bottom: 4px;
text-align: center;
}

.sgCheIteBtn .sgBtnYl input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: inherit;
border: none;
border-radius: 4px;
color: #000;
box-sizing: border-box;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
width: 100%;
height: 40px;
line-height: 40px;
cursor: pointer;
position: absolute;
top: 0;
z-index: 1;
}

/*--------------------
04_カートページ-step01_（複数購入時）_170116
--------------------*/
.sgCarCauTxt {
font-size: 18px;
color: #cf2d04;
margin-bottom: 20px;
}
.sgCarCauTxt img {
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.sgCarAddress .sgCarAddLabel {
display: inline-block;
padding-left: 20px;
padding-right: 30px;
}
.sgCarAddress .sgCarAddLabel img {
cursor: pointer;
vertical-align: middle;
}



/*--------------------
04_カートページ-step02_（複数購入時）_170116
--------------------*/
.sgCarAddSelect {
margin-bottom: 80px;
}
.sgCarAddInfo {
border: 5px solid #dcdad0;
background: #f0efea;
display: inline-block;
padding: 20px;
margin-right: 5px;
margin-bottom: 40px;
width: 700px;
}
.sgCarAddInfoName {
display: inline-block;
font-size: 22px;
font-weight: bold;
width: 180px;
}
.sgCarAddInfoAddress {
display: inline-block;
font-size: 20px;
width: 510px;
}

.sgCarTabItemSelect {
padding-left: 50px;
}
.sgCarTabItemCaution td {
background: #ec8d75;
}
.sgCarTabItemCaution tr:nth-child(odd) td {
background: #fac2b4;
}
.sgCarTabItemCaution tr td.sgCarTabPrice02 {
min-width: 60px;
}
.sgCarTabItemCauTit {
font-size: 18px;
}
.sgCarTabItemCaution .sgCarTabItemCauTit td {
background: #cf2d04;
color: #fff;
padding-top: 15px;
padding-left: 40px;
padding-bottom: 15px;
}
.sgCarTabItemCaution .sgCarTabItemCauTit td img {
vertical-align: middle;
}
.sgCarTabItemCauNumber {
border: 5px solid #cf2d04;
padding: 30px;
}
.sgCarTabItemCauNumTxt {
font-size: 20px;
color: #cf2d04;
margin-bottom: 20px;
text-align: center;
}

.sgCarTabItemCauNumber .sgCarTabItemCaution {
margin-left: auto;
margin-right: auto;
width: 880px;
}
.sgCarTabItemCauNumBtn {
margin-bottom: 30px;
text-align: center;
}
.sgCarTabItemCauNumber .sgCarTabItem {
padding-left: 20px;
}
.sgCarTabItemCauNumber .sgCarTabNumber {
color: #cf2d04;
width: 100px;
}
.sgCarTabItemCauNumber .sgCarTabPrice02 {
color: #cf2d04;
}


/*--------------------
04_カートページ-step04_（複数購入時）_170116
--------------------*/
.sgCarTabItemListSetp04 {
margin-bottom: 0;
}
.sgCarTabItemTotal {
border-color: #c9c5aa;
margin-bottom: 80px;
}
.sgCarTabItemTotal th {
text-align: right;
width: 750px;
}
.sgCarTabItemTotal td {
text-align: right;
}
.sgCarTabItemTotal .sgCarTabTotal {
border-width: 5px 1px 1px 1px;
}
.sgCarTabItemTotal .sgCarTabTotal th {
border-width: 1px;
text-align: right;
font-size: 28px;
}
.sgCarTabItemTotal .sgCarTabTotal td {
text-align: right;
}
.sgCatTabTotPrice02 {
font-size: 20px;
}
.sgCatTabTotPrice03 {
font-size: 16px;
}

.sgCarAddInfo {
border: 5px solid #fdd100;
background: #fffbc6;
display: inline-block;
padding: 20px;
margin-right: 5px;
margin-bottom: 40px;
width: 700px;
}
.sgCarAddInfoName {
font-weight: bold;
}
.scCarTabNoshiHopeName {
font-weight: bold;
}
.sgCarBtnHope {
float: right;
padding-right: 18px;
}

.sgCarFooBtnAreaMoreTxt {
margin-bottom: 30px;
}


/*--------------------
04_カートページ-step05_（複数購入時）_170116
--------------------*/
.sgCarTabCard {
margin-bottom: 80px;
}
.sgCarTabCard th {
border-right: none;
width: 200px;
}
.sgCarTabCardCaution {
color: #cf2d04;
font-size: 14px;
}



/*--------------------
04_カートページ-step06_（複数購入時）_170116
--------------------*/
.sgCarThaTxt {
background: #f0efea;
font-size: 16px;
font-weight: bold;
padding: 30px;
margin-bottom: 100px;
text-align: center;
}



/* ラジオボタン用 */
.sgCart .icheckbox_minimal-red, .sgCart .iradio_minimal-red {
width: 18px;
height: 18px;
}
.sgCarAddress .sgCarTable.icheckbox_minimal-red, .sgCarAddress .iradio_minimal-red {
margin: 0 30px 0 50px;
}