@charset "utf-8";

/*
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
 }

 */

/* ===================================================================

    リセット

=================================================================== */

/* リセット宣言CSS ----------------------------------- */
/* 各ブラウザの異差等をこのスタイルシートで吸収します。*/
/* reset.css ----------------------------------------- */

/* すべての要素 ---------------- */
*    {margin: 0px;padding: 0px;line-height: 1.4;font-weight: inherit;text-decoration: inherit;font-style: inherit;}
/* htmlとbodyをリセットする ---------------- */
html,body    {margin: 0px;padding: 0px;background:transparent;font-weight: normal;text-decoration: none;font-style: normal;color:#000000;font-size:100%;font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;}
/* 見出し・段落などのよく使うブロック要素をリセットする ---------------- */
h1,h2,h3,h4,h5,h6,address,div,p {margin: 0px;padding: 0px;border:none;font-size:100%;font-style: normal;font-weight: inherit;}
/* リスト要素をリセットする ---------------- */
dl,dt,dd,ol,ul,li    {margin: 0px;padding: 0px;font-size:100%;list-style-position: outside;list-style-type: none;font-weight: inherit;}
/* テーブルに含まれる要素をリセットする ---------------- */
table,th,td,tr    {margin: 0px;padding: 0px;border:none;font-size:100%;text-align: justify;font-weight: inherit;}
/* フォームに含まれる要素をリセットする ---------------- */
form,input,textarea,label,button,select,option {}
input,textarea,select,option,button {font-size:100%;}
input[type="checkbox"]    {position: relative;top: 1px;}
fieldset    {border:none 0px;}
/* インライン要素など ---------------- */
span,em,strong,dfn,cite,abbr,acronym,q,ins,img,del,a {margin: 0px;padding: 0px;font-size:100%;font-weight: inherit;text-decoration: inherit;font-style: normal;font-weight: inherit;color: inherit;}

input,textarea {font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Verdana, Helvetica, sans-serif;}
input[type="input"],input[type="submit"],input[type="button"] {
    /*font-family: 'Noto Serif Japanese', serif;*/
-webkit-appearance:none;
}

/* イメージ関係 ---------------- */
img    {border:none;}
ul img,dl img,ol img,li img,table img    {vertical-align : bottom;}

/* ---------------- アクセス補助 ------------- */
/* hr要素によるセパレーターを表示させない ------------- */
hr.separator {display: none;}
/* アクセス補助を一旦すべてのメディアに対し非表示とする ------------- */
.Shortcut,.LabelSummaries,.UserSupportInstruction    {display:none;}
/* アクセス補助が必要なメディアに対しては再定義し表示させる(speechはCSS3先取り) ------------- */
@media aural,speech,braille {
    .Shortcut,.LabelSummaries,hr.separator,.UserSupportInstruction    {
        display:block;}
}

/* floatの解除 ------------- */
.fbox{
    clear:both;
    _display: inline-block;
    min-height: 1%;
}
.fbox:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
}

/* ===================================================================

    スタイルの設定

=================================================================== */

body{
    font-size:0.9rem;
    color:#333333;
    _text-align:center;
    line-height:1.4;
    margin:0;
    background:#ffffff;
    /*    font-family: 'Noto Serif Japanese', serif;*/
}
#Contents {}
#Contents *,
#Contents input {
    box-sizing: border-box;
}

/* ---------------- 上書き ------------- */
strong {font-weight:bold;}
p,li,dl,dt,dd {line-height:1.5;}
.red{    color:#F40027;}
.red2{    color:#DC0000;}
.blue{    color:blue;}
.txt-left {    text-align:left;}
.txt-right {    text-align:right;}

/* ===================================================================
    通常のリンク
=================================================================== */
a:link {
    color: #333333;
    text-decoration:underline;
}
a:visited {
    color: #333333;
    text-decoration:none;
}
a:hover {
    color: #696969;
    text-decoration:none;
}
a:active {
    color: #696969;
    text-decoration:none;
}
/* メインエリアはリンクにアンダーライン */
/*
#main a{
    text-decoration:underline;
}*/

/* ===================================================================
    #header
    ヘッダー
=================================================================== */
#header_bk {
/*    background:#404040;　*/
    background:#9a9a99;
}
#header {
    width:100%;
    max-width:1180px;
    background:url(../../img/front/header_bk.png) no-repeat top right;
    margin:0 auto;
    height:70px;
    color:#fff;
    position:relative;

}

/*    ロゴ
------------------------------------------------------------------ */
#header h1#top,
#header p#top {
    float:left;

    font-weight:400;
    font-size:1.2rem;
    line-height:70px;
}
#header h1#top a,
#header p#top a {
    vertical-align:middle;
    color:#fff;
    line-height:70px;
    text-decoration:none;
}


/*    グローバルメニュー
------------------------------------------------------------------ */
#Gmenu {
    display:block;
    margin:0;
    padding:0;
    float:right;
    position: relative;
}
#Gmenu li {
    float:left;
    margin-left:15px;
    line-height:70px;
}
#Gmenu li#menu_info .menu_info_icon {
    position:relative;
}
#Gmenu li#menu_info i {
    font-size:20px;
}
#Gmenu li#menu_info .menu_info_icon .badge {
    font-size:0.7rem;
    top:-7px;
    right:-9px;
}

#Gmenu li a {
    text-decoration:none;
    font-weight:400;
    color:#fff;
    font-size:0.8rem;
}
#Gmenu li a:hover {}
#Gmenu li.menu_settings {
}
#Gmenu li.menu_settings a,
#Gmenu li.menu_logout a {
    font-size:1.4rem;
    padding:0 3px;
}


/* スマホ用メニューバー */
#Gmenu_sp {
    display:none;
}

.header_name {
    float:right;
    line-height:70px;
    margin-right:20px;
}


.header_link {
    float:right;
    line-height:70px;
    margin-right:20px;
}
.header_link a {
    color:#fff;
    line-height:70px;
}

.dropdown-menu {
    width:250px;
    position: absolute;
    right:0;
    top:80%;
    padding:0;
    border:1px solid #ccc;
    background:#fff;
    color:#333;
    z-index:100;
    font-size:0.8rem;
    display:none;
}
.header_info_title {
    background:#ebebeb;
    padding:5px 10px;
}
.header_message {
    padding:10px;
    border-top:1px solid #ccc;
}

/* ===================================================================
    #main
    メイン
=================================================================== */
#main {
    width:90%;
    max-width:1480px;
    margin:0 auto;
    padding:5px 0;
    overflow: hidden;
}
#main.full{
    width:98%;
}


/* ===================================================================
    #footer
    フッター
=================================================================== */
#footer {
    padding:10px 0;
}
/* -------------- address -------------- */
address {
    width:100%;
    margin:0;
    text-align:center;
}

/* -------------------------------------------------------------
    共通CSS
    last-mod:00-00-00 name
   ------------------------------------------------------------- */

/*    共通設定
----------------------------------------------------------------- */

/* 20190205 ohayashi　カンマ区切りのspan */
.comma_area > span::before{
    content:'、';
    margin-left:0.25em;
    display:inline-block;
}

.comma_area > span:first-of-type::before{
    content:'';
}


/* ===================================================================
    フォーム用
=================================================================== */
#main_contact {
    width:800px;
    margin:0 auto 40px;
    padding:20px 0;
/*    background:#ccc;*/
}
#form_title {
    margin:0 0 20px;
}
#form_intro {
    margin:0 0 40px;
}
.form_ex {
    margin:0 0 30px;
}
#form_tbl {
    margin:0 0 30px;
}
#form_tbl h2 {
    font-size:200%;
    font-weight:bold;
    margin:0 0 20px;
}
#form_tbl dl {
    margin:0;
}
#form_tbl dl dt {
    font-weight:bold;
    float: left;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.7;
    padding: 20px 10px;
    width: 180px;
    border-top: 1px solid #0064AF;
}
#form_tbl dl dd {
    float: right;
    line-height: 1.7;
    padding: 20px 10px;
    width: 580px;
    border-top: 1px solid #aaa;
}
#form_tbl dl.last dt {
    border-bottom: 1px solid #0884E4;
}
#form_tbl dl.last dd {
    border-bottom: 1px solid #aaa;
}
.coution {color:#666;}
.error {color:#E00000;}

.form_name,.form_kana,.form_tel {width:200px;}
.form_company {width:300px;}
.form_address,.form_mail {width:400px;}
.form_text {width:90%;height:10em;}

.hissu {
    margin-left:10px;
    padding:1px 5px;
    background:#E00000;
    color:#fff;
    font-weight:normal;
    font-size:10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height:1;
}

.btn {
    margin-top:30px;
    text-align:center;
}
.btn_input {
    width:200px;
    padding:10px 0;
    display:inline-block;
    border:none;
    background:#4D4D4D;
    color:#fff;
    font-weight:400;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    cursor:pointer;
    text-align:center;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
}

#footer_contact {
    width:800px;
    margin:0 auto;
    padding:40px 0;
    text-align:center;
}
#footer_contact address {
    text-align:center;
    font-size:12px;
}


input[type="text"],
input[type="password"],
select{
    display:block;
    padding: 5px;
    line-height: 1;
    color: #55595c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
 }

.w20 {    width:20px;}
.w50 {    width:50px;}
.w100 {    width:100px;}
.w150 {    width:150px;}
.w200 {    width:200px;}
.w300 {    width:300px;}
.w400 {    width:400px;}
.w500 {    width:500px;}
.w600 {    width:600px;}
.w700 {    width:700px;}
.w800 {    width:800px;}
.w900 {    width:900px;}
.w1000{   width:1000px;}

.ui-datepicker-trigger {
    margin-left:5px;
    cursor:pointer;
    vertical-align:middle;
}

.form_radio {
    display:inline-block;
    margin-right:1em;
}
.form_radio input {
    margin-right:0.2em;
}

/* 進捗のラジオボタンの幅指定 syk 追記 */
.form_radio.order_status_radio{
    width:9.5em;
}

.form_checkbox {
    display:inline-block;
    margin-right:1.4em;
}
.form_checkbox input {
    margin-right:0.2em;
}

/* 進捗のラジオボタンの幅指定 syk 追記 */
.form_checkbox.order_status_radio{
    width:9.5em;
}


/* エラーメッセージ */
.flashMessage {
    width: 90%;
    max-width: 960px;
    margin:10px 0;
    padding: 10px;
    font-weight:bold;
    margin:20px auto;
}

/* 入力エラー */
.error-message {
    background:#fff;
    color:#E00000;
    border:1px solid #E00000;
}
/* 成功 */
.success-message {
    background:#fff;
    color:#3C9275;
    border:1px solid #3C9275;
}
/* 更新 */
.notice-message {
    background:#fff;
    color:#E00000;
    border:1px solid #ff9c9c;
}



/* フォームのエラー */
input.form-error,
select.form-error,
textarea.form-error {
    background:#ffffe2;
/*    background:#ffffcb;*/
}
#doui-error {
    margin:0 65px;
}

#doui {
    background:#fff;
    border:1px solid #aaa;
}
#doui label {
    display:block;
    padding:20px;
    text-align:center;
}
#form_agree,
#form_privacy {
    margin:30px 0;
    height:200px;
    padding:10px;
    background:#fff;
    border:1px solid #aaa;
    overflow:auto;
}
#form_agree h2,
#form_privacy h2 {
    font-size:16px;
    font-weight:bold;
}

#form_agree h3,
#form_privacy h3 {
    font-size:14px;
    font-weight:bold;
    margin:20px 0 10px;
    color: #0064AF;
}
#form_agree h4,
#form_privacy h4 {
    font-size:14px;
    font-weight:bold;
    margin:20px 0 10px;
}


.form_title_finish {
    font-weight:bold;
    font-size:16px;
    margin-bottom:10px;
}
.contact_end {
    font-size:16px;
    margin:0 0 30px;
}

.form_close {
    text-align:center;
}
.form_close a {
    width:200px;
    margin:0 auto;
    padding:10px 0;
    display:inline-block;
    border:2px solid #8F8F8F;
    background:#fff;
    color:#333;
    font-weight:bold;
    border-radius: 5px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
}
.form_close a:hover {
    background:#efefef;
}


table {
    width:100%;
    margin:20px 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    clear:both;
}
table th,
table td {
    padding:15px;
}
table th {
    background:#F2F2F2;
}

/* ボタンのhoverのポインターを指定 */
* button:hover,
* input[type="button"],
* input[type="submit"]{
    cursor: hand; /* IE6 */
    cursor: pointer;
}


/* ===================================================================
    ログイン
=================================================================== */
.login_txt {
    text-align:center;
    margin-bottom:30px;
}
.login_form {
    width:350px;
    margin:0 auto 10px;
}
.login_form dt {
    width:10em;
    display:inline-block;
    padding-right:1em;
    text-align:right;
}
.login_form dd {
    display:inline-block;
}
.login_form dd input {
    width:200px;
}
.login_btn {
    text-align:center;
    margin-top:20px;
}

.login_ex {
    text-align:center;
}

.login_pickup {
    text-align:center;
    margin:20px 0 0;
}


/* ===================================================================
    修理一覧
=================================================================== */
/* 検索パネル */
#searc_box {
    margin:0 auto 20px;
    padding:15px;
    background:#fbfbfb url(../../img/front/search_bk.png) no-repeat bottom right ;
}
.search_btn {
    text-align:center;
}
.search_btn .btn_input {
    margin:10px auto;
}
.search_form {
    width:20%;
    float:left;
    padding:0.3% 0.7%;
}
.search_form input[type="text"],
.search_form select {
    width:85%;
}
.search_check .form-control  {
    display:inline-block;
}

.item_box {
    border:1px solid #ccc;
    margin:0 0 30px;
    padding:30px;
}
.item_list_header {
    margin:0 0 10px;
}
.item_list_date {
    float:right;
}

.item_list_detail {
    float:left;
}

/* 詳細とかのリンクボタン */
span.btn_item_list,
a.btn_item_list {
    width:300px;
    display:block;
    margin:10px 0 0;
    padding:10px;
    border:1px solid #B59F62;
    color:#B59F62;
    text-decoration:none;
    text-align:center;
    font-weight:500;
    font-size:1rem;
}
/* 作成中 */
span.btn_item_list{
    border-color:#aaa;
    color:#aaa;

}


/* ステータスアイコン */
.item_icon_status {
    margin-right:10px;
    padding:1px 8px 2px;
    background:#3C9275;
    color:#fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:0.8rem;
    line-height:1;
}
/* 修理ステータス */
/* 見積中 */
.item_icon_1 {
    background:#DBBA5A;
}
/* 見積承認待ち */
.item_icon_2 {
    background:#68AAC1;
}
/* 見積承認済み */
.item_icon_3 {
    background:#DB855A;
}
/* 海外部品入荷待ち */
.item_icon_4 {
    background:#8384B8;
}
/* 修理中 */
.item_icon_5 {
    background:#3C9275;
}
/* 海外修理中 */
.item_icon_6 {
    background:#3C8000;
}
/* お引き取り待ち */
.item_icon_7 {
    background:#CF89B2;
}
/* 出荷完了 */
.item_icon_8 {
    background:#999999;
}
/* キャンセル */
.item_icon_cancel {
    background:#ee9999;
}

/* 海外修理 */
.item_icon_kaigai_syuri {
    background:#DB695A;
}

/* 時計の詳細 */
.item_list_watch {
    margin:10px 0;
    font-size:1.1rem;
}
.item_list_maker {
    color:#666666;
}
.item_list_estimate span {
    font-size:1.4rem;
}
/* 修理するorしない */
.item_list_repair {
    margin:20px 0 0;
}

a.btn_repair_ok,
a.btn_repair_no,
a.btn_repair_confirm{
    width:140px;
    display:block;
    float:left;
    padding:8px 0;
    text-align:center;
    text-decoration:none;
    font-weight:500;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a.btn_overseas_repair{
    width:200px;
    display:block;
    float:left;
    padding:8px 0;
    text-align:center;
    text-decoration:none;
    font-weight:500;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.btn_repair_ok,
.btn_repair_confirm{
    background:#DB695A;
    margin-right:10px;
}
.btn_repair_no {
    background:#808080;
}

.btn_overseas_repair {
    background:#EE4444;
    font-size:0.9rem;
    margin-right:15px;
}

.item_list_btn {
    float:right;
    display:block;
}
.item_list_btn_sp {
    display:none;
}



.item_list_status {
    margin:20px 0;
}
/* ステータスバー */
.statusbar {
    margin-top:10px;
    height:20px;
    width:300px;
    background:#E6E6E6;
}
.statusbar_now {
    height:20px;
    background:#3C9275;
}
/* 発送済みの場合　送り状 */
.item_list_status_sent {
    margin:10px 0 0;
    background:#F2F2F2;
    padding:10px;
}
/* お預かり番号のところ */
.item_list_cnum {
    margin:10px 0 0;
    background:#F2F2F2;
    padding:10px;
}


/* 同意してほしいエリア 20190205 ohayashi */

.agreement{
    width:300px;
    background:#efefef;
    margin:10px 0;
    box-sizing:border-box;
    padding:5px;
}

.agreement > p{
    margin-bottom:5px;
}

.agreement.mitusmori{
    background:#dbebf0;
}
.agreement.repair{
    background:#d0e5de;
}
.agreement.oversea_repair{
    background:#e1e2ee;
}

.agreement > .center_btns a{
    float:none;
    margin:0 auto;
}
.agreement > .answered{
    font-size:90%;
    color:#888;
    margin-bottom:0;
}

/* 時計の画像 */
.tokei_img{
    max-width:150px;
}
.tokei_img img{
    max-width:100%;
}

/* 要注意顧客かどうか */

.blacklist{
    color:#CC3333;
}

.whitelist{
    color:#bebebe;
}

/* 連絡先表示 */

.customer_address{
    margin-top:0.5em;
    font-size:95%;
}
.customer_address_empty{
    color:#afafaf;
}



/* ページャー ------------------- */

div.pager {
    text-align:center;
    margin:10px auto;
}

div.pbottom {
    text-align:center;
    float:right;
    margin-bottom:40px;
}


div.paging {
    display:inline-block;
    font-size:12px;
    background-color:#FFF;
    color:#5E3E12;
}
div.paging span {
    margin:0 2px;
    float: left;
}
div.paging span a {
    margin:0;
    position: relative;
    display:  inline-block;
    padding:6px 10px;
    border:1px #CCC solid;
    text-decoration:none;
}
div.paging span a:link,
div.paging span a:visited {
}
div.paging span a:hover,
div.paging span a:active {
    color:#0072BA;
    background:#efefef;
}
/* 今いるページ */
div.paging span.current {
    position: relative;
    display: block;
    text-decoration: none;
    font-weight:bold;
    padding:6px 10px;
    border:1px #CCC solid;
    background:#F1F2F6;
}

/* 前へ、次へ、クリックできないとき */
div.paging span.disabled {
    position: relative;
    display: block;
    padding:6px 10px;
    color: #ccc;
    text-decoration: none;
    border:1px #CCC solid;;
}
div.pager span a.next {
/*    border:none;*/
}


/* 件数表示　2018/02/20 syk */
.counter{
    font-size:110%;
}

.counter_num{
    font-size:150%;
    display:inline-block;
    margin-left:0.25em;
    margin-right:0.25em;
    color:#CC3333;
    font-weight:bold;
}


/* ===================================================================
    修理　登録・編集画面　2018/04/18 おはやし
=================================================================== */
/* ユーザー検索するボタン */
.search_user_form,
.search_customer_form{
    display:flex;
    align-items:center;
}
#modal_user_search_open.btn_input{
    padding:0.5em;
    width:150px;
    background:#666;
    box-shadow:none;
}
#modal_customer_search_open.btn_input,
#modal_customer_x_search_open.btn_input{
    padding:0.5em;
    width:150px;
    background:#BBB;
    box-shadow:none;
}

/* ===================================================================
    詳細
=================================================================== */
/* 一覧へ戻るボタン  */
.rtb_list {
    margin:10px 0;
}
.rtb_list a {
    display:inline-block;
    padding:5px 15px;
    border:1px solid #B59F62;
    color:#B59F62;
    text-decoration:none;
    text-align:center;
    font-weight:500;
}


/* オーダー番号とか */
table.item_detail_no th,
table.item_detail_no td {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* 状況で重要なお知らせあるとき */
.joukyo_message {
    margin:20px auto;
    padding:20px;
    text-align:center;
}
.joukyo_txt {
    font-size:1.1rem;
    font-weight:500;
}
.joukyo_message.joukyo_mitsumori_end {
    border:2px solid #DB695A;
}
.joukyo_message.joukyo_mitsumori_oversear{
    border:2px solid #3C8000;
}
#main .joukyo_message .item_list_repair {
    text-align:center;
}
.joukyo_message a.btn_repair_ok,
.joukyo_message  a.btn_repair_no,
.joukyo_message a.btn_repair_confirm{
    display:inline-block;
    float:none;
}

#status_flow ol li span {
    display:block;
    float:left;
    height:34px;
    line-height:34px;
    margin:5px 20px 0 0;
    padding:0 10px;
    vertical-align:middle;
    position:relative;
    background:#f2f2f2;
    font-size:0.8rem;
}

#status_flow ol li span:after {
    content: "";
    position: absolute;
    right: -17px;
    top: 0;
}
#status_flow ol li span:before {
    content: "";
    position: absolute;
    margin-top: 0px;
    border-width: 17px 0 17px 17px;
    border-style: solid;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 transparent;
    left: -17px;
}

#status_flow ol li.status_end span,
#status_flow ol li.status_now span {
    background:#3C9275;
    color:#fff;
}
#status_flow ol li.status_end span:after,
#status_flow ol li.status_now span:after {
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #3C9275;
}
#status_flow ol li.status_end span:before,
#status_flow ol li.status_now span:before {
    border-width: 17px 0 17px 17px;
    border-style: solid;
    border-color: #3C9275 #3C9275 #3C9275 transparent;
}

#status_flow ol li.status_not span {
    background:#f2f2f2;
}
#status_flow ol li.status_not span:after {
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #f2f2f2;
}
#status_flow ol li.status_not span:before {
    border-width: 17px 0 17px 17px;
    border-style: solid;
    border-color: #f2f2f2 #f2f2f2 #f2f2f2 transparent;
}


/* 時計の詳細 */
.tbl_item_detail {
    width:640px;
    margin:0 0 10px;
    border:1px solid #ccc;
    float:left;
}
.tbl_item_detail th,
.tbl_item_detail td {
    border-right:1px solid #ccc;
    text-align:center;
    font-size:0.7rem;
    word-break: break-all;
}
/* 詳細とかのリンクボタン */
.item_detail_pdf {
    float:right;
}
a.btn_pdf_dl {
    width:260px;
    display:block;
    margin:0 0 10px;
    padding:10px;
    border:1px solid #B59F62;
    color:#B59F62;
    text-decoration:none;
    text-align:center;
    font-weight:500;
    font-size:0.8rem;
}

/* 依頼詳細 */
.request {
    margin:0;
    padding:20px;
    border:1px solid #ccc;
    border-bottom:none;
}
.request_last {
    border-bottom:1px solid #ccc;
    margin-bottom:30px;
}
.tbl_request {
    margin:0;
}
.tbl_request th,
.tbl_request td {
    background:none;
    padding:2px 5px;
}
.tbl_request th {
    color:#3C9275;
    width:8em;
}


/* 見積もり */
.tbl_mitsumori {
    margin:30px 0;
}
.tbl_mitsumori caption {
    text-align:left;
    margin-bottom:5px;
    font-weight:700;
}
.tbl_mitsumori th,
.tbl_mitsumori td {
    border:1px solid #ccc;
}
.tbl_mitsumori th {
    text-align:center;
}
.tbl_mitsumori th.code {
    width:8em;
}
.tbl_mitsumori th.num {
    width:10em;
}
.tbl_mitsumori th.price {
    width:15em;
}
.tbl_mitsumori td.num {
    text-align:center;
}
.tbl_mitsumori td.price {
    text-align:right;
}
.tbl_mitsumori td.total_th {
    text-align:right;
    background:#F2F2F2;
}
.tbl_mitsumori td.total_none{
    border:none;
}

/* 備考 */
.item_detail_bikou{
    margin:0 0 30px;
    padding:15px;
    border:1px solid #ccc;
}
.item_detail_bikou dt {
    margin-bottom:10px;
    color:#3C9275;
}

/* その他のご案内 */
.item_detail_bikou dd > div{
    margin-top:20px;
}

.item_detail_bikou dd > div h3{
    font-weight:bold;
    margin-bottom:10px;
}

.item_detail_bikou dd ul.guidance_list{
    padding:1em;
}

.item_detail_bikou dd ul.guidance_list li{
/*    padding:1em;*/
    position:relative;
    margin-bottom:10px;
}

.item_detail_bikou dd ul.guidance_list li::before{
    content:"・";
    position:absolute;
    left:-1em;
}



/* 見積書作成 */
.tbl_mitsumori_add th {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.tbl_mitsumori_add th,
.tbl_mitsumori_add td {
    text-align:center;
}
.tbl_mitsumori_add td {
    border-bottom:1px solid #ccc;
}
.tbl_mitsumori_add td input {
    margin:0 auto;
    width:100%;
}
.tbl_mitsumori_add .price {
    width:12em;
}
.tbl_mitsumori_add .price input {
    text-align:right;
}
.tbl_mitsumori_add .code_text {
    width:3em;
}
.tbl_mitsumori_add .product_code_text {
    width:3em;
}

.btn_add_guidance,
.btn_add_line {
    margin:0 0 20px;
}
.btn_add_guidance input,
.btn_add_line input {
    display:inline-block;
    border:none;
    padding:8px 15px;
    text-align:center;
    text-decoration:none;
    font-weight:400;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:#68AAC1;
}

.btn_add_line input[type="button"]:disabled{
    color:#999;
    background-color:#dcdcdc;
}

.tbl_mitsumori_add td button[type="button"],
.tbl_mitsumori_add td input[type="button"]{
    background-color:#DB695A;
    color:#fff;
    border-radius:5px;
    border:none;
    max-width:1.2em;
}
.tbl_mitsumori_add td input[type="button"]:disabled{
    color:#999;
    background-color:#dcdcdc;
}

.tbl_mitsumori td .option_checked,
.tbl_mitsumori_add td .option_checked{
    color:#DB855A;
    font-size:100%;
}

.tbl_mitsumori td .option_none,
.tbl_mitsumori_add td .option_none{
    color:#999;
    font-size:100%;
}



.tbl_goukei {
    margin-bottom:50px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.tbl_goukei th,
.tbl_goukei td  {
    text-align:right;
}
.tbl_goukei td.price  {
    width:12em;
}


/* 見積もり作成　ご案内・免責事項のテキスト */
.tbl_mitsumori_add.guidance_setting,
.tbl_mitsumori_add.guidance2_setting,
.tbl_mitsumori_add.guidance_edit{
    vertical-align:middle;
}

.tbl_mitsumori_add.guidance_setting td,
.tbl_mitsumori_add.guidance2_setting td,
.tbl_mitsumori_add.guidance_edit{
    vertical-align:middle;
}

.tbl_mitsumori_add.guidance_setting .title,
.tbl_mitsumori_add.guidance2_setting .title,
.tbl_mitsumori_add.guidance_edit .title{
    width:30%;
}

/*.tbl_mitsumori_add.guidance_setting .reload_button{
    width:2em;
    padding-left:0;
}*/

.tbl_mitsumori_add.guidance_setting button.admin_btn.btn_edit,
.tbl_mitsumori_add.guidance2_setting button.admin_btn.btn_edit{
    width:2em;
    height:2em;
    font-size:100%;
    display:inline-block;
}

.tbl_mitsumori_add.guidance_setting select,
.tbl_mitsumori_add.guidance2_setting select,
.tbl_mitsumori_add.guidance_edit select{
    width:100%;
}

.tbl_mitsumori_add.guidance_freetext textarea,
.tbl_mitsumori_add.guidance_setting textarea,
.tbl_mitsumori_add.guidance2_setting textarea,
.tbl_mitsumori_add.guidance_edit textarea{
    width:100%;
    display:inline-block;
    padding:8px;
}

.tbl_mitsumori_add.guidance_freetext th,
.tbl_mitsumori_add.guidance_freetext td{
    text-align:left;
}

.modal_img_search {
    display:inline-block;
    margin:10px 0;
    padding:5px;
    font-size:1.2rem;
    border:1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.modal_img_input {
    width:200px;
    border:none;
}

.modal_search_btn {
    border:none;
    background:none;
    padding:5px;
    cursor:pointer;
}
.modal_img_list {
    height:60vh;
    border:1px solid #ccc;
    overflow-y:scroll;
}


/* ===================================================================
    モーダル
=================================================================== */
/* モーダルウィンドウ */
.modal {
    display: none;
    opacity: 1;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*overflow-y: auto;*/
    overflow-y: scroll;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #666666;
    box-sizing: border-box;
    z-index: 200;
    padding: 5vh 0;
    background-color: rgba(25,25,25,0.7);

}

div.inner_contents{
    position:relative;
    max-width:1280px;
    width:100%;
    height:90vh;
    background:#fff;
    color:#333;
    /*padding:20px;*/
    padding:8px;
    box-sizing:border-box;
    /*border-radius:0.5em;*/
    border-radius:0.2em;
    margin:auto auto;
    z-index:210;
/*    overflow:hidden;*/
}

div.inner_contents a.close{
    background:#DB695A;
    width:2em;
    height:2em;
    color:#fff;
    border-radius:1em;
    padding:0;
    line-height:2em;
    position:absolute;
    top:-1em;
    right:-1em;
    z-index:230;
    text-align:center;
    font-size:18px;
    text-decoration:none;
}

/* モーダルページ内 */
.modal_page h2 {
    height:6vh;
    line-height:6vh;
    margin: 0px;
    text-align:center;
    font-size:1.1rem;
    font-weight:500;
}

/* 2019/1/7 伊藤 */
.modal_page h3 {
    text-align: center;
    padding: 10px;
}

.modal_txt {
    text-align:center;
}

a.modal_back_close {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}


/* お問い合わせ */

#main div.inner_contents {
    z-index:auto;
}
#contact_chat {
    height:40vh;
    min-height:100px;
    border:1px solid #ccc;
    padding:10px 25px;
    overflow-x:hidden;
    overflow-y:scroll;
}
.contact_chat_user {
    width:70%;
    float:left;
    margin-bottom:10px;
}
.contact_chat_user .contact_chat_txt {
    background:#EEF0F4;
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position:relative;
}
.contact_chat_user .contact_chat_date {
    text-align:left;
    font-size:0.8rem;
}

.contact_chat_user .contact_chat_txt:before{
    content: "";
    position: absolute;
    top:60%;
    left: -20px;
    margin-top: -15px;
    border: 5px solid transparent;
    border-right: 15px solid #EEF0F4;
}
.contact_chat_admin {
    width:70%;
    float:right;
    margin-bottom:10px;
}
.contact_chat_admin .contact_chat_txt {
    background:#D4E1F4;
    padding:10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position:relative;
}
.contact_chat_admin .contact_chat_date {
    text-align:right;
    font-size:0.8rem;
}
.contact_chat_admin .contact_chat_txt:before{
    content: "";
    position: absolute;
    top:60%;
    right: -20px;
    margin-top: -15px;
    border: 5px solid transparent;
    border-left: 15px solid #D4E1F4;
}
.contact_textarea{
    width:80%;
    margin:10px auto;
}
.contact_textarea textarea {
    width:100%;
    height:15vh;
}

.contact_btn {
    text-align:center;
}
.contact_btn input {
    width:60%;
    display:block;
    background:#DB695A;
    border:none;
    margin:0 auto;
    padding:8px 0;
    text-align:center;
    text-decoration:none;
    font-weight:500;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor:pointer;
}



/* ユーザー用問い合わせ（タブ） */
#user_mail_tab {
    display:flex;
}
#user_mail_tab li {
    margin-right:5px;
}
#user_mail_tab a {
    display:inline-block;
    padding:3px 10px;
    border-radius:5px 5px 0 0;
    border:1px solid #ccc;
    border-bottom:none;
    text-decoration:none;
    color:#3C9275;
}
#user_mail_tab a.current {
    background:#3C9275;
    color:#fff;
    border:1px solid #3C9275;
    border-bottom:none;
}


.user_mail_box {
    border:1px solid #ccc;
    display:none;
    height: 70vh;
/*    height:calc(100vh-50px);*/
}
.user_mail_box * {
    box-sizing: border-box;
}
#user_mail_box_1,
#user_mail_box_2 {
    display:flex;
}
.user_mail_side {
    width:30%;
    border-right:1px solid #ccc;
}
.user_mail_main {
    width:70%;
    padding:20px;
    overflow-y: scroll;
}
.user_mail_select {
    height:50px;
    padding:10px;
    border-bottom:1px solid #E6E6E6;
}
.user_mail_select select {
    width:100%;
}
.user_mail_date {
    color:#3C9275;
}
.user_mail_main_txt {
    margin:10px 0 0;
}
.user_mail_list {
    height: calc(70vh - 50px);
    overflow-y: scroll;
}
.user_mail_list ul {
}
.user_mail_list li {
    border-bottom:1px solid #E6E6E6;
}
.user_mail_list li a {
    display:block;
    padding:10px;
    text-decoration:none;
}
.user_mail_list li.current a {
    background:#F2F2F2;
}
.user_mail_list li .user_mail_list_date {
    display:block;
    color:#3C9275;
    font-size:90%;
}
.user_mail_list li .user_mail_list_txt {
    display:block;
}

/* 問い合わせ */
#user_mail_3 {
    padding:20px;
}
.tbl_user_mail {
    margin:10px 0;
}
.tbl_user_mail th {
    width:12em;
}
#user_mail_3 .contact_btn input {
    width:8em;
}

.modal_page table th {
    text-align:right;
}
.modal_page table th,
.modal_page table td {
    background:#fff;
    padding:5px;
}
.modal_page table td input[type="text"] {
    width:90%;
}
.modal_page table td textarea {
    width:90%;
    height:5em;
}
.modal_page table td textarea.modal_cancel_textarea {
    height:10em;
}

.zaiko_contact_btn {
    text-align:center;
}

.zaiko_contact_btn a,
.zaiko_contact_btn input {
    display:inline-block;
    width:30%;
    margin:0 2.5%;
    padding:10px 0;
    text-align:center;
    border:none;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration:none;
}
.zaiko_contact_btn input{
    margin-bottom:20px;
}

.zaiko_contact_btn a {
    background:#808080;
}
.zaiko_contact_btn input {
    background:#DB695A;
}

.zaiko_contact_btn #agree_btn {
    background:#DB695A;
}


/*  */
.modal_info_detail .modal_page h2 {
    height: auto;
    line-height: 1;
    margin:0 0 20px;
    text-align: left;
    font-size: 1.0rem;
    font-weight: 500;
}

/* 修理依頼の手続き　修理する */
.modal_repair_ok .repair_price{
    color:#ff0000;
    text-align:center;
    margin-bottom:30px;
}
.modal_repair_ok .repair_price span{
    font-size:180%;
    margin-right:0.25em;
    margin-left:0.25em;
}
.modal_repair_ok .chui{
    display:flex;
    width:75%;
    background:#f9f3cf;
    border-radius:10px;
    margin-right: auto;
    margin-left:auto;
    margin-bottom:30px;
    padding:20px;
}

.modal_repair_ok .chui .icon{
    font-size:150%;
    width:1em;
    position:relative;
}
.modal_repair_ok .chui .icon i{
    position:absolute;
    width:1em; height:1em;
    top:0; bottom:0;
    left:0; right:0;
    margin:auto;
    vertical-align:middle;
}

.modal_repair_ok .chui .text{
    padding-left:15px;
}


/* 修理登録画面　ユーザー検索モーダル　2018/04/18　おはやし */
#modal_user_search{

}

#modal_user_search .search_box,
#modal_customer_search .search_box{
    display:flex;
    align-items:center;
    justify-content:center;
}

#modal_user_search #search_user_btn,
#modal_customer_search #search_customer_btn
{
    width:4em;
    padding:0.5em;
}

#modal_customer_x_search .kana_btn
{
    width:2em;
    padding:0.1em;
}

#modal_user_search .modeal_usarch_mess,
#modal_customer_search .modal_customer_search_mess{
    box-sizing:border-box;
    border:#DB695A solid 1px;
    padding:5px;
    text-align:center;
    color:#DB695A;
    margin:10px auto;
    width:30em;
}

#modal_customer_search #cusname_message{
    box-sizing:border-box;
    border:#DB695A solid 1px;
    padding:5px;
    text-align:center;
    color:#DB695A;
    margin:10px auto;
    width:30em;
}

#modal_user_search .user_list,
#modal_customer_search .customer_list,
#modal_customer_search .customer_x_list
{
    text-align:center;
    margin-top:18px;
}

#modal_user_search .user_list .user_select_btn,
#modal_customer_search .customer_list .coustomer_select_btn,
#modal_customer_search .customer_x_list .coustomer_select_btn{
    background-color:#666;
    box-shadow:none;
    margin:4px;
    max-width:9em;
}
#modal_user_search .user_list .btn_small,
#modal_customer_search .coustomer_list .btn_small{
    font-size:75%;
}


/* 修理管理【編集・進捗変更】モーダル */
#modal_edit_repair_select .edit_repair_select_box{
    display:flex;
    align-items:center;
    justify-content:center;
}

#modal_edit_repair_select .modal_edit_repair_mess{
    box-sizing:border-box;
    border:#DB695A solid 1px;
    padding:5px;
    text-align:center;
    color:#DB695A;
    margin:10px auto;
    width:30em;
}

/* 修理管理【見積もり】モーダル */
#modal_mitsumori_proc_select .mitsumori_proc_select_box{
    display:flex;
    align-items:center;
    justify-content:center;
}

#modal_mitsumori_proc_select .modal_mitsumori_proc_mess{
    box-sizing:border-box;
    border:#DB695A solid 1px;
    padding:5px;
    text-align:center;
    color:#DB695A;
    margin:10px auto;
    width:30em;
}

/* ===================================================================
    管理画面 - 共通
=================================================================== */
.admin_title {
    margin:0 0 20px;
    font-size:1.4rem;
    font-weight:500;
}


.admin_add_btn,
.admin_overseas_repair_btn,
.admin_edit_teikei_bun_btn{
    margin:11px 0;
}

.admin_add_btn a {
    display:inline-block;
    padding:5px 10px;
    background:#68AAC1;
    color:#fff;
    font-size:0.9rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration:none;
}

.admin_overseas_repair_btn a {
    display:inline-block;
    padding:5px 10px;
    background:#444444;
    color:#fff;
    font-size:0.9rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration:none;
}

.admin_add_btn a:hover,
.admin_overseas_repair_btn a:hover {
    background:#eb6d58;
    /*background:#709dff;*/
}

/* 一覧用テーブル */
table.tbl_admin_list {
}
table.tbl_admin_list th,
table.tbl_admin_list td {
    padding:10px 5px;
    text-align:center;
    border:1px solid #ccc;
    font-size:0.8rem;
}
table.tbl_admin_list td {
    word-break: break-all;
}
.tbl_mitsumori_add.guidance_setting .admin_btn.btn_edit,
.admin_btn.btn_qr_output,
.admin_btn.btn_qr_checkout,
table.tbl_admin_list td .admin_btn,
.photo_list .admin_btn {
    display:block;
    width:100%;
    white-space: nowrap;
    margin:3px 3px;
    padding:5px 8px;
    border:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}
.tbl_mitsumori_add.guidance_setting .admin_btn.btn_edit,
.photo_list .admin_btn.btn_edit,
table.tbl_admin_list td .admin_btn.btn_edit,
table.tbl_admin_list td .admin_btn.btn_status_change,
table.tbl_admin_list td .admin_btn.btn_edit_mitsumori {
    background:#666;
}

.admin_btn.btn_shipment,
table.tbl_admin_list td .admin_btn.btn_exchange {
    background:#3C8000;
}

.admin_btn.btn_shipment,
table.tbl_admin_list td .admin_btn.btn_exchange {
    display:block;
    width:100%;
    white-space: nowrap;
    margin:3px 3px;
    padding:5px 8px;
    border:none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}

/*見積書出力ボタン*/
.accordion .btn_mitsumori_output {
    width:6em;
    height:2em;
    font-size:100%;
    background:#448;
    display:inline-block;
    white-space: nowrap;
    margin:0px 0px;
    padding:5px 8px;
    border:none;
    border-radius: 5px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}
.accordion .btn_mitsumori_output2 {
    width:6em;
    height:2em;
    font-size:100%;
    background:#844;
    display:inline-block;
    white-space: nowrap;
    margin:0px 0px;
    padding:5px 8px;
    border:none;
    border-radius: 5px;
    text-decoration:none;
    cursor:pointer;
    color:#fff;
}

.admin_btn.btn_nouhinsho {
    background:#222;
}

.admin_btn.btn_gazouReg {
    background:#555;
}

.photo_list .admin_btn.btn_del,
table.tbl_admin_list td .admin_btn.btn_del {
    background:#CC3333;
}

.admin_btn_txt {
    margin-left:3px;
}

.admin_icon {
    width:auto;
    display:block;
    height:2em;
    line-height:2;
    padding:0 5px;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    background:#ccc;
    color:#fff;
}

/* QRコード出力ボタン */
.ctl_btns{ text-align:left; }
.admin_btn.btn_qr_output,
.admin_btn.btn_qr_checkout{
    display:inline-block;
    text-align:center;
}
.admin_btn.btn_qr_output{
    background:#666;
    width:190px;
}
.admin_btn.btn_qr_checkout{
    background-color:#CC3333;
    width:190px;
}

/* 修理ステータス */
/* 見積中 */
.admin_icon_mitumori,
.admin_icon_1 {
    background:#DBBA5A;

}
/* 見積承認待ち */
.admin_icon_mitumori_machi,
.admin_icon_2 {
    background:#68AAC1;

}
/* 見積承認済み */
.admin_icon_mitumori_sumi,
.admin_icon_3 {
    background:#DB855A;

}
/* 海外部品入荷待ち */
.admin_icon_nyuka ,
.admin_icon_4 {
    background:#8384B8;

}
/* 修理中 */
.admin_icon_syuri ,
.admin_icon_5 {
    background:#3C9275;

}

/* 海外修理中 */
.admin_icon_kaigai_syuri,
.admin_icon_9 {
    background:#DB695A;
}

/* お引き取り待ち */
.admin_icon_hikitorimachi,
.admin_icon_7 {
    background:#CF89B2;

}
/* 出荷完了 */
.admin_icon_syukka_end,
.admin_icon_8 {
    background:#999999;

}

.admin_icon_cancel {
    font-weight: bold;
    color: #ff0000;
    display: inline-block;
    margin-top: 3px;
    font-size: 1rem;
}


/* 問い合わせ管理用 */
.admin_icon_contact_sumi {
    background:#68AAC1;
}
.admin_icon_contact {
    background:#DB695A;
}
.contact_status {
    width:80%;
    margin:10px auto;
    padding:5px;
    background:#f2f2f2;
    text-align:center;
}
.admin_contact_textarea{
    width:80%;
    margin:20px auto 10px;
}
.admin_contact_textarea textarea {
    width:100%;
    height:12em;
}
.admin_contact_btn {
    text-align:center;
}
.admin_contact_btn input {
    width:200px;
    display:block;
    background:#DB695A;
    border:none;
    margin:0 auto;
    padding:8px 0;
    text-align:center;
    text-decoration:none;
    font-weight:500;
    color:#fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* 在庫管理用 */
.admin_icon_zaiko_mi,
.admin_icon_response_mi {
    background:#DB695A;
}
.admin_icon_zaiko_taiouchu,
.admin_icon_response_chu {
    background:#B59F62;
}
.admin_icon_zaiko_sumi,
.admin_icon_response_kanryo {
    background:#bbb;
}

.admin_icon_new {
    width:auto;
    display:inline-block;
    height:2em;
    line-height:2;
    font-size:0.5rem;
    margin-right:5px;
    padding:0 8px;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    background:#ff0000;
    color:#fff;
}


/* 登録・編集 */
.form_title {
    font-size:1.2rem;
    font-weight:500;
    margin-bottom:10px;
}
.tbl_admin_form {
    margin:3px 0 6px;
}
.tbl_admin_form th,
.tbl_admin_form td {
    border:1px solid #ccc;
    text-align:left;

}
.tbl_admin_form th {
    width:11em;
}
.tbl_admin_form td input[type="text"] {
    display:inline-block;
/*    width:300px;*/
}
.tbl_admin_form td {
    text-align:left;
}
.tbl_admin_form td {
    width:250px;
    height:3em;
}
.admin_form_todokesaki {
    margin:5px 0 10px;
}

/* ちょっと揃えたい */
.col_3 .form_radio {
    width: 30%;
}
.col_4 .form_radio {
    width: 22%;
}



/* カスタマー用タブ切替 */
#customer_pager {
    position:relative;
}
#customer_pager .pager.pc {
    padding-right:80px;
}
.customer_tab {
    width:74px;
    text-align:right;
    position:absolute;
    top:0;
    right:0;
}
.customer_tab span {
    display:inline-block;
    padding:5px;
    font-size:1.6rem;
    color:#999;
}
.customer_tab span.active {
    color:#DB695A;
}

.customer_tab_content {display:none;padding: 0;}
.customer_tab_content.active {display:block;}

.tbl_admin_form td{
/*    width:100%; */
}
/* 写真登録画面のやつ */
.photo_list{
    display:-webkit-flex;  /* Android2.3~とか */
    display:-ms-flexbox;   /* IE9~用 */
    display:flex;
    -ms-flex-wrap:wrap; /*for IE10*/
    -webkit-flex-wrap:wrap; /*for old webkit browser*/
    flex-wrap:wrap;
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.photo_list li{
    width:23%;
    margin-right:0.5%;
    box-sizing:border-box;
}

.photo_list li.selected{
    border:#aeaeae solid 1px;
    opacity:0.8;
}

.photo_list li .admin_btn{
    font-size:85%;
    display:inline-block;
    width:7.2em;
    text-align:center;
}

.photo_list li img{
    width:100%;
}

.top_menu {
    width:46%;
    background:#fbfbfb;
    float:left;
    border:2px solid #ccc;
    border-radius:5px;
    margin:2% 2%;
    padding:20px;
    box-sizing: border-box;
    cursor:pointer;
    position:relative;
}
.top_menu_mini {
    width:21%;
}
.top_menu:hover {
    background:#ebebeb;
}
.top_menu dt {
    text-align:center;
    margin:0 0 10px;
}
.top_menu .top_menu_ico {
    display:block;
    height:60px;
    line-height:60px;
    font-size:50px;
    color:#999;
}
.top_menu_name {
    display:block;
    font-size:22px;
}
.top_menu_name a {
    text-decoration:none;
}
.menu_chui {
    color:#ff0000;
}

#top_menu_info {
    width:46%;
    float:left;
    border:1px solid #ccc;
    border-radius:5px;
    margin:2% 2%;
    padding:20px;
    box-sizing: border-box;
    cursor:pointer;
    overflow-y:scroll;
    height:300px;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.6em;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;

    position: absolute;
    top: -5px;
    right: -5px;;
    border-radius: 10rem;
    background:#ff0000;
    color:#fff;
    font-family:Roboto, "Helvetica Neue", Arial, sans-serif;
}

.top_ex {
    margin:10px 2%;
}


/* ===================================================================
    スマホ用
=================================================================== */
/* PCとかタブレット */
@media (max-width : 960px){
}

/* スマホ用 */
@media screen and (max-width: 767px) {
    #header_bk {
        width:100%;
        position:fixed;
        z-index:100;
    }
    #header {
        width:100%;
        height:50px;
        padding:0 10px;
        position:relative;
    }
    #header h1#top,
    #header p#top {
        font-size:0.9rem;
    }
    #header h1#top a,
    #header p#top a {
        line-height:50px;
    }

    #Gmenu {
        display:none;
    }
    /* スマホ用メニューバー */
    #Gmenu_sp {
        display:block;
    }
    #sp_menubar{
        float:right;
        font-size:20px;
        margin-top:16px;
    }
    #sp_menubar a {
    }
    #sp_menubar_info {
        float:right;
        font-size:20px;
        margin:16px 26px 0 0;
        position:relative;
    }
    #sp_menubar_info .badge {
        font-size:0.7rem;
        top:-7px;
        right:-9px;
    }

    #Gmenu_sp ul {
        display:none;
        width:100%;
        background: rgba(0,0,0,0.8);
        position:absolute;
        top:50px;
        left:0;
        clear:both;
    }
    #Gmenu_sp ul li {
        float:none;
        border-bottom:1px solid #fff;

    }
    #Gmenu_sp ul li:last-child {
        border-bottom:none;
    }
    #Gmenu_sp ul li a {
        display:block;
        padding:15px;
        text-decoration:none;
        color:#fff;
        text-align:center;
    }
    .header_name {
        line-height:50px;
        font-size:0.6rem;
        margin-right:10px;
    }
    .top_menu_mini {
        width:46%;
    }
    #top_menu_info {
        float:none;
        width:96%;
        height:150px;
        box-sizing: border-box;
    }



    #main {
        padding-top:80px;
    }

    /* 検索パネル */
    .search_form {
        width:45%;
    }

    .item_list_detail {
        float:none;
    }
    .item_list_btn {
        margin-top:30px;
        float:none;
        display:none;
    }
    .item_list_btn_sp {
        display:block;
    }

    .item_list_btn_sp a.btn_item_list {
        width:32%;
        margin:20px 2% 0 0;
        padding:10px 3px;
        font-size:0.8rem;
        float:left;
    }
    .item_list_btn_sp a.btn_item_list:last-child {
        margin-right:0;
    }



    .statusbar {
        width:100%;
    }
    a.btn_repair_ok,
    a.btn_repair_no,
    a.btn_repair_confirm{
        width:48%;
    }
    .btn_repair_ok,
    .btn_repair_confirm{
        margin-right:4%;
    }


    /* 詳細 */
    .item_detail_no{
        font-size:0.8rem;
    }
    table.item_detail_no th,
    table.item_detail_no td {
        padding:10px;
    }
    #status_flow {
        font-size:0.8rem;
    }
    .request {
        padding:10px;
        font-size:0.8rem;
    }
    .tbl_item_detail {
        width:100%;
    }
    .tbl_item_detail th,
    .tbl_item_detail td {
        padding:10px;
    }
    .item_detail_pdf {
        margin-top:10px;
    }
    .tbl_mitsumori th,
    .tbl_mitsumori td {
        padding:10px;
        font-size:0.7rem;
    }
    .tbl_mitsumori th.num {
        width:5em;
    }
    .tbl_mitsumori th.price {
        width:7em;
    }

    /* モーダル */
    .contact_chat_user,
    .contact_chat_admin {
        width:90%;
    }
    .modal_page h2 {
        font-size:0.7rem;
        margin:0 0 10px;
    }

    .w50,.w100,.w150,.w200,
    .w300,.w400,.w500,
    .w600,.w700,.w800,.w900,
    .w1000 {
        width:100%;
    }
    .tbl_admin_form td textarea {
        width:100%;
    }

    .tbl_admin_list {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
    /* ログイン */
    .login_form {
        width:auto;
    }
    .login_form dt,
    .login_form dd  {
        width:auto;
        padding:0;
        display:block;
        text-align:left;
    }
    .login_form dt {
        margin-bottom:5px;
    }

    .login_form dd input {
        width:100%;
    }

    .item_list_date {
        float:none;
        margin-bottom:10px;
    }

    table.tbl_admin_list td .admin_btn {
        margin:3px 3px;
        padding:8px 8px;
    }
    .admin_btn_txt {
        display:none;
    }

    #customer_pager .pager.pc {
        padding-right:0;
    }
    .customer_tab {
        width:auto;
        position:relative;
        text-align:right;
    }

    .contact_status {
        width:100%;
        font-size:0.8rem;
    }
    .contact_textarea {
        width:100%;
    }
    .contact_chat_user .contact_chat_date {
        font-size:0.6rem;
    }
    .contact_chat_user .contact_chat_txt {
        font-size:0.8rem;
    }



}