@charset "utf-8";

/* ============================================================== */
/* CSS Mobile Reset */
html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 62.5%;
    /* ダブルタップによるズームを禁止 */
    touch-action: manipulation;
}
body
{
    font-family: Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    /*Arial,  sans-serif;*/
    line-height:1.4;
    font-size: 1.4rem;
    background: #fff;
    padding:5px;
    color: #111;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
    text-align: center;
    min-width:310px;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}
p img
{
    float: left;
    margin: 0 10px 5px 0;
    padding: 0;
}
img
{
    border: 0;
    /*max-width: 100%;*/
}
div
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table
{
    width:auto;
    border-collapse: collapse;
    border-spacing: 0;
    
	clear: both;
	margin-left:auto;
	margin-right:auto;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
    display: block;
}

form
{
	margin-left:auto;
	margin-right:auto;
}
input,select
{
    font-family: Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	vertical-align:middle;
	font-size: 1.6rem;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=text],
input[type=tel],
input[type=password]
{
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
}

input[type=checkbox] {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

/* chromeのフォーカス時の青枠線を消す */
*:focus
{
    outline: none;
}

/* ============================================================== */
/* サイト別 */


/* ==============================================
   ヘッダー設定
============================================== */
.hd_back
{
    width:100%;
}
.hd_cell_l
{
	text-align:left;
	vertical-align:middle;
}
.hd_cell_r
{
	text-align:right;
	vertical-align:middle;
}
.hd_logo
{
    border-width:0px;
    height:35px;
    vertical-align:middle;
}

/* ==============================================
   フッター設定
============================================== */
.ft_back
{
    margin-top: 1em;
    display:table;
	font-size:1.2rem;
	width:100%;
}
.ft_back > div
{
    display:table-row;
}
.ft_back > div > div
{
    display:table-cell;
    vertical-align: middle;
}
.ft_back > div > .ft_l
{
    text-align: left;
    padding:1em 0 1em 1em;
}
.ft_back > div > .ft_r
{
    text-align: right;
    padding:1em 1em 1em 0;
}

.copyright
{
    margin-top:2em;
    margin-bottom:2em;
    width:100%;
    font-size:1rem;
}

/* ==============================================
   共通
============================================== */
.form_back
{
	width: 100%;
}

/* タイトルバー */
.ttlbarDiv
{
    height:50px;
    padding-left: 1em;
    text-align:left;
    vertical-align: baseline;
    color: #FFF;
    background-color:#E46C0A;
}
.ttlbarDiv > img
{
    vertical-align: bottom;
}
.ttlbarDiv > a
{
    font-size: 2rem;
    vertical-align: bottom;
}

/* 背景色灰色 */
.panel_colorg
{
    text-align:left;
    padding-top:6px;
    padding-bottom:6px;
}
.panel_colorg_row
{
    background-color:#F0F0F0;
    height:40px;
    vertical-align:middle;
}

/* 背景色なし */
/* 背景色オレンジ */
.panel_color,
.panel_colorw
{
    padding: 1em;
    text-align:left;
}
.panel_color
{
    background-color:#FED4B8;
}

/* 一覧テーブル */
.list_table
{
    width:100%;
}

/* 行押下できるテーブル */
.link_table
{
    width:100%;
    text-align:left;
}
.link_table tr
{
    /* ハイライト表示しない */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* ポインタ */
    cursor: pointer;
}
.link_table tr:hover td.inforow_td { background:#FFF7CD;  color:#000000; }
.link_table tr:hover td.cstmrow_td { background:#FFF7CD;  color:#000000; }
.link_table td{ cursor: pointer; }

/* メニュー一覧行 */
.inforow_td
{
    padding-top:10px;
    padding-left:1em;
    padding-right:1em;
}
.inforow_td table
{
    width:100%;
    border-bottom:1px solid #555;
}
/* メニュー一覧 画像エリア */
.info_td1
{
    width:70px;
    height:60px;
}
/* メニュー一覧 タイトル */
.inforow_title
{
    font-size:2rem;
    height:40px;
}
/* メニュー一覧 詳細 */
.inforow_detail
{
    font-size:1.1rem;
    height:20px;
    padding-left:10px;
}
/* 顧客設定行 */
/*
.cstmrow_td
{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    background-color:#FED4B8;
}
*/
/* 購入履歴行 */
.hisrow .hisrow_td
{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    
    height:60px;
    text-align:left;
    padding-left:1em;
    background-color:#DDD;
}
/* 購入履歴行オープン時 */
.hisrow .hisrow_td_open
{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    
    height:60px;
    text-align:left;
    padding-left:1em;
    /*background-color:#FED4B8;*/
    background-color:#FFF7CD;
}
/* 購入履歴行(未納品分) */
.hisrow_web .hisrow_td
{
    border-top:1px solid #FD9751;
    border-bottom:1px solid #FD9751;
    
    height:60px;
    text-align:left;
    padding-left:1em;
    background-color:#FED4B8;
    color:#F00;
}
/* 購入履歴行オープン時 */
.hisrow_web .hisrow_td_open
{
    border-top:1px solid #FD9751;
    border-bottom:1px solid #FD9751;
    
    height:60px;
    text-align:left;
    padding-left:1em;
    /*background-color:#FED4B8;*/
    background-color:#FFF7CD;
    color:#F00;
}

/* 読み込み中表示
   width,heightはjsで設定 */
#showNowLoading
{
    position:absolute;
    top:0;
    left:0;
    z-index:99991;
    width:100%;
    height:100%;
}
#showNowLoading > div:first-child
{
    position:absolute;
    top:0;
    left:0;
    background: #FFF;
    opacity:0.2;
    width:100%;
    height:100%;
}
#showNowLoading > div:last-child
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
    vertical-align:middle;
    width:50px;
    height:50px;
}

body.urgent_body
{
    background-color: #FFFF99;
}

/* ==============================================
   画像サイズ
============================================== */
/* 商品一覧画像 */
.orderGoodsImg
{
	width: 100px;
	height: 100px;
	vertical-align: text-bottom;
}
/* 商品不可画像 */
.orderDeleteImg
{
    margin: 0px 0px 0px 0px;
	padding: 30px 30px 30px 30px;
	width: 40px;
	height: 40px;
	vertical-align: text-bottom;
}
/* 商品詳細画像 */
.detailGoodsImg
{
	width: 200px;
	height: 200px;
	vertical-align: text-bottom;
}
/* タイトルアイコン画像 */
.titleIcon
{
	width: 50px;
	height: 50px;
	vertical-align:middle;
	/*background-color:#FF7F26;*/
}
/* メニューアイコン画像 */
.menuIcon
{
	width: 60px;
	height: 60px;
	vertical-align:middle;
}
.menuIconL
{
	width: 70px;
	height: 70px;
	vertical-align:middle;
	margin-right:12px;
}
.searchDiv .titleIcon,
.mycatalogButton .titleIcon,
.goodsRow img[src$="my_add1.png"].titleIcon,
.menuIcon,
.menuIconL
{
	background-color:#FF7F26;
}

/* 温度帯画像 */
.goodsSubIcon
{
    border-width:0px;
    margin-left:1px;
	height: 14px;
	vertical-align:middle;
	padding-bottom:2px;
}

/* ============================================================== */
/* = 共通                                                       = */
/* ============================================================== */

/* 矢印右 */
.arrow_r_td
{
    height:60px;
    text-align:left;
    font-size: 1.6rem;
    vertical-align:middle;
    padding-left:1em;
}
.arrow_r_td a
{
    padding-right:20px;
    background: url(../../../Image/smp_arrow_r.png) no-repeat 100% 50%;
    display: block;
}
/* 矢印上 */
.arrow_u
{
    padding-right:20px;
    background: url(../../../Image/smp_arrow_u.png) no-repeat 100% 50%;
    display: block;
}
/* 矢印下 */
.arrow_d
{
    padding-right:20px;
    background: url(../../../Image/smp_arrow_d.png) no-repeat 100% 50%;
    display: block;
}
/* 矢印上 */
.arrow_u2
{
    padding-right:20px;
    background: url(../../../Image/smp_arrow_u2.png) no-repeat 100% 50%;
    display: block;
}
/* 矢印下 */
.arrow_d2
{
    padding-right:20px;
    background: url(../../../Image/smp_arrow_d2.png) no-repeat 100% 50%;
    display: block;
}

/* お知らせ一覧 */
.info_button
{
    line-height:1.5;
    list-style-type:none;
    padding-left:0px;
    margin-left:0px;
    text-align:left;
}
.info_button li
{
    margin-bottom:10px;
}
.info_button_link
{
    color:#00F;
    text-decoration:underline;
    
    /* ハイライト表示しない */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* ポインタ */
    cursor: pointer;
}

/* ============================================================== */
/* = ボタン                                                     = */
/* ============================================================== */
.defaultButton,
.detailButton,
.procButton,
.submitButton,
.orderMenuBtn,
.detailViewBtn,
.myCtrgDelBtn,
.searchTypeBtn
{
    cursor: pointer;
     /* 角を円くする */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
     border-radius: 4px;
    /* iphoneで丸が大きくなってしまう対応 */
    -webkit-appearance: none;
}
.defaultButton { color:#FFFFFF; background: #909090; border-color: #909090; width:120px; height:30px; }
.detailButton { color:#000000; background: #909090; border-color: #909090; }
.procButton { color:#FFFFFF; background: #FF7A26; border-color: #FF7A26; width:170px; height:30px; }
.submitButton { color:#FFFFFF; background: #EA4335; border-color: #EA4335; width:120px; height:30px; }
/*.submitButton { color:#FFFFFF; background: #FF2701; border-color: #FF2701; width:120px; height:30px; }*/
.orderMenuBtn { color:#FFFFFF; background: #FF7A26; border-color: #FF7A26; width:100%; height:30px; }
.orderMenuBtn.active { background: #909090; border-color: #909090; }
.detailViewBtn { color:#000000; background: #909090; border-color: #909090; width:100px; height:30px; }
.myCtrgDelBtn { color:#000000; background: #909090; border-color: #909090; width:170px; height:30px; }
.searchTypeBtn { color: white; background-color: #FF7A26; border-color: #FF7A26; width: 100%; }
.searchTypeBtn.selected { background-color: #909090; border-color: #909090; }

/* もっと見るボタン */
.AddAreaButton
{
    cursor: pointer;
    color:#FFFFFF;
    
    width:100%;
    height:30px;
    
    margin-top:10px;
    margin-bottom:10px;

    /* iphoneで丸が大きくなってしまう対応 */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;

    background: #909090;
    border-color: #909090;
}

/* ==============================================
   顧客設定
============================================== */
.cstmsettingTitle
{
    height:60px;
    line-height:60px;
    
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    background-color:#FED4B8;
    padding-left:1em;
    text-align:left;
    position:relative;
    font-size:1.6rem;

}
.cstmsettingTitle:hover
{
    background:#FFF7CD;
    color:#000000;
}
.cstmsettingItem
{
    display:none;
}

/* ==============================================
   数量
============================================== */
.OrdInDiv
{
    min-width:120px;
    max-width:180px;
    text-align:right;
    display: inline-block;
}
.OrdInDiv.w180
{
    width:180px;
}
.OrdInDiv > .amntM,
.OrdInDiv > .amntP
{
    width: 30px;
    height: 60px;
    background-color: #909090;
    border: 1px solid #909090;
    color: #FFF;
    text-align: center;
    font-size: 2.4rem;
    vertical-align: middle;
    cursor: pointer;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    padding: 0; /* iphoneで勝手にpaddingが付けられるため */

     /* 角を円くする */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
     border-radius: 0;
    /* iphoneで丸が大きくなってしまう対応 */
    -webkit-appearance: none;
}
.OrdInDiv > .amntTxt
{
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #FFF5F5;
    border: 1px solid #909090;
    text-align: right;
    font-size: 2rem;
    vertical-align: middle;

     /* 角を円くする */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
     border-radius: 0;
    /* iphoneで丸が大きくなってしまう対応 */
    -webkit-appearance: none;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
.OrdInDiv > .amntTxt:placeholder-shown 
{
    text-align:center;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
.OrdInDiv > .amntTxt::-webkit-input-placeholder {
    text-align:center;
}
/* Firefox 18- */
.OrdInDiv > .amntTxt:-moz-placeholder {
    text-align:center;
}
/* Firefox 19+ */
.OrdInDiv > .amntTxt::-moz-placeholder {
    text-align:center;
}
/* IE 10+ */
.OrdInDiv > .amntTxt:-ms-input-placeholder {
    text-align:center;
}

/* ケースバラ選択追加に伴い削除
.confirmAmount .OrdInDiv > .amntM,
.confirmAmount .OrdInDiv > .amntP
{
    height: 40px;
}
.confirmAmount .OrdInDiv > .amntTxt
{
    height: 40px;
    line-height: 40px;
}
*/

/* ケースバラ選択 */
.ordUnitArea
{
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 60px;
    height: 60px;
}
.ordUnitArea > div
{
    display:block;
    float:none;
    background: #999;
    color: #fff;
    text-align: center;
    
    width: 56px;
    height: 28px;
    line-height: 28px;
    margin-right: 4px;
}
.ordUnitArea > div.clk
{
    cursor:pointer;
}
.ordUnitArea > div:nth-child(n+2)
{
    margin-top: 4px;
}
.ordUnitArea > div.active
{
    background: #E00;
}
.ordUnitArea > div.noactive
{
    background: #00E;
    cursor:default;
}
.ordUnitArea > div.dummy
{
    background: transparent;
}

.saleOrdArea
{
    text-align:right;
    position:relative;
}
.saleOrdArea > div
{
    display:inline-block;
}
.saleOrdArea > div.saleOrdArea1
{
    position:absolute;
    left:0;
    text-align:left;
}
.tdOrderAmountCP
{
	font-size: large;
}
.tdOrderAmountCP > div
{
    display:inline-block;
    font-size:1.2rem;
    line-height:1;
    text-align:right;
    margin-left:0.5em;
}
.tdOrderAmountCP > div > .shipFixP
{
    display:inline-block;
    min-width:2em;
}
.tdOrderAmountCP > div > .shipFixC
{
    display:inline-block;
    min-width:1em;
}

/* ==============================================
   商品検索条件パネル
============================================== */
.searchDiv
{
    width:100%;
    padding: 0.5em;
    background: #FED4B8;
}
.searchDiv table
{
    width:100%;
}
.searchDiv table tr td
{
    text-align: left;
    padding: 5px;
}
.searchDiv .imgTd
{
    height:70px;
    width:80px;
}
.searchDiv .imgTd img
{
    height:70px;
    width:70px;
}
.searchDiv select
{
    width:100%;
}
.searchDiv .searchBtnTd
{
    width: 80px;
    text-align: right;
}
.searchDiv .searchBtnTd input
{
    width:70px;
}
.toolMenuDiv
{
    display: none;
    margin-top:2em;
    margin-bottom:2em;
}

/* ==============================================
   商品一覧表示
============================================== */
.goodsRow
{
    padding:0.5em;
    border-bottom: 1px solid #999;
}
.dateRow span + .goodsRow,
.goodsRow:first-child
{
    border-top: 1px solid #999;
}
.goodsRow .itemTitle
{
    font-size:1.2rem;
    margin-right:0.5em;
}
.goodsRow .goodsNm
{
    font-size:2rem;
}
.goodsRow .goodsFontL
{
    font-size:2rem;
}
.goodsRow .goodsFontLRight
{
    font-size:2rem;
    text-align:right;
}
.goodsRow .newPriceArea
{
    display: block;
    text-align: right;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
}
.goodsRow .newPriceArea > img
{
    vertical-align: top;
}
.goodsRow .caseQuantity
{
    display: block;
    text-align: right;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    line-height:1;
}

/* 注文番号20桁表示 */
.gdcdInfoArea,
.gdcdInfoArea .gdcd2 > span
{
    display:table;
    width:100%;
}
.gdcdInfoArea > span,
.gdcdInfoArea .gdcd2 > span > span
{
    display:table-row;
    position:relative;
    width:100%;
}
.gdcdInfoArea > span > span,
.gdcdInfoArea .gdcd2 > span > span > span
{
    display:table-cell;
    vertical-align:top;
    white-space:nowrap;
}
.gdcdInfoArea .gdcd1
{
    width:8.5em;
    text-align:left;
    padding-right:2px;
}
.gdcdInfoArea .gdcd2
{
    width:100%;
}
.gdcdInfoArea .gdcd3
{
    width:50px;
}
.gdcdInfoArea .tdPrice
{
    width:100%;
}

/*  */
.temperIcon
{
    display:inline-block;
    line-height:1;
    margin-left:5px;
    vertical-align:baseline;
    text-align:center;
}
.temperIcon > a
{
    vertical-align:middle;
    text-align:center;
    font-size:11px;
    padding:3px 7px;

    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -o-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    -webkit-appearance: none;
}
.temperIcon > a.icon01
{
    color:#FFF;
    background-color: #E0A100;
}
.temperIcon > a.icon02
{
    color:#FFF;
    background-color: #7EC200;
}
.temperIcon > a.icon03
{
    color:#FFF;
    background-color: #198BDA;
}
.temperIcon > a.iconMarketPrice
{
    width:50px;
    color:#0000C8;
    background-color: #F6F6F6;
    border:1px solid #A0A0A0;
}

.ppunit {
    font-size: 1.4rem;
    white-space: nowrap;
}

.goodsKywdList
{
	margin-bottom:8px;
}
.goodsKywdList > .item
{
    position: relative;
	display:inline-block;
	margin-top:5px;
	background: #E46C0A;
	color:#FFF;
	padding: 5px 10px;
	border-radius: 5px;
	white-space: nowrap;
	margin-right:8px;
	margin-top:8px;
	cursor:pointer;
}
.goodsKywdList > .item:before
{
	content:"#";
}

/* ==============================================
   注文確定パネル
============================================== */
.dateRow {
    padding: 4px;
    border-bottom: 1px solid #999;
    text-align: left;
}
.dateRow:first-child
{
    border-top: 1px solid #999;
}
.ordConfirmDiv
{
    width:100%;
    max-width:400px;
}
.ordConfirmDiv tr td:nth-child(1)
{
    width:12em;
    text-align:left;
    padding-right:1em;
}
.ordConfirmDiv tr td:nth-child(2)
{
    width:2em;
    text-align:center;
}
.ordConfirmDiv tr td:nth-child(3)
{
    text-align:right;
}
.ordFixExte
{
    width:100%;
    max-width:420px;
    text-align:left;
    color:#A00;
    margin-left:auto;
    margin-right:auto;
    padding-top:1rem;
}
.ordFixExte > div
{
    padding-left:1em;
    text-indent:-1em;
}

.taxRateDisp
{
    display:inline-block;
    font-size:10px;
}
.taxRateTtlRowTitle
{
    display:inline-block;
    width:7.5em;
}
.ordConfirmDiv tr.taxRateTtlRow td:nth-child(1)
{
    text-align:right;
    padding-right:1em;
    font-size:1.2rem;
}
.ordConfirmDiv tr.taxRateTtlRow td:nth-child(3)
{
    text-align:right;
}
.ordConfirmDiv tr td.selDlvrDatePnl
{
    text-align:right;
    padding-right:0px;
    position:relative;
    padding-left:8em;
}
.ordConfirmDiv tr td.selDlvrDatePnl .ttlDiv
{
    position:absolute;
    left:0;
    height:28px;
    line-height:28px;
}
.ordConfirmDiv tr td.selDlvrDatePnl .cmbDiv
{
    display:inline-block;
    width:10em;
}

.endPlanIcon, .endPlanIcon_mini
{
    display:inline-block;
    padding:2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    
    font-size:1.2rem;
    background:#E00;
    color:#FFF;
    width: 15em;
    text-align:center;
}
.endPlanIcon_mini
{
    width: 13em;
    font-size:1.1rem;
}

.goodsRow .relationKywd
{
    margin-top: 0.5em;
    margin-bottom:1px;
}
.relationKywd
{
    text-align: right;
}
.relationKywd > div > img
{
    height:16px;
    vertical-align:middle;
    margin-right:0.5em;
}
.relationKywd > div
{
    display:inline-block;
    padding:2px 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    
    line-height:1.6;
    font-size:1.2rem;
    background:#34A853;
    color:#FFF;
    text-align:center;
    cursor:pointer;
}
.relationKywd .fa
{
    font-size: 1.4rem;
    margin-right: 4px;
}

.minvalIcon,
.amntSubIcon
{
    text-align: right;
}
.minvalIcon > div > img,
.amntSubIcon > div > img
{
    height:16px;
    vertical-align:top;
    margin-right:0.5em;
}
.minvalIcon > div,
.amntSubIcon > div
{
    margin-bottom: 4px;
    
    display:inline-block;
    padding:2px 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-appearance: none;
    
    line-height:1.6;
    font-size:1.2rem;
    text-align:center;
}
.minvalIcon .fa,
.amntSubIcon .fa
{
    font-size: 1.6rem;
    margin-right: 4px;
}
.minvalIcon > div
{
    width: 180px;
    background:#4285F4;
    color:#FFF;
}
.quotationIcon > div
{
    width: 120px;
    background:#F00;
    color:#FFF;
    cursor:pointer;
    padding-left: 0px;
    padding-right:0px;
}
.quotationIconMsgBox > div:first-child
{
    margin-bottom: 1em;
}

.pricehide
{
    text-align: right;
}
.pricehide > div
{
    min-width: 180px;
    height:60px;
    /*border: 4px solid #00479D;*/
    line-height:52px;
    white-space:nowrap;
    font-size: 1.2rem;
    font-weight:bold;
    text-align:right;
    padding: 4px;
}
.pricehide .fa
{
    font-size: 1.6rem;
    margin-right: 4px;
}

/* レシピ／商品情報URLアイコン */
.recipeUrlIcon
{
	text-align:right;
}
.recipeUrlIcon.detail
{
	text-align:left;
	padding-left:1em;
}
.recipeUrlIcon > a,
.recipeUrlIcon > a > img
{
	border:none 0px;
}
.recipeUrlIcon > a:nth-child(n+2)
{
	margin-left:1em;
}

/* 商品画像非表示の場合のレイアウト */
.toggleGdImgDiv
{
    text-align:left;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
.toggleGdImgDiv > div
{
    display:inline-block;
    color:#5F83DB;
}
.toggleGdImgDiv > div > a
{
    text-decoration: underline;
    margin-left:4px;
    cursor:pointer;
}
.noGdImg .relationKywd
{
    margin-top: 1px;
    white-space:nowrap;
}
.noGdImg .minvalIcon > div
{
    width:auto;
    white-space:nowrap;
    padding:2px 5px;
}
.noGdImg .OrdInDiv .minvalIcon
{
    display:none;
}

/* 確定済数量のコメント文 */
.ordFixAmount_comment
{
    /*color:#FFF; #FF7F26*/
    color:#E46C0A;
    font-size:1.1rem;
    text-align:left; /* 中央配置はcenterに変更 */
    padding-top:5px;
    padding-bottom:5px;
}
.ordFixAmount_comment div
{
    display:inline-block;
    text-align:left;
    padding-left:1em;
    text-indent: -1em;
}

/* イベント特集バナー用 */
.bannerItem
{
  margin: 0 auto;
  padding-bottom:10px;
  text-align:left;
}
.bannerImg
{
  border: 0 none;
  margin-top:10px;

  padding: 0;
  display:inline-block;

  border: 0 none;
  cursor: pointer;
}
a.bannerLink
{
  display:inline-block;
  width:auto;
}

a.bannerLink:hover img.bannerImg
{
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/* イベント特集バナー用 横幅関連（6個表示） */
.bannerItem.bannerType6
{
  max-width:640px;
  padding-right:10px;
}
.bannerItem.bannerType6 a.bannerLink
{
  width:auto;
}
.bannerItem.bannerType6 .bannerImg
{
  max-width: 200px;
  margin-left:10px;
}
/* イベント特集バナー用 横幅関連（1個表示） */
.bannerItem.bannerType1
{
	max-width: 800px;
	min-height: 150px;
}
.bannerItem.bannerType1 a.bannerLink
{
	width:100%;
}
.bannerItem.bannerType1 .bannerImg
{
	max-width: 800px;
	width:100%;
}
/* イベント特集バナー用 固定表示分 */
#bannerFixed
{
	width:100%;
}
#bannerFixed a.bannerLink
{
	padding:0;
	margin:0;
	line-height:1;
}
#bannerFixed .bannerImg
{
	max-width: 800px;
	width:100%;
	margin:0;
}

/* レコメンド表示 */
.rcmdArea
{
	margin-top: 2em;
}
.rcmdArea > div
{
	min-height: 230px;
	padding-bottom: 1em;
}
.rcmdArea > div > div > div.carousel_area
{
	width:100%;
	min-height: 150px;
}
.rcmdArea > div > div > div.carousel_area > div.carousel_pbtn,
.rcmdArea > div > div > div.carousel_area > div.carousel_nbtn
{
	height:141px;
}

/* 注文コメント関連 */
.ordConfirmDiv tr td.txtOrderComment:nth-child(1),
.txtOrderComment
{
  padding:0;
}
.txtOrderComment > div.txtareaDiv
{
  line-height:1.2;
}
.txtOrderComment > div.txtareaDiv > textarea
{
  font-family: Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 1.6rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  resize: none;
  width:100%;
  height:8rem;
  line-height:1.2;
}
.txtOrderComment > div.cntDiv
{
  text-align:right;
  line-height:1;
}
.cmnt_balloon_area {
padding:0px 0.5em 1em 0.5em;
}
.cmnt_balloon_base
{
padding-top:12px;
background:#fff;
}
.cmnt_balloon_base div
{
text-align:left;
}
.cmnt_balloon{ /* 吹き出し本体 */
  position: relative;
  padding: 10px;
  background-color: #FED4B8;
  /*color: #ffffff;*/
  border-radius: 10px;
}
.cmnt_balloon::before{ /* 色付きの半円 */
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: 20px;
  top: -10px;
  border-left: 20px solid #FED4B8;
  border-top: 20px solid #FED4B8;
  border-right: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.cmnt_balloon::after{ /* 白い半円 */
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: 33px;
  top: -12px;
  border-left: 12px solid #ffffff;
  border-top: 12px solid #ffffff;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.cmnt_balloon > .datedisp {
    text-align: right;
    font-size: 10px;
}

/* 在庫管理 */
.myctSortPnl {
    vertical-align: bottom;
    display:table;
}
.myctSortPnl > div {
    display: table-row;
}
.myctSortPnl > div > div {
    display: table-cell;
    height: 33px;
    vertical-align: bottom;
}
.myctSortPnl.mini > div > div {
    height: 25px;
}

.stockTbl {
    text-align:left;
}
.stockTbl > div {
    text-align: left;
}
.stockTbl > div > div {
    display: inline-block;
    text-align: left;
}
.stockTbl .stockItemPnl {
    position:relative;
    vertical-align:bottom;
    min-height:110px;
}
.stockTbl .stockItemPnl > div {
    display: inline-block;
    vertical-align: bottom;
}
.stockTbl .stockItemPnl .itmIdx {
    width:25px;
}
.stockTbl .stockItemPnl .itmImg {
}
.stockTbl .stockItemPnl .itmAmo {
    position: absolute;
    right: 0;
    bottom: 0;
}
.stockTbl .stockItemPnl .itmAmo .stockNum {
    font-size:1.8rem;
    font-weight:bold;
}
.stockTbl .stockItemPnl .itmAmo > div:nth-child(n+2) {
    margin-top:6px;
}

.closeMark {
    display: block;
    width: 20px; /*枠の大きさ*/
    height: 20px; /*枠の大きさ*/
    /*background: #CCC;*/
    position: relative;
}
.closeMark::before, .closeMark::after{
    content: "";
    display: block;
    width: 100%;/*バツ線の長さ*/
    height: 6px;/*バツ線の太さ*/
    background: #444;
    transform: rotate(45deg);
    transform-origin:0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%;
}
.closeMark::after{
    transform: rotate(-45deg);
    transform-origin:100% 50%;
    left: auto;
    right: 14%;
}


/* 動員予測 月選択パネル */
.monSelectArea {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}
.monSelectArea .monDispSelect {
    width: 40%;
    text-align: left;
    padding: 10px 0px;
    white-space: nowrap;
}
.monSelectArea .monListSelect {
    width: 60%;
}
.monListSelect {
    text-align: right;
    padding: 10px 0px;
    white-space: nowrap;
}
.monDispSelect > div,
.monListSelect > div {
    display: inline-block;
    padding: 0px 5px;
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    background: #B8B8B8;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    font-size: 1.6rem;
}
.monDispSelect > div.selected,
.monListSelect > div.selected {
    background: #E46C0A;
}
/* 動員予測(共通) */
.visitorList {
}
.visitorWeekHeader {
display: none;
}
.visitorListRow {
display: none;
}
.visitorListRow.selectMon {
display: block;
}
.visitorListRow > div.sat {
background: #edf2f8; /*#87cefa;*/
}
.visitorListRow > div.holiday,
.visitorListRow > div.sun {
background: #f8eded; /*#ffb6c1;*/
}
.visitorListRow > div.today {
background: #e1eacd; /*#90ee90;*/
}
.visitorListRow .visitorDate > div {
line-height:26px;
vertical-align: middle;
font-size:1.6rem;
}
.visitorListRow .visitorDate .visitorEvent {
    display: inline-block;
    text-align: center;
    width: 70px;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    background: #C00000;
    margin-left: 10px;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 1.2rem;
}
.visitorListRow .amntTxt {
    background: #FFF;
}

.visitorListRow .calDayVal {
    position:relative;
    display:block;
}
.visitorListRow .calDayVal > span:first-child {
    position:relative;
    top:-8px;
    display:none;
    margin-right:6px;
}
.visitorListRow .calDayVal.monfirst > span:first-child,
.visitorListRow .calDayVal.day1 > span:first-child {
    display:inline-block;
}
.visitorListRow .calDayVal > span:first-child::after {
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    right:-12px;
    margin:auto;
    width:16px;
    height:16px;
    background-image: linear-gradient(-45deg, transparent 49%, rgb(100,100,100) 49%, rgb(100,100,100) 51%, transparent 51%, transparent); /* 右上がりの斜線 */
}
.visitorListRow .calDayVal > span:last-child {
    position:relative;
    top:4px;
    display:inline-block;
}

/* 動員予測(リストテーブル表示) */
.listTBL {
    display: table;
    border-collapse: separate;
    border-spacing: 0px 4px;
    position: relative;
    top: -4px; /* border-spacingの分だけ上部が下がってしまうので調整 */
}
.listTBL > div {
    display: table-row;
}
.listTBL > div > span {
    display: table-cell;
    border: 1px solid #B7B7B7;
    border-right: 0px none;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    height: 20px;
    line-height: 20px;
    background:#FFF;
}
.listTBL > div > span:nth-child(n+2) {
    border-right: 1px solid #B7B7B7;
}
/* 前年実績の枠は標準色
.visitorForcast .visitorPreYear > span {
    border-color: red;
}
.visitorForcast .visitorPreYear > span:nth-child(n+2) {
    border-color: red;
}
*/
.visitorForcast .visitorPlan > span {
    border-color: orange;
}
.visitorForcast .visitorPlan > span:nth-child(n+2) {
    border-color: orange;
}
.visitorForcast .visitorFix > span {
    border-color: green;
}
.visitorForcast .visitorFix > span:nth-child(n+2) {
    border-color: green;
}



/* 動員予測(リストテーブル-過去実績表示) */
.visitorPreVal .listTBL {
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.6rem;
    min-width: 160px;
}
.visitorPreVal .listTBL > div > span {
    width: 120px;
}
.visitorPreVal .listTBL > div > span:last-child {
    text-align: right;
    width: 80px;
}
.visitorPreVal .listTBL > div:nth-child(1) > span {
    border-color: #3A72B5;
}
.visitorPreVal .listTBL > div:nth-child(2) > span {
    border-color: #8EB244;
}
/* 動員予測(リストテーブル-予測実績表示) */
.visitorForcast .listTBL {
    font-size: 1.2rem;
    font-weight:bold;
}
.visitorForcast .listTBL > div > span {
    width: 50px;
}
.visitorForcast .listTBL > div > span:last-child {
    text-align: right;
    width: 50px;
}
/* 動員予測(共通-天気表示) */
.visitorDate .weatherTBL > div {
    display:inline-block;
}
.visitorDate .weatherTBL > div > div {
    display:inline-block;
    vertical-align:middle;
/*    line-height:36px;
    height:36px;*/
}
.visitorDate .weatherTBL > div > div:first-child {
    padding-right:10px;
    position:relative;
}
.visitorDate .weatherTBL > div > div:first-child > img {
    position:relative;
    height:32px;
    vertical-align:middle;
}
.visitorDate .weatherTBL > div > div:nth-child(2) > span {
    text-align: center;
}
.visitorDate .weatherTBL > div > div:nth-child(2) > span:first-child {
    color:#FE0A33;
}
.visitorDate .weatherTBL > div > div:nth-child(2) > span:nth-child(2) {
    padding:0px 4px;
}
.visitorDate .weatherTBL > div > div:nth-child(2) > span:last-child {
    color:#5780CA;
}

/* 動員予測(リスト表示) */
.monListView .visitorList {
    flex-direction: column;
    /*flex-direction: column-reverse; 逆順表示用 */
    flex-wrap: wrap;
    border-top: 1px solid #B7B7B7;
    display: flex;
}
.monListView .visitorList .visitorListRow {
    border-bottom: 1px solid #B7B7B7;
    width: 100%;
}
.monListView .visitorList .visitorListRow.weektotal {
    background:#E2F0D9;
}
.monListView .visitorList .visitorListRow.weektotal.selectMon + .visitorListRow.selectMon{
    margin-top: 10px;
    border-top: 1px solid #B7B7B7;
}
.monListView .visitorListRow > div {
    padding-top: 20px;
    padding-bottom: 12px;
    padding-left:10px;
    padding-right:10px;
    width: 100%;
}
.monListView .visitorListRow > div > div {
    display: table;
    width: 100%;
}
.monListView .visitorListRow > div > div > div {
    display:table-row;
}
.monListView .visitorListRow > div > div > div > div {
    display:table-cell;
    white-space:nowrap;
}
.monListView .visitorListRow .visitorDate {
text-align: left;
position:relative;
vertical-align:top;
width: 130px;
padding-left:10px;
}
.monListView .visitorListRow .visitorPreVal {
text-align:right;
position:relative;
vertical-align:top;
}
.monListView .visitorListRow .visitorForcast {
text-align: left;
position:relative;
vertical-align:top;
width: 130px;
}
/* 動員予測(カレンダー表示) */
.monCalView {
    min-width:700px;
}
.monCalView .visitorList {
    white-space: nowrap;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 700px;
    overflow:visible;
    border-left: 1px solid #B7B7B7;
    display:flex;
}
.monCalView .visitorList > .visitorWeekHeader {
    display:block;
    text-align:center;
    border-top: 1px solid #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
    border-right: 1px solid #B7B7B7;
    height:24px;
    line-height:24px;
    background:#FED4B8;
}
.monCalView .visitorList > .visitorListRow {
    text-align:right;
    border-bottom: 1px solid #B7B7B7;
    border-right: 1px solid #B7B7B7;
}
.monCalView .visitorList > .visitorWeekHeader,
.monCalView .visitorList > .visitorListRow{
    /*width: calc(100% / 7 - 0px);*/ /* 100% ÷ 個数 - 左右マージン値 */
    /*週間TOTAL分も含めるため↑は8として計算*/
    width: 12.4%;
}
.monCalView .visitorList > .visitorWeekHeader.weektotal{
    background: #70AD47;
}
.monCalView .visitorList > .visitorWeekHeader.weektotal,
.monCalView .visitorList > .visitorListRow.weektotal{
    width: 13%;
    margin-left:0.2%;
    border-left: 1px solid #B7B7B7;
}
.monCalView .visitorList > .visitorListRow > div {
    padding:4px;
    height:100%;
}
/*
.monCalView .OrdInDiv {
    min-width: 60px;
}
.monCalView .OrdInDiv > .amntM,
.monCalView .OrdInDiv > .amntP {
    height:30px;
    line-height:30px;
    /*display: none;*
    font-size:1.6rem;
    width:25px;
}
.monCalView .OrdInDiv > .amntTxt {
    height:30px;
    line-height:30px;
    font-size:1.4rem;
    width:40px;
}
*/
.visitorForcast .OrdInDiv {
    min-width: 60px;
}
.visitorForcast .OrdInDiv > .amntM,
.visitorForcast .OrdInDiv > .amntP {
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
}
.visitorForcast .OrdInDiv > .amntTxt {
    height: 40px;
    line-height: 40px;
    font-size: 1.4rem;
    font-weight: bold;
    border-color:orange;
}
    .monCalView .visitorForcast .OrdInDiv > .amntM,
    .monCalView .visitorForcast .OrdInDiv > .amntP {
        width: 20px;
    }
    .monCalView .visitorForcast .OrdInDiv > .amntTxt {
        width: 50px;
    }
    .monListView .visitorForcast .OrdInDiv > .amntM,
    .monListView .visitorForcast .OrdInDiv > .amntP {
        width: 25px;
    }
    .monListView .visitorForcast .OrdInDiv > .amntTxt {
        width: 70px;
    }
.monCalView .visitorListRow .visitorDate {
    position: relative;
    text-align: left;
    min-height: 30px; /*60px;*/
}
.monCalView .visitorListRow .visitorDate .visitorEvent {
    width:auto;
    position:absolute;
    top: 5px;
    right:0px;
    margin:0px;
    padding:0px 5px;
}
.monCalView .visitorDate .weatherTBL {
    white-space:nowrap;
}
.monCalView .visitorDate .weatherTBL > div > div:first-child {
    padding-left: 0px;
    padding-right: 10px;
}
.monCalView .visitorDate .weatherTBL > div > div:first-child > img {
}
.monCalView .visitorDate .weatherTBL > div > div:nth-child(2) {
    line-height: 1;
    text-align: center;
    font-size: 14px;
}
.monCalView .visitorDate .weatherTBL > div > div:nth-child(2) > span:first-child {
    color:#FE0A33;
}
.monCalView .visitorDate .weatherTBL > div > div:nth-child(2) > span::after {
    font-size:1px;
    content: '\A';
    white-space:pre-wrap;
}
.monCalView .visitorDate .weatherTBL > div > div:nth-child(2) > span:nth-child(2) {
    padding:0px;
    display:none;
}
.monCalView .visitorDate .weatherTBL > div > div:nth-child(2) > span:last-child {
    color:#5780CA;
}
.monCalView .visitorForcast .fixNumDiv
{
    line-height:1;
}
.monCalView .visitorForcast .fixNumDiv > div:last-child {
    font-weight:bold;
}

/* 動員予測(非表示処理) */
.monListView .monCalItem {
    display: none !important;
}
.monCalView .monListItem {
    display: none !important;
}

/* サムネイル関連 */
.imgThumbList
{
	width:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.imgThumbList > .item
{
    position: relative;
	display:inline-block;
	margin-top:5px;
}
.imgThumbList > .item:before {
    content:"";
    display: block;
    padding-top: 100%; /* 高さと幅の比を指定 */
}
.imgThumbList > .item > img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	cursor:pointer;
}


/* モーダルメッセージウィンドウ */
.confirmDiagTd1 {
    padding-top: 3em;
    padding-bottom: 2em;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: middle;
    text-align: left;
    line-height: 1.6;
}
.confirmDiagTd2 {
    vertical-align:middle;
    text-align:center;
}
.confirmDiagBtn1 {
    width:100px;
    height:35px;
    margin:10px 10px 10px 10px;
    font-size:1.2rem;
}
.confirmDiagBtn2 {
    width:100px;
    height:35px;
    margin:10px 10px 10px 10px;
    font-size:1.2rem;
}
.clrboxModalDialog #cboxTopLeft,
.clrboxModalDialog #cboxTopCenter,
.clrboxModalDialog #cboxTopRight,
.clrboxModalDialog #cboxBottomLeft,
.clrboxModalDialog #cboxBottomCenter,
.clrboxModalDialog #cboxBottomRight,
.clrboxModalDialog #cboxMiddleLeft,
.clrboxModalDialog #cboxMiddleRight {
width:0px; height:0px; background: #FFF;
}
#cboxOverlay.clrboxModalDialog {
background:#666;
}
.clrboxModalDialog #cboxLoadedContent > div {
width:100%;
position:relative;
}
.clrboxModalDialog #cboxLoadedContent > div .confirmDiagTd1::after {
content:'\A';
border-top: 1px solid #ddd;
position:absolute;
left:5%;
width:90%;
margin-top:1.2em;
}

.newPriceIconEnd {
    white-space: nowrap;
    vertical-align:middle;
    font-weight: bold;
    font-size:0.9em;
}
.newPriceIcon {
    font-size: 10px;
    line-height: 10px;
    white-space: nowrap;
    padding: 2px 8px;
    border-radius: 4px;
    color: #FFF;
    vertical-align:middle;
    background: #ED7E31;
}
.newPriceIcon.kbn2 {
    background: #4472C3;
}
.newPriceIconArea.nodisp {
    display: none;
}

/* ============================================================== */
/* メディア別 : 設定を上書きしたいので最後に書く */

/* 表示サイズが800px以上の場合に適用するスタイル */
@media screen and (min-width: 801px) {
    body
    {
        width:800px;
        margin-left:auto;
        margin-right:auto;
    }
}

/* イベント特集バナー用　特定サイズ以下は2列表示に変更 */
@media screen and (max-width: 629px) {
.bannerItem.bannerType6
{
  width:100%;
  max-width: 430px;
}
.bannerItem.bannerType6 .bannerImg
{
  width:96%;
}
.bannerItem.bannerType6 a.bannerLink
{
  width:48%;
}
}

/* 表示サイズが380px以下の場合に適用するスタイル */
@media screen and (max-width: 380px) 
{
.OrdInDiv.autosz
{
    width:120px;
}
.ordUnitArea.autosz
{
    display: block;
    float: none;
    width: 120px;
    height: 32px;
}
.ordUnitArea.autosz > div
{
    display:inline-block;
    width: 58px;
    margin-right: 0px;
    margin-bottom: 4px;
}
.ordUnitArea.autosz > div:nth-child(n+2)
{
    margin-left: 4px;
    margin-top: 0px;
}

.saleOrdArea > div
{
    display:block;
}
.saleOrdArea > div.saleOrdArea1
{
    position:relative;
}
.saleOrdArea > div.saleOrdArea1 br
{
    display:none;
}

.tdOrderAmountCP > div > .shipFixP
{
    min-width:0;
}
.tdOrderAmountCP > div > .shipFixP:after
{
    margin-left:1em;
    margin-right:1em;
    content:"/";
}
.tdOrderAmountCP > div > .shipFixC
{
    min-width:0;
}

}

/* 表示サイズが330px以下の場合に適用するスタイル */
@media screen and (max-width: 330px) 
{
    body
    {
        padding-left:0px;
        padding-right:0px;
    }
}

/* 動員予測 スマホ表示 */
@media screen and (max-width: 540px) 
{
.monListView .monSelectArea {
    flex-direction:column;
}
.monListView .monSelectArea .monDispSelect,
.monListView .monSelectArea .monListSelect {
    width:100%;
    text-align:left;
}
.monListView .visitorListRow .visitorDate > div {
    display: inline-block;
}
.monListView .visitorDate .weatherTBL > div {
    font-size: 1.4rem;
}
.monListView .visitorDate .weatherTBL > div > div:first-child {
    padding-right: 5px;
}
.monListView .visitorDate .weatherTBL > div > div:first-child > img {
    height: 26px;
}
.monListView .visitorListRow > div {
    padding-left:0px;
    padding-right:0px;
}
.monListView .visitorListRow > div > div {
    display: block;
}
.monListView .visitorListRow > div > div > div {
    display: block;
    text-align:right;
    white-space:nowrap;
}
.monListView .visitorListRow > div > div > div > div {
    display: inline-block;
}
.monListView .visitorListRow > div > div > div > div:first-child {
    display: block;
}
.monListView .visitorListRow > div > div > div > div:nth-child(2) {
    padding-top:10px;
}
.monListView .visitorListRow > div > div > div > div:nth-child(3) {
    padding-top:10px;
}
.monListView .visitorPreVal .listTBL {
    max-width:160px;
}

}

/* 注文番号20桁表示 */
@media screen and (max-width: 500px) 
{
.gdcdInfoArea.longcd,
.gdcdInfoArea.longcd > span,
.gdcdInfoArea.longcd > span > span,
.gdcdInfoArea.longcd .gdcd1
.gdcdInfoArea.longcd .gdcd2
{
    width:100%;
    display:block;
}
.gdcdInfoArea.longcd .gdcd1
{
    padding-right:0;
}
}


/* Opera Mobile の幅が広がってしまうので対応 */
@-o-viewport {
  width: 320px;
  zoom: 1.5;
}