@charset "utf-8";
/* --------------------
共通
-------------------- */
.ui-mobile .ui-page-active {
width: 320px!Important;
}
.sgCartCont * {
box-sizing: border-box;
}
.sgCarContTxtArea {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 95%;
}
.footer_utility .sgCartCont {
margin-top: -25px;
}

/* スクロールバー */
/* スクロールバー全体 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* スクロールバーの軌道 */
::-webkit-scrollbar-track {
background: #f0efea;
}
/* スクロールバーの動く部分 */
::-webkit-scrollbar-thumb {
background: #DCD9D0;
border: 1px solid #f0efea;
}

.ui-mobile .sgCartCont {
background: #fff;
color: #000;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
padding-bottom: 25px;
text-shadow: none;
}
.sgCartCont input,
.sgCartCont .ui-select select {
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.sgCartCont .ui-select .ui-btn-inner {
border: 1px solid #000000;
background: #ffffff;
font-weight: bold;
padding: 13px 8px;
margin: 0;
color: #000000;
}
.sgCartCont .ui-btn-inner .ui-icon.ui-icon-arrow-d {
background: url(../img/sg_cart/icon_selectbox.png) no-repeat;
background-size: 8px;
border-radius: 0;
width: 8px;
}
.sgCartCont .ui-btn-icon-right>.ui-btn-inner>.ui-icon {
margin-top: -5px;
}
.ui-mobile .sgCartCont textarea {
border-radius: 0;
box-shadow: none;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
height: 100px;
margin-top: 0;
}
.ui-mobile .sgCartCont input + p {
margin-top: 5px;
}
.sgCarBtnSubmit {
display: block;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 60px;
text-align: center;
margin: 0 0 15px;
padding: 0;
border: 0;
border-radius: 5px;
background: #000  url(../img/sg_cart/arrow01.png) no-repeat calc(100% - 12px) 50%;
background-size: 18px;
}
/* テーブル */
.sgCarTbl {
border: 2px solid #dcdad0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.sgCarTbl th {
background: #f6f6f4;
border-right: 2px solid #dcdad0;
font-size: 12px;
padding: 10px 15px;
text-align: right;
}
.sgCarTbl td {
font-size: 16px;
padding: 10px 15px;
text-align: right;
}
.sgCarTbl td span {
font-size: 10px;
}
.sgCarTbl .sgCarTblTrTotal {
border-top: 2px solid #dcdad0;
font-size: 16px;
font-weight: bold;
}
.sgCarTbl .sgCarTblTrTotal th {
font-size: 18px;
font-weight: bold;
}
.sgCarTbl .sgCarTblTrTotal td {
font-size: 20px;
}
.sgCarTbl .sgCarTblTrTotal td span {
font-size: 15px;
}

.calendar {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 100%;
}
/* カレンダーUI */
.sgCartCont .datepicker {
margin-top: 10px;
}
.sgCartCont .datepicker .ui-widget {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
width: 100%;
}
.sgCartCont .datepicker div {
margin-top: 0!important;
}
 .sgCartCont .datepicker .ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
font-size: 17px;
}
.sgCartCont .datepicker .ui-corner-all,
.sgCartCont .datepicker .ui-corner-bottom,
.sgCartCont .datepicker .ui-corner-right,
.sgCartCont .datepicker .ui-corner-br {
border-radius: 0;
}
 .sgCartCont .datepicker .ui-widget-content {
border: 2px solid #c0bfbb;
background: #fff;
color: #000;
}
.sgCartCont .datepicker .ui-datepicker-title span {
color: #000;
}
.sgCartCont .datepicker .ui-datepicker {
padding: 0;
}
.sgCartCont .datepicker .ui-datepicker table {
border: none;
}
.sgCartCont .datepicker .ui-datepicker-calendar {
font-size: 11px;
}
.sgCartCont .datepicker .ui-widget-header {
border: none;
border-bottom: 2px solid #c0bfbb;
background: #f0efea;
color: #000;
font-weight: bold;
padding: 0.5em 0;
}
.sgCartCont .datepicker .ui-datepicker .ui-datepicker-prev,
.sgCartCont .datepicker .ui-datepicker .ui-datepicker-next {
top: 8px;
}
.sgCartCont .datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
background: url(../img/sg_teiki/datepicker_left.png) no-repeat;
width: 8px;
height: 14px;
}
.sgCartCont .datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
background: url(../img/sg_teiki/datepicker_right.png) no-repeat;
width: 8px;
height: 14px;
}
.sgCartCont .datepicker .ui-state-default,
.sgCartCont .datepicker .ui-widget-content .ui-state-default,
.sgCartCont .datepicker .ui-widget-header .ui-state-default {
border: none;
background: #fff;
font-weight: bold;
color: #000;
}
.sgCartCont .datepicker .ui-datepicker td span,
.sgCartCont .datepicker .ui-datepicker td a {
display: block;
padding: 0.8em;
text-align: right;
text-decoration: none;
}
.sgCartCont .datepicker .ui-datepicker td span,
.sgCartCont .datepicker .ui-datepicker td a {
box-sizing: border-box;
display: block;
text-align: center;
text-decoration: none;
width: 33px;
height: 33px;
}
.sgCartCont .datepicker .ui-state-disabled,
.sgCartCont .datepicker .ui-widget-content .ui-state-disabled,
.sgCartCont .datepicker .ui-widget-header .ui-state-disabled {
/*opacity: 0.2;*/
background-image: none;
}
.sgCartCont .datepicker .ui-state-active,
.sgCartCont .datepicker .ui-widget-content .ui-state-active,
.sgCartCont .datepicker .ui-widget-header .ui-state-active {
background: #fdd000;
border-radius: 100%;
}

.sgCartCont .datepicker .ui-datepicker .ui-datepicker-prev,
.sgCartCont .datepicker .ui-datepicker .ui-datepicker-next {
top: 8px;
}
.sgCartCont .datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
background: url(../img/sg_cart/datepicker_left.png) no-repeat;
width: 8px;
height: 14px;
}
.sgCartCont .datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
background: url(../img/sg_cart/datepicker_right.png) no-repeat;
width: 8px;
height: 14px;
}


/* ツールチップ */
#tiptip_content {
font-size: 12px;
color: #000;
text-shadow: none; 
padding: 10px;
border: none;
background: #FDEEAB;
border-radius: 0;
box-shadow: none;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #FDEEAB;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #FDEEAB;
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #FDEEAB;
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #FDEEAB;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top: 5px solid #FDEEAB;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom: 5px solid #FDEEAB;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right: 5px solid #FDEEAB;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left: 5px solid #FDEEAB;
}


.sgCartCont {
width: auto;
}
.sgCartCont h2 {
background: #F0EFEA;
color: #000000;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 22px;
position: relative;
margin-bottom: 15px;
} 
.sgCartCont h2:before {
border-top: 2.5px solid #000000;
content: "";
display: block;
position: absolute;
width: 15px;
height: 2.5px;
top: 50%;
left: 0;
z-index: 1;
}
.sgCartCont h3 {
position: relative;
background: #DCD9D0;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
text-align: center;
padding: 20px 50px 20px 50px;
margin-bottom: 15px;
}
.sgCartCont h3 .hissu {
position: absolute;
display: block;
top: 16px;
left: 10px;
border: solid 1px #cf2d04;
background: #fff;
padding: 5px 7px;
font-size: 14px;
font-weight: bold;
line-height: 1;
color: #d40e14;
}
.sgCartCont h3 .hissu.hissu02 {
top: 30px;
}
.sgCarField {
margin: 0 auto 15px;
width: 90%;
}
.sgCarFieRadio {
margin: 0 auto 20px;
text-align: center;
width: 95%;
}
.sgCarField p,
.sgCarFieRadio p {
font-size: 14px;
margin-bottom: 10px;
}

/* エラー */
.sgCarField.sgCarFieError,
.sgCarFieRadio.sgCarFieError {
box-sizing: border-box;
border: solid 2px #cf2d04;
padding: 5% 2.5%;
width: 95%;
}
.sgCartCont .sgCarField .carInp01 {
width: 100%;
padding: 13px 8px;
margin: 0;
font-size: 14px;
border: solid 1px #C9C5AA;
}
.sgCartCont .sgCarField .ui-select .carInp01 {
border: none;
}
.sgCartCont .sgCarField div.ui-input-text .carInp02,
.ui-select .ui-btn select.carInp02 {
border: solid 1px #C9C5AA;
font-size: 14px;
font-weight: bold;
padding: 13px 8px;
margin-bottom: 10px;
margin-right: 4%;
}
.sgCarFieInp02 .ui-select {
display: inline-block;
vertical-align: middle;
}
.sgCartCont .sgCarFieInp02 .ui-btn-inner {
margin-left: 5px;
margin-right: 5px;
}
.sgCartCont .sgCarFieInp02 .ui-select + .ui-select {
margin-top: 0;
}
.sgCartCont .sgCarField .carInp01 + .carInp01 {
margin-top: 10px;
}
.sgCartCont .sgCarField .carInp02:last-child {
margin-right: 0;
}
.sgCartCont .sgCarFieRadio .ui-radio,
.sgCartCont .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
border: 0;
display: initial;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.sgCartCont .sgCarFieRadio label {
display: inline-block;
border: 0;
border-radius: 0;
position: relative;
width: calc(50% - 8px);
background: #afafaf;
padding: 0 5px 0 15px;
margin: 0 2px;
font-size: 16px;
font-weight: bold;
line-height: 48px;
text-align: left;
}
.sgCartCont .sgCarFieRadio label .ui-btn-inner,
.sgCartCont sgCarAddListBtn .ui-btn {
border: 0;
border-radius: 0;
display: inline-block;
padding: 0;
overflow: initial;
text-shadow: none;
}
.sgCartCont .sgCarFieRadio label .ui-btn-inner .ui-icon,
.sgCarBtnArea .ui-checkbox .ui-btn-icon-left .ui-icon {
display: none;
}
.sgCartCont .sgCarFieRadio label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
vertical-align: text-bottom;
margin-right: 8px;
}
.sgCartCont .sgCarFieRadCard .sgCarFieRadio input[type='checkbox'] {
display: none;
}
.sgCartCont .sgCarFieRadCard .sgCarFieRadio input[type='checkbox']:checked + label:after,
.sgCartCont .sgCarAddList .sgCarFieRadio label.ui-radio-on:after {
content: "";
display: block;
position: absolute;
top: 14px;
left: 20px;
width: 6px;
height: 12px;
border-right: solid 4px #333;
border-bottom: solid 4px #333;
transform: rotate(45deg);
}
.sgCartCont .sgCarFieRadCard .sgCarFieRadio input[type='checkbox']:checked + label,
.sgCartCont .sgCarFieRadio input[type='radio']:checked + label,
.sgCartCont .sgCarAddList .sgCarFieRadio input[type='checkbox']:checked + label {
background: #fdd000;
}
.sgCartCont .sgCarFieRadio input[type='radio']:checked + label:after,
.sgCartCont .sgCarAddList .sgCarFieRadio input[type='checkbox']:checked + label:after,
.sgCartCont .ui-checkbox-on .sgCarFieRadio label:after {
content: "";
display: block;
position: absolute;
top: 15px;
left: 21px;
width: 6px;
height: 12px;
border-right: solid 3px #333;
border-bottom: solid 3px #333;
transform: rotate(45deg);
}
.sgCartCont .sgCarFieRadio.sgCarFieRadWide label {
margin-bottom: 10px;
width: 100%;
}
.sgCartCont .sgCarFieRadio.sgCarFieRadCard label {
position: relative;
padding-top: 12px;
padding-left: 45px;
padding-bottom: 12px;
line-height: 1.8;
}
.sgCartCont .sgCarFieRadio.sgCarFieRadCard label:before {
position: absolute;
top: 15px;
left: 15px;
}
.sgCartCont .cauTxt {
font-size: 12px;
font-weight: bold;
color: #cf2d04;
padding: 0 10px;
}
.sgCarComplete {
font-size: 18px;
text-align: center;
padding: 12px 5% 28px;
}
.sgCartCont .confTxt {
font-size: 18px;
font-weight: bold;
padding: 12px 5% 28px;
}
.sgCartCont .errTxt,
.sgCarField p.errTxt,
.sgCarFieRadio p.errTxt {
color: #cf2d04;
font-weight: bold;
text-align: center;
margin-bottom: 1em;
}

/* ボタン類 */
.sgCarBtnArea {
width: calc(100% - 22px);
padding: 25px 0 20px;
margin: 10px auto 0;
}
.sgCartContComplete .sgCarBtnArea {
padding-top: 0;
margin-top: 0;
}
.sgCarBtnAreaConfirm {
background: #f0efea;
margin-top: 30px;
}
.sgCarBtnAreaConfirm
.sgCarBtnArea02 {
border-bottom: solid 1px #000;
padding-bottom: 15px;
margin: 0 10px;
width: auto;
}
.sgCarPostage + .sgCarBtnArea02 {
border-bottom: solid 2px #dcd9d0;
}
.sgCarBtnArea03 {
background: #dcd9d0;
padding: 10px 12px;
margin-bottom: 15px;
width: auto;
}
.sgCarTbl + form {
margin-top: 20px;
}
.sgCartCont .ui-btn-up-f + .ui-btn-up-f {
margin-top: 10px;
}
.sgCartCont .ui-btn-text {
line-height: 1;
display: inline-block;
font-size: 89%;
}
.sgCartCont .ui-checkbox .ui-btn-text {
display: inline;
}
.sgCartCont .ui-select + .ui-select {
margin-top: 10px;
}

/* リセット */
.sgCartCont .ui-btn-up-c,
.sgCartCont .ui-btn-hover-c,
.sgCartCont .ui-shadow {
background-image: none;
border: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
text-shadow: none;
}
.sgCartCont div.ui-input-text {
background-image: none;
border: 0;
border-radius: 0;
box-shadow: none;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
padding: 0;
text-shadow: none;
}
/* リセット */

.ui-btn-hidden.sgCarBtnSubmit {
-webkit-appearance: none;
appearance: none;
background-image: none;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif";
filter: Alpha(Opacity=1);
text-shadow: 0;
opacity: 1;
text-indent: 1px;

display: block;
width: 100%;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 60px;
text-align: center;
margin: 0 0 15px;
padding: 0;
border: 0;
border-radius: 5px;
background: #000  url(../img/sg_cart/arrow01.png) no-repeat calc(100% - 11px) 50%;
background-size: 18px;
}
.ui-btn-hidden.sgCarBtnSub2row {
line-height: 1.4;
}
.ui-btn-hidden.sgCarBtnSubmit.sgCarBtnSubEm {
background-color: #cf2d04;
}
.sgCarBtnArea03 .sgCarBtnSubmit {
margin-bottom: 5px;
}
.sgCartCont .sgCarBtnBack,
.sgCartCont .sgCarBtnBack.ui-link {
display: block;
width: 96%;
text-align: center;
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: #000;
line-height: 45px;
margin: 0 auto;
border-radius: 5px;
background: #dcdcdc  url(../img/sg_cart/arrow02.png) no-repeat 30px 50%;
background-size: 16px;
}
.sgCartCont .sgCarBtnBack + .ui-btn,
.sgCartCont .ui-btn + .sgCarBtnBack {
margin-top: 30px;
}
.sgCartCont .ui-submit .ui-btn-inner {
padding: 0;
line-height: 60px;
}
.sgCartCont a.sgCarBtnBack:link,
.sgCartCont a.sgCarBtnBack:visited,
.sgCartCont a.sgCarBtnBack:hover
.sgCartCont a.sgCarBtnBack.ui-link:link,
.sgCartCont a.sgCarBtnBack.ui-link:visited,
.sgCartCont a.sgCarBtnBack.ui-link:hover {
color: #000;
}
.pay_area .payGift td.sgCarBtnArea {
padding: 0;
}
.sgCartCont .payGift .sgCarBtnBack.ui-link {
background: #dcdcdc;
font-size: 85%;
padding: 5px;
line-height: 1.4;
}
.sgCarBtnAdd + form {
margin-top: 15px;
}
.sgCarBtnAdd {
display: block;
width: 96%;
text-align: center;
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: #000;
line-height: 45px;
margin: 0 auto 20px;
border-radius: 5px;
background: #dcdcdc  url(../img/sg_cart/arrow02_r.png) no-repeat 260px 50%;
background-size: 16px;
}
.sgCarBtnBack a.sgCarBtnAdd:link,
.sgCarBtnBack a.sgCarBtnAdd:visited,
.sgCarBtnBack a.sgCarBtnAdd:hover {
color: #000;
}
.sgCartCont .ui-submit.ui-btn-up-f {
background: #000;
border-radius: 5px;
color: #ffffff;
margin-bottom: 15px;
text-shadow: none;
}
.sgCartCont .sgCarChkError .ui-submit.ui-btn-up-f {
background: none;
}
.sgCartCont a.sgCarBtnTop,
.sgCartCont .ui-btn .sgCarBtnTop,
.sgCartCont .ui-submit .sgCarBtnTop {
background: #000000;
border: 0;
border-radius: 5px;
color: #ffffff;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 68px;
text-align: center;
text-shadow: none;
width: 100%;
}
.sgCartCont a.sgCarBtnTop:link,
.sgCartCont a.sgCarBtnTop:visited,
.sgCartCont a.sgCarBtnTop:hover,
.sgCartCont .ui-submit .sgCarBtnTop:link,
.sgCartCont .ui-submit .sgCarBtnTop:visited,
.sgCartCont .ui-submit .sgCarBtnTop:hover {
color: #fff;
}
/*.sgCarBtnArea input[type="checkbox"] {
display: none;
}*/
.sgCarBtnArea .ui-btn-inner {
border-top: 0;
padding: 0;
line-height: 60px;
}
.sgCarBtnArea .ui-checkbox label.ui-btn {
background: #ffffff;
border: solid 1px #dcdad0;
border-radius: 0;
color: #000000;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif";
text-shadow: none;
}
/*.sgCarBtnArea .ui-checkbox .nextcheck {
position: relative;
display: block;
border: solid 2px #dcdad0;
background: #fff;
padding: 0 10px 0 15px;
margin-bottom: 15px;
font-size: 14px;
line-height: 40px;
}*/
/* jQueryUI用 */
.sgCarBtnArea .ui-checkbox .nextcheck,
.sgCarBtnArea .ui-checkbox #kiyakudoui,
.kiyakudoui .ui-icon {
display: none;
}
.sgCartCont .ui-checkbox .ui-btn-text {
font-size: 90%;
}
/*.sgCarBtnArea .ui-checkbox .nextcheck:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
border: solid 1px #dcdad0;
vertical-align: middle;
margin-right: 5px;
}
.sgCarBtnArea .ui-checkbox .ui-btn-icon-left .ui-icon {
background: #ffffff;
border: solid 1px #C9C5AA;
border-radius: 0;
display: block;
position: absolute;
width: 20px;
height: 20px;
}*/
.sgCartCont .entBox .ui-checkbox .ui-btn-up-f:before {
content: "";
background: #ffffff;
border: solid 1px #C9C5AA;
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 18px;
left: 8px;
}
.sgCartCont .entBox.sgCarNotregister {
background: #ffffff;
border: 0;
border-top: 2px solid #000000;
margin-top: 40px;
}
.sgCartCont .entBox.sgCarNotregister .sgCarBtnArea {
padding-bottom: 0;
}
.sgCartCont .entBox.sgCarNotregister .sgCarNote {
font-size: 12px;
margin: 10px 10px 0;
}
.sgCarBtnArea .ui-checkbox input[type='checkbox']:checked + .nextcheck:after,
.sgCartCont .entBox .ui-checkbox .ui-checkbox-on:after {
content: "";
display: block;
position: absolute;
top: 18px;
left: 16px;
width: 5px;
height: 12px;
border-right: solid 3px #000;
border-bottom: solid 3px #000;
transform: rotate(45deg);
}
.sgCartCont .sgCarKiyaku a {
color: #000000;
}
.sgCartCont .sgCarKiyToggle.ui-link {
display: block;
border: solid 2px #dcdad0;
background: #f0efea url(../img/sg_cart/plus_ico2.png) no-repeat calc(100% - 15px) 50%;
background-size: 12px;
padding: 10px 0;
margin-bottom: 20px;
width: auto;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000;
}
.sgCartCont a.sgCarKiyToggle.ui-link.close {
background: #f0efea url(../img/sg_cart/minus_ico2.png) no-repeat calc(100% - 15px) 50%;
}
.sgCartCont a.sgCarKiyToggle.ui-link:hover {
color: #000;
}
.sgCartCont .ui-checkbox label.kiyakudoui {
display: block;
box-sizing: border-box;
border: 0;
position: relative;
width: 70%;
background: #afafaf;
padding: 0 5px 0 15px;
margin: 0 auto 25px;
font-size: 16px;
font-weight: bold;
line-height: 48px;
text-align: left;
}
.sgCartCont .ui-checkbox label.kiyakudoui .ui-btn-inner {
padding: 0;
}
.sgCartCont .ui-checkbox label.kiyakudoui:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #fff;
vertical-align: text-bottom;
margin-right: 5px;
}
.sgCartCont .sgCarAddList .ui-checkbox label.kiyakudoui.ui-checkbox-on:after {
content: "";
display: block;
position: absolute;
top: 18px;
left: 20px;
width: 6px;
height: 12px;
border-right: solid 4px #333;
border-bottom: solid 4px #333;
transform: rotate(45deg);
}
.sgCarBtnArea input[type='checkbox']:checked + .kiyakudoui {
background: #fdd000;
}
.sgCarBtnArea input[type='checkbox']:checked + .kiyakudoui:after {
content: "";
display: block;
position: absolute;
top: 18px;
left: 20px;
width: 6px;
height: 12px;
border-right: solid 4px #333;
border-bottom: solid 4px #333;
transform: rotate(45deg);
}
.sgCarBtnArea03 p {
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}

/* エラー */
.sgCarErrArea {
padding: 8px 10px 8px 85px;
margin-bottom: 10px;
background: #cf2d04  url(../img/sg_cart/attention.png) no-repeat 22px 50%;
background-size: 39.5px 36px;
}
.sgCarErrArea p {
color: #fff;
font-size: 12px;
font-weight: bold;
}


/* --------------------
ログイン・会員登録
-------------------- */
.sgCartCont .entBox {
background: #f0efea;
border: solid 2px #dcdad0;
margin: 10px 5px;
}
.sgCartCont .entBox .entBoxAtn {
background:  url(../img/sg_cart/keylock.png) no-repeat 16px 50%;
background-size: 20px 25px;
}
.sgCartCont .entBox .entBoxAtn a {
display: block;
padding: 10px 40px 10px 55px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #000;
}
.sgCartCont .entBox .entBoxAtn a {
background:  url(../img/sg_cart/plus_ico.png) no-repeat calc(100% - 15px) 50%;
background-size: 18px;
}
.sgCartCont .entBox.login .entBoxAtn a {
background:  url(../img/sg_cart/minus_ico.png) no-repeat calc(100% - 15px) 50%;
background-size: 18px 4px;
}
.sgCartCont .sgCarField.sgCarFieError .carInp01,
.sgCartCont .sgCarField.sgCarFieError input,
.sgCartCont .sgCarField.sgCarFieError textarea,
.sgCartCont .entBox.loginerror input,
.sgCartCont .entBox.loginerror textarea,
.sgCartCont .entBox.loginerror input:autofill,
.sgCartCont .entBox.loginerror input:-webkit-autofill {
background: #fac2b4;
}
.loginerror input:-webkit-autofill,
.loginerror textarea:-webkit-autofill,
.loginerror select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fac2b4 inset;
box-shadow: 0 0 0px 1000px #fac2b4 inset;
}
.sgCartCont .txtRed {
color: #d40e14 !important;
font-weight: bold;
}
.sgCartCont h3 .txtRed {
font-size: 80%;
}
.sgCartCont .passfoget {
font-size: 14px;
text-align: center;
margin-top: 5px;
}
.sgCartCont .passfoget a,
.sgCartCont .passfoget a:hover {
color: #000;
text-decoration: underline;
}
.sgCartCont .passfoget:before {
display: inline-block;
content: "";
width: 14px;
height: 14px;
background:  url(../img/sg_cart/arrow03.png) no-repeat;
background-size: contain;
vertical-align: text-bottom;
margin-right: 4px;
}
a.sgCarBtnSubmit.ui-link,
a.sgCarBtnSubmit.ui-visited,
a.sgCarBtnSubmit.ui-hover,
.sgCartCont .sgCarBtnSubmit.ui-link:link,
.sgCartCont .sgCarBtnSubmit.ui-link:visited,
.sgCartCont .sgCarBtnSubmit.ui-link:hover {
color: #ffffff;
}
.sgCarBtnArea a
.sgCartCont .entBox .logError {
border-top: solid 1px #dcdad0;
padding: 10px 0;
margin: 0 4px;
}
.sgCartCont .sgCarFieError .error,
.sgCartCont .entBox .logErrTxt,
.sgCarChkErrTxt {
font-weight: bold;
text-align: center;
color: #d40e14;
}
.sgCartCont .searchzip {
text-align: right;
font-size: 14px;
margin-top: 4px;
}
.sgCartCont .searchzip:before {
display: inline-block;
content: "";
width: 13px;
height: 13px;
background:  url(../img/sg_cart/zipsearch.png) no-repeat;
background-size: contain;
margin-right: 4px;
vertical-align: text-bottom;
}
.sgCartCont .searchzip a {
text-decoration: underline;
color: #000;
}
.sgCartCont .fieAutAdd {
padding: 12px 0 2px;
margin-bottom: 12px;
border-bottom: solid 1px #dcdad0;
}
.sgCartCont .fieAutAdd p {
font-size: 12px;
}
.sgCartCont .ui-btn .zipAutInput,
.sgCartCont .fieAutAdd .ui-btn-up-f {
border: solid 1px #333;
background: #f0efea;
margin-bottom: 10px;
width: 100%;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.sgCartCont .confBox {
width: auto;
margin: 0 10px;
padding: 12px 0;
border-top: solid 2px #000;
}
.sgCarKiyTxt {
border: 2px solid #626262;
box-sizing: border-box;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-size: 14px;
overflow-y: scroll;
padding: 10px;
margin-bottom: 20px;
height: 150px;
}
.sgCarField + .sgCarBtnArea {
border-top: 2px solid #000000;
padding-top: 20px;
margin-top: 20px;
}


/* --------------------
通常カート お届け先情報設定
-------------------- */
.sgCarInpTxt {
line-height: 1.6;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 95%;
}
.sgCarInpTxt strong {
font-size: 115%;
font-weight: bold;
}
.sgCarAddList li {
background: #f8f7f2;
border: 2px solid #f8f7f2;
box-sizing: border-box;
font-weight: bold;
padding: 3%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2px;
width: 95%;
}
.sgCarAddList li:nth-child(2n) {
background: #eeeeec;
border: 2px solid #eeeeec;
}
.sgCarAddList li.checked {
background: #fffbc6;
border: 2px solid #fdd100;
}
.sgCarAddListBtn {
bordert-top: 1px solid #000000;
padding-top: 20px;
margin-top: 10px;
}
.sgCarAddListBtnTit {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
font-size: 18px;
font-weight: bold;
line-height: 1;
text-align: center;
position: relative;
width: 36%;
}
.sgCartCont .sgCarAddListBtnTit .ui-btn-inner {
line-height: 60px;
padding: 0;
margin: 0;
}
.sgCarAddListBtn .sgCarBtnSubmit {
background-image: none;
border-radius: 5px;
margin-bottom: 0;
}
.sgCarAddListBtn .sgCarAddListBtnCheck {
float: right;
width: 62.5%;
}
.sgCarAddListBtn .sgCarFieRadio {
padding: 0;
}
.sgCarAddListBtn .sgCarFieRadio label {
line-height: 60px;
width: 100%;
}
.sgCarAddListBtn .sgCarFieRadio input[type='radio']:checked + label:after {
top: 20px;
}
.sgCarBtnArea + .sgCarBtnArea {
border-top: 2px solid #000000;
padding-top: 20px;
margin-top: 20px;
}

.sgCarAddListBtn .sgCarFieRadio {
padding: 0;
}
.sgCarAddListBtn .sgCarFieRadio label {
line-height: 60px;
width: 100%;
}
.sgCarAddListBtn .sgCarFieRadio input[type='radio']:checked + label:after,
.sgCarAddListBtn .sgCarFieRadio input[type='checkbox']:checked + label:after {
top: 20px;
}



/* --------------------
通常カート ご注文情報入力
-------------------- */
.sgCarFieInpArea {
box-sizing: border-box;
border: solid 2px #c9c5aa;
padding: 5% 2.5%;
margin: 0 auto 20px;
width: 95%;
}
.sgCarFieInpArea.sgCarFieError {
border: solid 2px #cf2d04;
}
.sgCarFieInpArea h3 {
background: #ffffff;
font-size: 17px;
line-height: 1.6;
padding: 0;
margin-bottom: 15px;
}
.sgCarFieInpArea .sgCarFieRadio {
width: 100%;
}
.sgCartCont .sgCarFieRadio input[type="radio"] {
display: none;
}
.sgCarFieRadio p.sgCarFieNote {
font-size: 12px;
margin-top: 5px;
margin-bottom: 0;
text-align: left;
}
.sgCarNoshi {
background: #f8f7f2;
padding: 10px;
margin-bottom: 15px;
text-align: center;
}
.sgCarNoshi strong {
font-size: 110%;
font-weight: bold;
}
.sgCarFieInpArea h4 {
color: #000;
font-size: 15px;
margin-bottom: 6px;
}
.sgCarField.sgCarFieInpArea select,
.sgCarField.sgCarFieInpArea input[type="text"] {
border: 2px solid #626262;
padding: 15px 3px;
font-size: 14px;
}
.sgCarFieAlert {
border-bottom: 1px solid #000000;
color: #cf2d04;
padding-bottom: 20px;
margin-bottom: 20px;
}
.sgCarFieAlert p {
margin-bottom: 20px;
}
.sgCarFieAlert ul {
font-size: 19px;
font-weight: bold;
}
.sgCarFieAlert li {
margin-bottom: 5px;
}
.sgCarFieInpAreaTime {
border: none;
border-bottom: 1px solid #000000;
padding-top: 0;
}
.sgCartCont .ui-btn-up-f {
background: none;
border: 0;
color: #000000;
font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.sgCartCont .sgCarField select#pref {
-webkit-appearance: button;
appearance: button;
background: url(../img/sg_cart/icon_selectbox.png) 266px center no-repeat;
background-size: 8px;
border: 2px solid #626262;
padding: 15px 3px;
font-size: 14px;
width: 100%;
}
.sgCarField.sgCarFieInpArea select {
-webkit-appearance: button;
appearance: button;
background: url(../img/sg_cart/icon_selectbox.png) 266px center no-repeat;
background-size: 8px;
border: 2px solid #626262;
padding: 15px 3px;
font-size: 14px;
width: 100%;
}
.sgCarField.sgCarFieInpArea input[type="text"],
.sgCartCont .ui-btn-up-f {
font-size: 14px;
}
.sgCarField.sgCarFieInpArea textarea {
border: 2px solid #626262;
}

.sgCarPostage {
background: #ffd4cc;
padding: 10px 16px;
margin-bottom: 15px;
}
.sgCarPostage p {
border: solid 2px #cf2d04;
background: #fff;
paddign: 10px 18px;
font-size: 16px;
color: #cf2d04;
text-align: center;
}
.sgCarPostage p .price {
font-size: 22px;
font-weight: bold;
}
.sgCarPostage02 {
position: relative;
margin: 10px 10px 20px;
padding: 10px 0;
background: #cf2d04;
font-size: 18px;
text-align: center;
color: #fff;
}
.sgCarPostage02 .price {
font-size: 22px;
font-weight: bold;
color: #fff;
}
.sgCarPostage02:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-bottom: -11px;
margin-left: -10px;
border-top: solid 11px #cf2d04;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}
textarea + .sgCarBtnSubmit {
margin-top: 20px;
}

.sgCarPickup {
margin-left: auto;
margin-right: auto;
width: 95%;
}
.sgCarPickup li {
padding: 20px 0;
border-bottom: solid 2px #dcd9d0;
display: inline-block;
width: 100%;
}
.sgCarPicPh {
box-sizing: border-box;
width: 45%;
padding: 0 1%;
float: left;
}
.sgCarPicInfo {
box-sizing: border-box;
width: 55%;
padding-left: 2%;
float: left;
}
.sgCarPicPh figure {
width: 100%;
margin-bottom: 6px;
text-align: center;
}
.sgCarPicPh figure img {
max-width: 100%;
height: auto;
}
.sgCartCont a.sgCarPicBtnDelete,
.sgCartCont a.sgCarPicBtnDelete:hover {
display: block;
background: #dcdcdc  url(../img/sg_cart/ico_delete.png) no-repeat 20px 50%;
background-size: 13px;
font-size: 13px;
line-height: 30px;
text-align: center;
color: #000;
padding-left: 10px;
border-radius: 3px;
}
.sgCarPicInfName {
display: flex;
align-items: center;
flex-direction: row;
line-height: 1.4;
height: 7em;
font-size: 12px;
font-weight: bold;
}
.sgCarPicInfPrice {
position: relative;
text-align: right;
font-size: 20px;
font-weight: bold;
margin-bottom: 6px;
}
.sgCarPicInfPrice .label {
position: absolute;
bottom: 0.2em;
left: 0;
font-size: 12px;
font-weight: normal;
color: #787355;
}
.sgCarPicInfPrice .tax {
font-size: 13px;
}
.sgCarPicInfPriChk {
font-size: 15px;
padding-left: 45px;
/*text-align: left;*/
}
.sgCarPicInfNumber {
display: flex;
flex-direction: row;
}
.sgCarPicInfNumber .label {
display: flex;
flex-direction: row;
width: 20%;
height: 45px;
align-items: center;
font-size: 12px;
color: #787355;
}
.sgCarPicInfNumCount {
box-sizing: border-box;
width: 40%;
height: 45px;
border: solid 1px #dcdcdc;
background: #fffdfd;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 17px;
}
.sgCarPicInfNumCountChk {
box-sizing: border-box;
width: 40%;
line-height: 45px;
font-size: 17px;
margin-left: 15px;
}
.sgCarPicInfNumBtn {
box-sizing: border-box;
width: 40%;
height: 45px;
display: flex;
flex-direction: column;
}
.sgCartCont .sgCarPicInfNumBtn a {
display: flex;
width: 100%;
height: 100%;
background: #000;
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
color: #fff;
}
.sgCartCont .sgCarPicInfNumBtn a:hover {
color: #fff;
}
.sgCartCont .sgCarPicInfNumBtn.fukusu a {
height: 49%;
}
.sgCarPicInfNumBtn.fukusu a:first-child {
margin-bottom: 2%;
}
.sgCarCheckeditem {
margin-top: 30px;
padding: 20px 0 0;
background: #f7f6f0;
}
.sgCarCheckeditem h3 {
background: none;
padding: 0;
margin-bottom: 20px;
}
.sgCarCheList {
width: auto;
padding: 0;
margin: 0 10px;
border-bottom: solid 1px #000;
}
.sgCarCheList:last-child {
border: 0;
}
.sgCarCheList li {
border-bottom: solid 1px #000;
float: left;
padding-bottom: 15px;
margin-right: 10px;
margin-bottom: 20px;
width: calc((100% - 20px)/2);
}
.sgCarCheList li:nth-child(2n) {
padding-right: 0;
}
.sgCarCheList figure {
margin-bottom: 8px;
}
.sgCarCheList figure img {
max-width: 100%;
height: auto;
}
.sgCarCheLisProName {
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.sgCarCheLisProPrice {
font-size: 10px;
margin-bottom: 6px;
text-align: center;
}
.sgCarCheLisProMember {
color: #cf2d04;
font-size: 10px;
margin-bottom: 10px;
text-align: center;
}
.sgCartCont .sgCarCheLisProDetail.ui-link,
.sgCartCont .sgCarCheLisProDetail.ui-link:hover {
display: block;
margin: 0 5px 5px;
background: #000;
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 3px;
}
.sgCartCont .sgCarCheLisProCart.ui-link,
.sgCartCont .sgCarCheLisProCart.ui-link:hover {
display: block;
margin: 0 5px 5px;
background: #fdd000;
color: #000;
font-size: 13px;
font-weight: bold;
line-height: 40px;
text-align: center;
border-radius: 3px;
}
.sgCartCont a.sgCarCheLisProDetail.ui-link,
.sgCartCont a.sgCarCheLisProCart.ui-link {
color: #ffffff;
text-decoration: none;
}
.sgCartCont a.sgCarCheLisProCart.ui-link,
.sgCartCont a.sgCarCheLisProCart.ui-link:hover {
color: #000000;
text-decoration: none;
}
.sgCarCheLisProCart:before {
display: inline-block;
content: "";
width: 13px;
height: 13px;
margin-right: 2px;
background: url(../img/sg_cart/ico_shoping_cart.png) no-repeat;
background-size: contain;
vertical-align: -1px;
}

/* --------------------
複数カート
-------------------- */
/* お届け内容ボックス */
.sgCarAddInfo {
background: #fffbc6;
border: 2px solid #fdd100;
box-sizing: border-box;
font-weight: bold;
padding: 5% 3%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 95%;
}
.sgCarAddInfoName {
margin-bottom: 20px;
}
.sgCarAddInfoName dt {
font-size: 19px;
float: left;
width: 55%;
}
.sgCarAddInfoName dd {
float: right;
font-size: 16px;
margin-top: 2px;
text-align: right;
width: 45%;
}
.sgCarAddInfoAddress {
font-weight: normal;
}
.sgCarQuestion {
margin-top: 5px;
}
.sgCarQuestion img {
padding-right: 5px;
vertical-align: middle;
}
.sgCarQuestion span {
color: #484846;
font-size: 12px;
text-decoration: underline;
vertical-align: middle;
}

/* エラー */
.sgCarChkError {
box-sizing: border-box;
border: solid 2px #cf2d04;
padding: 5% 2.5%;
}
.sgCartCont .sgCarChkError .error,
.sgCartCont .error {
color: #cf2d04;
}
.sgCarChk.sgCarChkError .sgCarPickup {
margin-top: 20px;
}
.sgCartCont .sgCarChkError .sgCarPicBtnDelete.ui-link {
color: #000000;
}
.sgCartCont .error + select,
.sgCartCont .error + input,
.sgCartCont .error + textarea,
.sgCartCont .error + div input,
.sgCartCont .error + div.ui-input-text input.ui-input-text {
background: #fac2b4;
}
.sgCarChk.sgCarChkError .sgCarPickup li {
background: #fac2b4;
border-top: 0;
}
.sgCarChk.sgCarChkError .sgCarPickup li:nth-child(2n) {
background: #ec8d75;
}
.sgCarChkErrTxt,
.sgCarPicInfPriError {
color: #d40e14;
font-weight: bold;
}
mini.sgCarChkErrTxt {
font-size: 82%;
}
.sgCarChk.sgCarChkError .sgCarPicInfPrice .label {
color: #000000;
}



/* --------------------
複数カート　ご注文内容のご確認
-------------------- */
.sgCartCont h3.sgCarInpTit {
padding: 20px;
}
.sgCarChkTit {
margin-bottom: 20px;
}
.sgCarChkTit dt {
background: #DCD9D0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
font-size: 18px;
font-weight: bold;
line-height: 1;
text-align: center;
padding: 21px;
position: relative;
width: 63.5%;
}
.sgCarChkTit dd {
float: right;
width: 36%;
}
.sgCarChkTit dd .ui-submit {
margin: 0;
}
.sgCarChkTit .sgCarBtnSubmit {
background-image: none;
border-radius: 0 5px 5px 0;
margin-bottom: 0;
}
.sgCarChkTxt01,
.sgCarChkTxt02 {
font-size: 15px;
font-weight: bold;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.sgCarChkTxt01 {
text-align: center;
}
.sgCarChkTxt02 dt {
display: inline-block;
width: 78%;
}
.sgCarChkTxt02 dd {
display: inline-block;
text-align: right;                                                                    
width: 20%;
}
.sgCarChk {
margin-bottom: 30px;
}
.sgCarChk .sgCarPickup {
padding: 0;
margin-left: auto;
margin-right: auto;
width: 95%;
}
.sgCarChk .sgCarPicInfNumBtn a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.sgCartCont .sgCarChk .sgCarPicBtnDelete.ui-link {
color: #000000;
text-decoration: none;
}
.sgCarChk .sgCarPickup li {
background: #f8f7f2;
border-top: 1px solid #dcd9d0;
border-bottom: 0;
}
.sgCarChk .sgCarPickup li:nth-child(2n) {
background: #eeeeec;
}
.sgCarChkAddress {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
width: 95%;
}
.sgCarChkAddress dt {
display: inline-block;
font-size: 16px;
font-weight: bold;
text-align: left;
width: 35%;
vertical-align: middle;
}
.sgCarChkAddress dd {
display: inline-block;
font-size: 12px;
width: 63%;
vertical-align: middle;
}
.sgCarChkIrai,
.sgCarChkNoshi {
border-bottom: 1px solid #dcd9d0;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
padding-left: 6%;
padding-right: 6%;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 90%;
}
.sgCarChkIrai span {
font-weight: normal;
}
.sgCarChkIrai li,
.sgCarChkNoshi li {
margin-bottom: 5px;
}
.sgCarChkIrai div,
.sgCarChkNoshi div {
font-size: 12px;
font-weight: normal;
margin-left: auto;
margin-right: auto;
width: 80%;
}
section + .sgCarBtnArea {
border-top: 2px solid #000000;
padding-top: 30px;
margin-top: 60px;
}
.cauTxt + .sgCarBtnArea {
border-top: 2px solid #000000;
padding-top: 30px;
margin-top: 30px;
}

.sgCarChkBtnTxt {
margin-bottom: 30px;
text-align: center;
}

.sgCarWrappingNote {
background: #F5F5F2;
font-size: 90%;
padding: 1em;
margin-top: 0.5em;
text-align: left;
}