@charset "euc-jp";

/* ************************************************
 * ------------------------------------------------
 *      決済画面 CSS
 * ------------------------------------------------
 * ************************************************ */

table.table1 {
  width:70%;
}
/* -------------------------------------
 *      ページ背景色（全体）
 *      ページ背景画像（全体）
 *      フォント・フォーム・共通部分
 * ------------------------------------- */

* {
        margin:0px;
        padding:0px;
}

body {
        background-color:#fafafa;
        color:<{$page_fontcolor}>;
        font-size: <{$page_fontsize}>;
	font-family: Palatino, "Palatino Linotype", "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","MS 明朝", 'Baskerville',serif;
		letter-spacing: 0.05em;
        margin:0;
        padding:0;
}

ul {
        list-style-type:none;
}

form {
        margin:0px;
        padding:0px;
}

img {
        border:none;
}

input {
        padding:1px;
        margin:2px;
}

select {
        padding:2px;
        margin:2px 0px;
}

textarea {
        padding:2px;
        margin:2px 0px;
        font-size:12px;
}

span.b {
        font-weight:bold;
}

span.small {
        font-size:10px;
        line-height:130%;
}

br.clear {
        clear:both;
}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

/* -------------------------------------
 *      リンクの文字/通常時(link,visited,active)
 *      リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a:link {color:<{$link_fontcolor}>; text-decoration:none;}
a:visited {color:<{$link_fontcolor}>; text-decoration:none;}
a:active {color:<{$link_fontcolor}>; text-decoration:none;}
a:hover {color:<{$link_fontcolor_onmouse}>; text-decoration:yes;}

td a:link {color:<{$link_fontcolor}>; text-decoration:underline;}
td a:visited {color:<{$link_fontcolor}>; text-decoration:underline;}
td a:active {color:<{$link_fontcolor}>; text-decoration:underline;}
td a:hover {color:<{$link_fontcolor_onmouse}>; text-decoration:underline;}


/* -------------------------------------
 *      メイン部分中央寄せ
 * ------------------------------------- */
#wrapper {
        width:800px;
        margin:20px auto;
        text-align:left;
}

/* -------------------------------------
 *      ヘッダー
 * ------------------------------------- */
.view_pc .base01 {
	max-width: 100%;
	width: 100%;
}

#header {
        width:100%;
        margin:0px auto;
        padding: 0;
}

/* 買い物ステップ */
#shopping_step {
	display: none;
}

/* ショップタイトル */
.title_area {
	height: 153px;
	margin-bottom: 40px;
	background-color: #000;
	text-align: center;

}

.title_area a {
		width: 100%;
        font-size:50px;
        line-height:140%;
        color:<{$title_fontcolor}>;
        margin-bottom:20px;
}
.title_area a img {
	margin: 0 auto;
	height: 50px;
	padding: 44px 0;
    }
.p-page__wrap .p-shop__header {
    width: auto;
    text-align: center;
    padding: 0;
}


/* -------------------------------------
 *      エラーBOX
 * ------------------------------------- */
.errorbox {
        background:#FFF url(../img2/ic_alart.png) no-repeat 10px 7px;
        border:2px solid #FF0000;
        padding:8px 5px 8px 40px;
        color:#FF0000;
        font-weight:bold;
        text-align:left;
        margin:30px auto 20px;
        clear:both;
}

/* -------------------------------------
 *      エラーメッセージ
 * ------------------------------------- */
.errormsg {
        color:#FF0000;
        font-size:12px
}

/* -------------------------------------
 *      カートの中
 * ------------------------------------- */
#cart {
        width:100%;
        clear:both;
}
#cart th{
	letter-spacing: 0.2em;
	font-size: 92.3%;
}
/* 商品画像 */
td.photo {
        padding:3px;
        background-color:#fafafa;
        border-bottom:1px solid #e9e9e9;
        width:70px;
}

/* 商品名 */
td.name {
        background-color:#fafafa;
        padding:5px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:left;
}

/* 販売価格 */
td.price {
        background-color:#fafafa;
        padding:5px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:right;
}

/* 個別送料 */
td.price .indidelivery {
        font-size:12px;
        color:#FF6600;
}

/* 数量 */
td.unit {
        background-color:#fafafa;
        padding:5px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:right;
}

/* 変更 */
td.delete {
        background-color:#fafafa;
        padding:5px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:center;
}

/* 小計 */
td.subtotal {
        background-color:#fafafa;
        padding:5px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:right;
}

/* 商品合計 */
td.totalprice {
        background-color:#fafafa;
        padding:24px 10px;
        border-bottom:1px solid #e9e9e9;
        text-align:right;
}

/* -------------------------------------
 *      入力フォーム
 * ------------------------------------- */
.table_form {
        width:100%;
        margin:24px auto 0px;
        border-top:1px solid <{$table_color}>;
        border-right:1px solid <{$table_color}>;
        border-left:1px solid <{$table_color}>;
}

/*見出し*/
h2 {
        background-color:#5F5F5F;
        padding:7px 10px;
        color:#FFFFFF;
        font-size:14px;
        text-align:left;
}

/*必須項目*/
.must {
        margin-left:5px;
        color:#FF3366;
}

/*入力フォーム解説*/
.note {
        margin:3px;
        color:#666666;
}

/*ショップ会員登録*/
ul.shopmem_regist li {
        margin-right:10px;
        display:inline;
        width:200px;
}

/*送付先の設定*/
ul.deli_choice li {
        margin-bottom:10px;
}

ul.deli_choice li:last-child {
        margin-bottom:0px;
}

/* 配送料無料設定 */
#freeshopping ul {
        background-color:#FFE8E8;
        padding:10px;
        margin-top:10px;
        color:#FF0066;
        font-weight:bold;
        text-align:right;
}

/* -------------------------------------
 *      フォームcell共通
 * ------------------------------------- */
.cell_1_c {
        background-color:<{$table_title_bgcolor}>;
        border-bottom: 1px solid #e9e9e9;
        padding:10px 10px;
        margin-bottom: 10px;
        text-align:center;
        font-weight:normal;
        color:<{$table_title_fontcolor}>;
}

.cell_1_l {
        background-color:<{$table_title_bgcolor}>;
        padding:7px 10px;
        text-align:left;
        font-weight:normal;
        color:<{$table_title_fontcolor}>;
}

.cell_1_r {
        background-color:<{$table_title_bgcolor}>;
        padding:7px 10px;
        text-align:right;
        font-weight:normal;
        color:<{$table_title_fontcolor}>;
}

.cell_2_c {
        background-color:<{$table_colum_bgcolor}>;
        padding:7px 10px;
        text-align:center;
        font-weight:normal;
}

.cell_2_l {
        background-color:<{$table_colum_bgcolor}>;
        padding:7px 10px;
        text-align:left;
        font-weight:normal;
}

.cell_2_r {
        background-color:<{$table_colum_bgcolor}>;
        padding:7px 10px;
        text-align:right;
        font-weight:normal;
}

.cell_3 {
        background-color:<{$table_colum_bgcolor}>;
        padding:20px 10px 8px 10px;
        font-size:16px;
        font-weight:bold;
        font-weight:normal;
}

.p-page__body-inner {
	background-color: #fafafa;
}
.c-alert {
	display: block;
    color: inherit;
    background: #fafafa;
    padding: 20px 40px;
    line-height: 1.6;
    text-align: left;
    border: 1px solid #d7dee2;
    border-radius: 2px; 
}
.c-input--text {
    border: 1px solid #d7dee2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.p-page__body-inner {
	border-top: none;
	border-bottom: none;
}
.c-form__note a {
	color: inherit;
	border-bottom: 1px solid #ccc;
}
			@media (max-width: 768px) {
				.c-form__title, .c-table-preview__title {
				    font-weight: normal;
				    padding: .5em 0 0 0.2em;
				}
			}

/* 配送方法・決済方法選択 */
.select_rb {
        background-color:#FEF4CD;
        padding:5px;
        font-size:14px;
        color:#000000;
        font-weight:bold;
        margin-bottom:5px;
}

.select_rb .button {
        padding:5px;
        vertical-align:middle;
}

.select_ex {
        margin:10px 10px 15px 10px;
}


/* -------------------------------------
 *      総合計の文字色
 * ------------------------------------- */
.prod_total {
        color:#000;
        font-weight:bold;
}

.all_total {
        color:#000;
        font-size:14px;
        font-weight:bold;
}

/* -------------------------------------
 *      カートを空にする・変更
 * ------------------------------------- */
.link_empty {
        float:right;
        margin:0px 0px 10px 0px;
}

.link_change {
        float:right;
        margin:0px 10px 10px 0px;
}

/* -------------------------------------
 *      ボタン
 * ------------------------------------- */
#btn {
        width:500px;
        height:75px;
        margin:10px auto;
}

a.btn_backtoshop,
a.btn_regi,
a.btn_next,
a.btn_back,
a.btn_change,
a.btn_addaddress,
a.btn_addaddress_post,
a.btn_addaddress_update,
a.btn_pickup_end,
a.btn_s_back,
a.btn_itempickup,
a.btn_itempickup_post,
a.btn_end,
a.btn_creditpay,
a.btn_backtop {
        background-image:url(https://file003.shop-pro.jp/PA01426/881/images/ari_shop_icon.png);
	background-color: #ded97b ;	
        background-repeat:no-repeat;
        text-indent:-9999px;
        border-style: none;
        margin:0 auto;
        float:left;
        display: inline;
        overflow: hidden;
}
a.btn_backtoshop:hover,
a.btn_regi:hover,
a.btn_next:hover,
a.btn_back:hover,
a.btn_change:hover,
a.btn_addaddress:hover,
a.btn_addaddress_post:hover,
a.btn_addaddress_update:hover,
a.btn_pickup_end:hover,
a.btn_s_back:hover,
a.btn_itempickup:hover,
a.btn_itempickup_post:hover,
a.btn_end:hover,
a.btn_creditpay:hover,
a.btn_backtop:hover {
	background-color: #e5da13 ;	
}
a.btn_backtoshop {
        background-position:0px 0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_backtoshop {
        background-position:0px -42px;
}

a.btn_regi {
        background-position:-230px 0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_regi {
        background-position:-230px -42px;
        float:left;
        margin:15px 10px 30px;
}

a.btn_back {
        background-position:-460px 0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_back {
        background-position:-460px -42px;
}

a.btn_change {
        background-position:-1611px 0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_change {
        background-position:-1611px -42px;
}

a.btn_next {
        background-position:-690px 0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_next {
        background-position:-690px -42px;
}

a.btn_itempickup {
        background-position:-1150px -0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_itempickup {
        background-position:-1150px -42px;
}

a.btn_itempickup_post {
        background-position:-1380px -0px;
        width:230px;
        height:42px;
        float:left;
        margin:15px 10px 30px;
}

a:hover.btn_itempickup_post {
        background-position:-1380px -42px;
}

a.btn_addaddress {
        background-position:0px -94px;
        width:190px;
        height:36px;
        margin:10px;
        float:right;
}

a:hover.btn_addaddress {
        background-position:0px -130px;
}

a.btn_addaddress_post {
        background-position:-190px -94px;
        width:190px;
        height:36px;
        margin:10px;
        float:right;
}

a:hover.btn_addaddress_post {
        background-position:-190px -130px;
}

a.btn_addaddress_update {
        background-position:-760px -94px;
        width:190px;
        height:37px;
        margin:10px;
        float:right;
}

a:hover.btn_addaddress_update {
        background-position:-760px -130px;
}

a.btn_pickup_end {
        background-position:-570px -94px;
        width:190px;
        height:36px;
        margin:10px;
        float:right;
}

a:hover.btn_pickup_end {
        background-position:-570px -130px;
}

a.btn_s_back {
        background-position:-380px -94px;
        width:190px;
        height:36px;
        margin:10px;
}

a:hover.btn_s_back {
        background-position:-380px -130px;
}

.btn_bg {
        background:#FEFBCD;
        border:3px solid #FFCC00;
        margin:0 auto;
        text-align:center;
        width:794px;
}

a.btn_end {
        background-position:-920px 0px;
        width:230px;
        height:42px;
        margin:15px 10px;
}

a:hover.btn_end {
        background-position:-920px -42px;
}

a.btn_creditpay {
        background-position:-1840px 0px;
        width:300px;
        height:52px;
        margin:30px 100px;
}

a:hover.btn_creditpay {
        background-position:-1840px -52px;
}

a.btn_backtop {
        background-position:-2140px 0px;
        width:300px;
        height:52px;
        margin:30px 100px;
}

a:hover.btn_backtop {
        background-position:-2140px -52px;
}

#quick {
        width:500px;
        background:#FFECDF;
        text-align:left;
        border:2px solid #FDA753;
        padding:15px;
        margin:0px auto 20px;
}



.c-button {
	background: #ded97b;
    box-shadow: none;
}

.c-button:hover {
	background: #e5da13;
}

.c-button--primary, .c-button--primary:link, .c-button--primary:hover, .c-button--primary:active, .c-button--primary:visited {
    color: inherit;
}

/*フォームボタン*/
input.image_btn {
        cursor:pointer;
        display:inline-block;
        background-repeat:no-repeat;
        background-color: #fafafa;
        padding:3px 6px;
        color:#000;
        border:2px solid #e5da13;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        -webkit-transition:0.1s linear all;
        -moz-transition:0.1s linear all;
        -ms-transition:0.1s linear all;
        -o-transition:0.1s linear all;
        transition:0.1s linear all;
}

input:hover.image_btn {
        background-color: #e5da13;
}
.p-page__body-inner {
	
}

/* -------------------------------------
 *      クイック購入ボタン
 * ------------------------------------- */
#quick input.btn_quick {
        float:right;
}

#quick p {
        width:320px;
}

/* -------------------------------------
 *      オススメ商品
 * ------------------------------------- */
ul.pickup {
}

ul.pickup li {
        float:left;
        width:33.333333%;
}

ul.pickup li div.listbox {
        margin:0px auto;
}

ul.pickup li img {
        margin-bottom:10px;
        max-width: 100%;
}

/* -------------------------------------
 *      特定商取引法のリンク
 * ------------------------------------- */
.tokutei {
        text-align:right;
        margin-top:20px;
}

.tokutei_link {
        padding:19px;
}

/* -------------------------------------
 *      メッセージ表示域の設定
 * ------------------------------------- */
.info {
        border:1px #49BAD2 solid;
        padding:5px 10px;
        margin:15px auto;
        color:#006B80;
        text-align:left
}

/* -------------------------------------
 *      クイック購入ページ
 * ------------------------------------- */
#quick_order {
        margin-top:30px;
}

#quick_order .calamel_area {
        float:right;
        margin-top:20px;
        width:380px;
}

#quick_order .calamel_area .cap {
        font-size:14px;
        line-height:150%;
        font-weight:bold;
}

#quick_order .calamel_area .cap .gmopoint {
        color:#FF6600;
}

#quick_order .calamel_area .txt {
        margin-top:20px;
}

#quick_order .calamel_area .link {
        margin-top:20px;
}

#quick_order .calamel_area .link p {
        margin-bottom:5px;
}

/* -------------------------------------
 *      とくＰ・ショップログインエリア
 * ------------------------------------- */
#gmopointlogin {
        float:left;
}

#shoplogin {
        float:right;
}

dl.member_login {
        width:380px;
        border: 2px solid #e5da13;
        margin:20px auto 0px;
        border-radius: 2px;
}

dl.member_login dt {
        background:#EEE;
        padding:10px;
        font-weight:bold;
        font-size:14px;
        text-align:center;
}

dl.member_login dd {
        padding:15px;
}

dl.member_login dd .get_point {
        background:#FEFBCD;
        border:3px solid #FFCC00;
        padding:10px;
        margin:20px 0px;
        text-align:center;
}

dl.member_login dd .get_point span.point {
        color:#FF0000;
}

dl.member_login dd .get_point span.small {
        font-size:10px;
}

dl.member_login table.login_form {
        text-align:left;
        margin:0 auto;
}

dl.member_login table.login_form th {
        padding:3px;
        text-align:left;
        width:110px;
}

dl.member_login table.login_form td {
        padding:3px;
}

dl.member_login table.login_form input.button {
        cursor:pointer;
        display:inline-block;
        background-color:#ded97b;
        background-repeat:no-repeat;
        padding:5px 10px;
        color:#000;
        font-weight:bold;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        -webkit-transition:0.1s linear all;
        -moz-transition:0.1s linear all;
        -ms-transition:0.1s linear all;
        -o-transition:0.1s linear all;
        transition:0.1s linear all;
}

dl.member_login table.login_form input:hover.button {
        background-color:#e5da13;
}

dl.member_login table.login_form .regist {
        text-align:center;
        font-weight:bold;
        font-size:16px;
}

dl.member_login table.login_form .passward {
        text-align:center;
}

dl.member_login table.login_form .otheraccount {
        float:left;
}

dl.member_login .calameltit {
        margin:20px 0px 5px 0px;
}

dl.member_login p {
        margin-bottom:10px;
}

/* -------------------------------------
 *      今回利用するポイント
 * ------------------------------------- */
.point_input {
        width:60px;
        text-align:right;
        background-color:#FDFCCC;
}

.point_input_error {
        width:60px;
        text-align:right;
        background-color:#FECBCB;
}

.yahoo_logout {
margin-top:5px;
}

/* -------------------------------------
 *      今回のお買物の付与ポイント
 * ------------------------------------- */
.point_get {
        width:300px;
        float:right;
        margin:3px 0px 20px 0px;
        background-color:#FFE1E1;
        text-align:right;
        padding-bottom:10px;
}

.point_get .arrow {
        background:url(../img2/point_arrow.gif) no-repeat top right;
        width:100%;
        height:10px;
}

.point_get dl dt {
        margin:5px 5px 5px 5px;
}

.point_get dl dd {
        padding:0px 5px 0px 15px;
}

.point_get .point {
        color:#CC0000;
        font-weight:bold;
}

#copyright {
        border-top:1px solid #CCCCCC;
        padding-top:10px;
        margin-top:30px;
        text-align:center;
        clear:both;
}

/* -------------------------------------
 *      送付先追加BOX
 * ------------------------------------- */
.addaddressbox {
        margin:0 auto;
}

/* -------------------------------------
 *      「個別配送」注意文
 * ------------------------------------- */
.individual_msg {
        width:800px;
        margin:10px auto;
}

/* -------------------------------------
 *      かんたん決済を利用する
 * ------------------------------------- */
.table_kantan {
        background:#CCCCCC;
        padding:3px;
        margin-bottom:10px;
}

.table_kantan .kantan_select {
        background:#EEEEEE;
        padding:5px 10px;
        margin-bottom:5px;
        color:#000;
        font-weight:bold;
}

/* -------------------------------------
 *      注意事項
 * ------------------------------------- */
.attention {
        width:800px;
        margin:10px auto;
}

.back_shop_link {
        text-align:right;
        margin:10px 17px;
}

/* -------------------------------------
 *      支払合計金額
 * ------------------------------------- */
.payment_price {
        border-bottom:1px solid #000000;
        text-align:right;
        float:right;
        margin:30px 0px 60px;
        padding-bottom:5px;
        color:#000000;
}

.payment_price .number {
        font-weight:bold;
        font-size:18px;
        margin-left:50px;
}

/* -------------------------------------
 *      今回の買物で付与されるポイント（カート）
 * ------------------------------------- */
.save_point {
        background:#FEFBCD;
        border:2px solid #FFCC00;
        padding:10px;
        margin:10px auto;
        text-align:center;
}

.save_point ul li {
        margin:3px;
}

.save_point ul li img {
        vertical-align:middle;
}

.save_point ul li .point {
        font-size:14px;
        font-weight:bold;
        color:#FF0000;
}

/* -------------------------------------
 *      特定商取引法
 * ------------------------------------- */
.sk_title {
        font-weight:bold;
        font-size:14px;
}

.sk_closed {
        text-align:center;
        margin:15px;
}

/* -------------------------------------
 *      注文完了
 * ------------------------------------- */
#order_end {
        text-align:center;
}

#order_end .order_number {
        width:300px;
        margin:0 auto;
        background:#FEFBCD;
        padding:20px;
        font-size:16px;
        font-weight:bold;
        margin-bottom:20px;
}

#order_end .order_cap {
        font-size:14px;
        line-height:180%;
        margin-bottom:15px;
}


/* -------------------------------------
 *      ベリサインSSLサーバ証明書
 * ------------------------------------- */
#secure_seal {
        width:500px;
        margin:20px auto;
}

#secure_seal .cap {
        padding-left:20px;
        font-size:11px;
}