@charset "utf-8";

/*ボタン ----------------------------------------------*/
.buttonRow.forward input,
.buttonRow.forward a,
.buttonRow.back a {
    display: block;
    background: #313131;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #000000;
    text-align: center;
	    color: white;
    line-height: 12px;
	font-size: 1.2em;
	margin-right: 1em;
}
.buttonRow a {
    line-height: 0;
}

/*ログイン*/
#loginDefault .important a {
    background: none;
    margin-left: 20px;
}
#loginDefault .important a:hover {
    color: #f00;
}
#loginDefault .buttonRow.forward input[src*="account"] {
    background: none;
    border: none;
}


#addressBookDefault .buttonRow.back a,
#addressBookDefault .buttonRow.forward a {
    width: 80px;
}
#addressBookDefault  .accAddBookList .addList .buttonRow { margin-bottom: 35px !important; }
#addressBookDefault  .accAddBookList .addList .buttonRow.forward a,
#createAcctSuccess fieldset .buttonRow.forward a,
#checkoutConfirmDefault .buttonRow.forward a {
	display: inline-block;
	width: 50px;
	background: #fff;
}

/*マイページ*/
#prevOrders td:last-of-type a,
#accountHistoryDefault .content.forward a {
	background:#f39800;
	width: 80px;
	display:block;
	margin: 0px auto;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 0;
}



/*カートとアカウントページ共通 ----------------------------------------------*/
/*見出し*/
h1[id^="createAcct"],
h1[id$="Heading"] {
    margin-bottom: 10px;
    background: #7cbd23;
    padding: 0.2em;
    color: #fff;
}
fieldset[class^="acc"] legend,
div#poinrBlock h2,
h2[id^="checkout"] {
    font-size: 15px;
    border-bottom: 1px solid #7cbd23;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 2px 5px;
    border-left: 8px solid #7dbd23;
    box-sizing: border-box;
}

/*リスト*/
#checkoutShipAddressDefault .buttonRow.back p,
#addressBookDefault address p,
#accountHistInfo address p,
[id^="checkout"] address p {
    margin-bottom: 5px;
}
#checkoutShipAddressDefault .buttonRow.back p:before,
#addressBookDefault address p:before,
#accountHistInfo address p:before,
[id^="checkout"] address p:before {
    content:"";
    display: inline-block;
    background: #ddd;
    padding: 5px;
    margin-right: 10px;
    width: 60px;
    vertical-align: middle;
}
/**/
#addressBookDefault address p span,
#accountHistInfo address p span,
[id^="checkout"] address p span {
    display: inline-block;
    background: #ddd;
    padding: 5px;
    margin-right: 10px;
    width: 60px;
    vertical-align: middle;
}
#addressBookDefault address p.add span,
#accountHistInfo address p.add span,
[id^="checkout"] address p.add span {
    padding: 8px 5px;
}
#addressBookDefault address p.add span + span,
#accountHistInfo address p.add span + span,
[id^="checkout"] address p.add span + span {
    width: 70%;
    background: #fff;
    margin-right: 0;
    padding: 0;
}

#checkoutShipping  #checkoutShipto {
    margin-bottom: 45px;
}

/*アドレス帳*/
#checkoutShipAddressDefault .buttonRow.back p:first-of-type:before,
#addressBookDefault address p:first-of-type:before,
#accountHistInfo address p:first-of-type:before,
[id^="checkout"]  address p:first-of-type:before { content:"団体名"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(2):before,
#addressBookDefault address p:nth-of-type(2):before,
#accountHistInfo address p:nth-of-type(2):before,
[id^="checkout"] address p:nth-of-type(2):before { content:"氏名"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(3):before,
#addressBookDefault address p:nth-of-type(3):before,
#accountHistInfo address p:nth-of-type(3):before,
[id^="checkout"] address p:nth-of-type(3):before { content:"フリガナ"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(4):before,
#addressBookDefault address p:nth-of-type(4):before,
#accountHistInfo address p:nth-of-type(4):before,
[id^="checkout"] address p:nth-of-type(4):before { content:"〒"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(5):before,
#addressBookDefault address p:nth-of-type(5):before,
#accountHistInfo address p:nth-of-type(5):before,
[id^="checkout"] address p:nth-of-type(5):before { content:"住所"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(6):before,
#addressBookDefault address p:nth-of-type(6):before,
#accountHistInfo address p:nth-of-type(6):before,
[id^="checkout"] address p:nth-of-type(6):before { background: #fff; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(7):before,
#addressBookDefault address p:nth-of-type(7):before,
#accountHistInfo address p:nth-of-type(7):before,
[id^="checkout"] address p:nth-of-type(7):before { background: #fff; }

#addressBookDefault address p:nth-of-type(8):before,
#accountHistInfo address p:nth-of-type(8):before { background: #fff; }
#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(8):before,
[id^="checkout"] address p:nth-of-type(8):before { content:"国"; }

#checkoutShipAddressDefault .buttonRow.back p:nth-of-type(9):before,
#accountHistInfo address p:nth-of-type(9):before,
#addressBookDefault address p:nth-of-type(9):before,
[id^="checkout"] address p:nth-of-type(9):before { content:"電話番号"; }

#checkoutShipAddressDefault .buttonRow.back p:last-of-type:before,
#addressBookDefault address p:last-of-type:before,
#accountHistInfo address p:last-of-type:before,
[id^="checkout"] address p:last-of-type:before { content:"携帯番号"; }


#addressBookDefault .accAddBookList .addList address p:nth-of-type(9):before,
#addressBookDefault .accAddBookList .addList address p:last-of-type:before,
[id^="checkout"]  .accAddBookList .addList address p:last-of-type:before { visibility:hidden;}

/*インナー*/
div[id^="checkout"] .inner {
    width: 95%;
    margin: 0px auto;
}

a.acthere,a span.pseudolink {
	font-weight: bold;
	color: #F82125;
}

/* 共通 ----------------------------------------------------*/
body fieldset {
    margin-bottom: 10px;
}
body fieldset[class^="acc"] {
    margin-bottom: 20px;
    margin-top: 30px;
}
body label.checkboxLabel {
    font-size: 15px;
    margin: 10px 0px;
}

body legend {
    font-size: 15px;
    border-left: 6px solid #7cbd23;
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}
body fieldset:first-of-type > legend {
    font-size: 20px;
}


body fieldset .reset {
    margin-top: 5px;
}
body fieldset label[class^="input"],
body fieldset .reset span.title {
    width: 125px;
    display: inline-block;
    margin-left: 20px;
    background: #ddd;
    padding: 7px;
    box-sizing: border-box;
}
body fieldset .reset label[class^="input"] {
    width: auto;
    margin: 0;
    background: none;
}
body fieldset label[class^="checkbox"] {
    margin-left: 10px;
}

body fieldset input[type="text"],
body fieldset input[type="tel"],
body fieldset input[type="password"],
body fieldset select {
    height: 30px;
    padding: 0px 6px;
    font-size: 15px;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    margin-bottom: 10px;
}
body fieldset select { font-size: 12px; }
body fieldset.accPsInfo p,
body fieldset.accNewsletter p,
body fieldset.accAddBook p {
    display: inline-block;
    margin-right: 15px;
}
body fieldset.accPsInfo p input,
body fieldset.accNewsletter p input {
    margin-right: 5px;
}

body fieldset.accInfo div {
    padding: 0;
    margin-bottom: 5px;
}
body fieldset.accNewsletter label {
    margin: 0;
}


div#createAcctDefault form {
    width: 95%;
    margin: 0px auto;
}
.information,.information + input {
    margin-left: 20px;
}
.information + input {
    display: inline-block !important;
}
#accountEditDefault .accEdit .reset input[type="text"],
#addressBookProcessDefault .accAddBook .reset input[type="text"] {
    width: 130px;
}



/* ログイン画面 --------------------------------------------------------------------*/
div#loginDefault fieldset {
    background: #f5f5f5;
}
div#loginDefault fieldset legend {
    font-size: 15px;
    line-height: 2em;
    width: 100%;
    text-align: center;
    background: #f39800;
}
div#loginDefault fieldset .information {
    margin: 0;
    padding: 10px;
}


/* 作成完了 --------------------------------------------------------------------*/
div#createAcctSuccess .inner {
    width: 95%;
    margin: 0px auto;
    font-size: 12px;
}
div#createAcctSuccessMainContent p {
    text-align: center;
    font-size: 18px;
    color: #ff0000;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
}




/* マイページ --------------------------------------------------------------------*/
div#accountLinksWrapper > div {
    display: table;
    width: 49%;
    border: 1px solid #7cbd23;
    border-radius: 5px;
    vertical-align: top;
    padding: 5px;
    box-sizing: border-box;
    float: left;
    height: 100px;
    margin: 3px;
}

div#accountLinksWrapper {
    width: 100%;
    overflow: hidden;
}

div#accountLinksWrapper > div h2 {
    text-align: center;
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    background: #7cbd23;
    font-size: 15px;
    color: #fff;
}

div#accountLinksWrapper > div ul {
    padding-left: 10px;
    /* border-left: 1px solid #ddd; */
    display: table-cell;
}

div#accountLinksWrapper > div ul li {
    margin-bottom: 5px;
}
div#accountLinksWrapper > div ul li a {
    color: #000000;
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
    display: table-cell;
}

div#accountLinksWrapper > div ul li a:before {
    content: "";
    border: 3px solid #f39800;
    display: inline-block;
    position: absolute;
    border-radius: 5px;
    margin-right: 5px;
    left: 0;
    top: 30%;
}


/*注文履歴(マイページ上)*/
#prevOrders {
    margin-bottom: 45px;
}
#prevOrders caption {
    background: #008842;
    color: #fff;
    padding: 6px 0px;
    vertical-align: middle;
    margin-bottom: 5px;
}
#prevOrders .tableHeading TH {
    vertical-align: middle;
    height: 35px;
}
#prevOrders .tableHeading th, #prevOrders td {border: 1px solid #008842;}
#prevOrders .tableHeading TH:first-of-type { width: 100px; }
#prevOrders .tableHeading TH:nth-of-type(2) { width: 80px; }
#prevOrders .tableHeading TH:nth-of-type(3) { }
#prevOrders .tableHeading TH:nth-of-type(4) { width: 100px; }
#prevOrders .tableHeading TH:last-of-type {width: 200px;}

#prevOrders td {text-align: center;padding: 2px 6px;vertical-align: middle;}
#prevOrders td:nth-of-type(3) { text-align: left; }
#prevOrders td:nth-of-type(4) { text-align: right; }
#prevOrders td:last-of-type a img {/* width: 100%; */}


/*ご注文履歴(全てのご注文履歴を見る)*/
body #accountHistoryDefault fieldset {
    width: 98%;
    margin: 0px auto;
}
body #accountHistoryDefault fieldset:first-of-type > legend {
    font-size: 15px;
}
#orderTable {
    width: 100%;
}
#orderTable th {
    background: #008842;
    height: 30px;
    vertical-align: middle;
    color: #fff;
}

#orderTable th:first-of-type {}
#orderTable th:nth-of-type(2) {}
#orderTable th:nth-of-type(3) {width: 90px;}
#orderTable th:nth-of-type(4) { width: 80px; }
#orderTable th:nth-of-type(5) { width: 80px; }
#orderTable th:last-of-type {width: 100px;}

#orderTable td {
    text-align: center;
    vertical-align: middle;
    padding: 6px 2px;
}
#orderTable td:first-of-type { width: 150px; }
#orderTable td:nth-of-type(2) { width: 100px; }
#orderTable td:nth-of-type(3) {/* width: 100px; */}
#orderTable td:nth-of-type(4) { width: 100px; }
#orderTable td:nth-of-type(5) {width: 80px;}
#orderTable td:last-of-type {width: 130px;}







/*ポイント*/
div#poinrBlock h2 {
    box-sizing: border-box;
    background: #fff;
}
div#poinrBlock p {
    text-align: right;
    margin-bottom: 10px;
}

div#poinrBlock p a {
    color: #000;
}
div#poinrBlock table {
    width: auto;
    margin: 0 0 0 auto;
}
div#poinrBlock table th,
div#poinrBlock table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
div#poinrBlock table th {width: 100px;background: #ddd;}
div#poinrBlock table td {
    width: 80px;
}
div#poinrBlock table td:first-of-type {
    border-right: 10px solid #fff;
}


/* アカウント登録 --------------------------------------------------------------------*/
#createAcctDefault [type="checkbox"] {
    display: inline-block;
}


/* 登録情報変更 --------------------------------------------------------------------*/
#accountEditDefault .accEdit input[type="radio"] {
    width: 30px;
}


/* アドレス帳 --------------------------------------------------------------------*/
.messageStackSuccess {
    background: #4c61ff;
    border: none;
    text-align: center;
    font-size: 15px;
    padding: 7px 0px;
    margin-bottom: 10px;
    color: #fff;
}
div#addressBookDefault .back {
    width: 400px;
}
fieldset.accAddBookList .addList {
    display: inline-block;
    width: 45%;
    margin: 0px 15px;
}


#addressBookDefault .alert.forward {
    margin-bottom: 10px;
}
#addressBookDefault h3.addressBookDefaultName {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 0px 5px;
}

/* お届け先住所を変更してください --------------------------------------------------------------------*/
#checkoutShipAddressDefault fieldset form {
    display: inline-block;
    margin: 10px;
    width: 45%;
    border: 1px solid #7cbd23;
    padding: 5px;
    vertical-align: top;
}
#checkoutShipAddressDefault > fieldset form .buttonRow.back,
#checkoutShipAddressDefault > fieldset form .buttonRow.forward.none {
    float: none;
}
#checkoutShipAddressDefault fieldset form #defaultSelected {
	display: block;
	text-align: center;
	padding: 2px 0px;
	background: #7cbd23;
	color: #fff;
	margin-bottom: 5px;
}


/* タイムアウト --------------------------------------------------------------------*/
div#timeoutDefaultContent {
    width: 95%;
    margin: 0px auto;
}
div#timeoutDefaultContent p {
    line-height: 1.8em;
}
div#timeoutDefaultContent p a {
    color: #ff0000;
    font-weight: bold;
}
fieldset.accTimeOut input[type="password"] {
    width: 200px;
}
/*div#timeoutDefault .important {
    text-align: right;
    float: none;
}*/
div#timeoutDefault .forward {
    float: none;
    text-align: center;
}

/*ニュースレター購読*/
#acctNewslettersDefault input {
    display: inline-block;
}


@media only screen and ( max-width: 1000px) {
	div#loginDefault fieldset form {
			width: 90%;
			margin: 0px auto;
	}
	body fieldset label[class^="input"], body fieldset .reset span.title {
			display: block;
			width: 100%;
			margin: 0;
			background: none;
			padding: 0;
			margin-bottom: 5px;
	}
	fieldset input[type="text"], fieldset input[type="tel"], fieldset input[type="password"], fieldset select {
			width: 100%;
	}
}
@media only screen and ( max-width: 767px) {

    h1[id^="createAcct"], h1[id$="Heading"] {
        font-size: 18px;
        text-align: center;
    }
	div#loginDefault fieldset .information {
			font-size: 12px;
	}




}