@charset "utf-8";
/* CSS Document */
/*----------------------------------------------
汎用性高ここから
----------------------------------------------*/
.ui-icon-grip-diagonal-se{
  height:30px;
  width:300px;
  background-color: red;
}
.none{
    display: none;
}
.opa05{
    opacity: 0.5;
}
.eventNone{
    pointer-events: none;
}
.eventAuto{
    pointer-events: auto;
}
.box_rel {
 width:170px;
 height:135px;
 display:table-cell;
 vertical-align:middle;
}

/*----------------------------------------------
汎用性高ここまで
----------------------------------------------*/

/*----------------------------------------------
共通ここから
----------------------------------------------*/
body{
background-color: #f8f8f8;
width: 1368px;
height: 912px;
overflow: hidden;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus{
outline: 0;
}
.wrapper{
position: relative;
width: 100%;
height: 100%;
}
.wrapper2{
position: absolute;
width: 100%;
height: 100%;
}
.main{
width: 1150px;
height: 100%;
position: relative;
}
.cf{
clear: both;
}
/*---------□---------*/
.minomi_tray::after{
display: block;
height: 70px;
width: 70px;
content: "";
background: url(../images/icon_minomi.gif) no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 10%;
}
.minomi_thumb::after{
display: block;
height: 30px;
width: 30px;
content: "";
background: url(../images/icon_minomi.gif) no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 5%;
}
.hutanomi_tray::after{
display: block;
height: 70px;
width: 70px;
content: "";
background: url(../images/icon_hutanomi.gif) no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 10%;
}
.hutanomi_thumb::after{
display: block;
height: 30px;
width: 30px;
content: "";
background: url(../images/icon_hutanomi.gif) no-repeat;
background-size: contain;
position: absolute;
top: 0;
right: 5%;
}
#loadingLayer{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: gray;
opacity: 0.3;
}
#loading{
position: absolute;
top: 45%;
left: 47%;
}
#loadingImg{
height:50%;
width:50%;
}
.zindex97{ z-index: 97; }
.zindex98{ z-index: 98; }
.zindex99{ z-index: 99; }
.zindex100{ z-index: 100; }
.zindex101{ z-index: 101; }


/*----------------------------------------------
共通ここまで
----------------------------------------------*/


/*----------------------------------------------
index（TOP）ここまで
----------------------------------------------*/
.forbid{
    opacity: 0.5;
    pointer-events: none;
}
#index_wrap{
    width: 1150px;
    height:912px;
}
#index_main{
    width: 1150px;
    position: relative;
    /*background-color: skyblue;*/
}
#index_dragdrop{
    position: fixed;
    /*background-color: pink;*/
    width: 1338px;
    height: 1112px;
    top: -100px;
    left: -100px;
}
#btn_meisai{
    position: absolute;
    bottom: 100px;
    left: 980px;
    width: 126px;
}
#rotateWrap{
    position: absolute;
    overflow: hidden;
}
/*----------------------------------------------
index（TOP）ここまで
----------------------------------------------*/

/*----------------------------------------------
トレイ・食器・おかずレイアウトここから
----------------------------------------------*/
.sample_layout img{
display: inline-block;
position: absolute;
}
.sample_tray{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.sample_tableware{
z-index: 1;
}
.sample_maruhuka{
position: absolute;
top: 110px;
left: 99px;
}
.sample_saladbowl{
position: absolute;
width: 387px;
height: auto;
top: 70px;
left: 472px;
}
.sample_saladbowl img{
width: 387px;
height: auto;
}
.sample_kobachi{
position: absolute;
width: 217px;
height: auto;
top: 195px;
left: 837px;
}
.sample_kobachi img{
width: 217px;
height: auto;
}
.sample_soupbowl{
position: absolute;
top: 393px;
left: 120px;
width: 522px;
height: auto;
}
.sample_soupbowl img{
width: 522px;
height: auto;
}
.sample_panzara{
position: absolute;
width: 424px;
height: auto;
top: 364px;
left: 630px;
}
.sample_panzara img{
width: 424px;
height: auto;
}
.sample_fork{
position: absolute;
width: 377px;
height: auto;
top: 700px;
left: 586px;
}
.sample_fork img{
width: 377px;
height: auto;
}
.sample_meatpie{
width: 269px;
height: auto;
top: 145px;
left: 154px;
}
.sample_soup{
width: 259px;
height: auto;
top: 120px;
left: 532px;
}
.sample_salad{
width: 126px;
height: auto;
top: 213px;
left: 875px;
}
.sample_katsu{
width: 382px;
height: auto;
top: 416px;
left: 196px;
}
.sample_pan{
width: 308px;
height: auto;
top: 433px;
left: 684px;
}
/*----------------------------------------------
トレイ・食器・おかずレイアウトここまで
----------------------------------------------*/



/*----------------------------------------------
明細ボタンここから
----------------------------------------------*/
.btn_meisai{
position: absolute;
bottom: -85px;
right: 30px;
display: inline-block;
width: 126px;
height: 4rem;
line-height: 4rem;
color: #999;
font-size: 1.2rem;
background: url(../images/icon_meisai.gif) no-repeat 18% center #e8e8e8;
background-size: 17px 20px;
text-indent: 27px;
font-weight: bold;
}
/*----------------------------------------------
明細ボタンここまで
----------------------------------------------*/

/*----------------------------------------------
リロードリセットボタンここから
----------------------------------------------*/
.btn_reloadReset{
position: absolute;
bottom: 15px;
right: 230px;
display: inline-block;
width: 126px;
height: 4rem;
line-height: 4rem;
color: #999;
font-size: 1.2rem;
background:#e8e8e8;
font-weight: bold;
}
/*----------------------------------------------
リロードリセットボタンここまで
----------------------------------------------*/



/*----------------------------------------------
右側メニューここから
----------------------------------------------*/
#preventRayer2{
position: absolute;
right: 0px;
top: 0px;
width: 93%;
height: 810px;
/*background-color: skyblue;*/
}
.side_menu{
position:absolute;
top: 0;
right: 0;
display: block;
width: 250px;
height: 100%;
background: url(../images/bk.png) repeat-y left top;
}
.side_menu ul{
padding-top: 50px;
width: 250px;
display: block;
overflow: hidden;
}
.side_menu ul li{
float: right;
display: block;
overflow: hidden;
width: 250px;
height: 100px;
color: #fff;
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
.side_menu .list_shadow{
display: block;
float: left;
height: 90px;
width: 15px;
box-shadow: -3px 0 10px 0 rgba(131,132,150,0.3);
margin:5px 0 0 5px;
}
.side_menu .list_inner{
display: block;
float: right;
width: 230px;
height: 90px;
padding:31px 0;
margin-top:5px;
box-sizing:border-box;
}
.list_tray{
background: #ff4a57;
}
.list_tableware{
background: #ff7c3b;
}
.list_food{
background: #ffc017;
}
.list_mytray{
background: #91c826;
}
.list_inner.list_tray{
background: url(../images/icon_tray.gif) no-repeat 18% center #ff4a57;
background-size: 49px 32px;
text-indent: 100px;
}

.list_inner.list_tableware{
background: url(../images/icon_tableware.gif) no-repeat 20% center #ff7c3b;
background-size: 47px 35px;
text-indent:100px;
}

.list_inner.list_food{
background: url(../images/icon_food.gif) no-repeat 20% center #ffc017;
background-size: 47px 35px;
text-indent: 95px;
}

.list_inner.list_mytray{
background: url(../images/icon_mytray.gif) no-repeat 20% center #91c826;
background-size: 40px 35px;
text-indent: 90px;
}

/*右下ボタン縦3つ並び*/
.to_mytray,
.to_mail,
.to_howto{
 display: inline-flex;
 align-items: center;
 font-size: 1.6rem;
 margin-top: 34px;
 font-weight: bold;
 margin-left: 42px;
}
.to_mytray .btn_mytray,
.to_mail .btn_mail,
.to_howto img{
 display: block;
 width: 44px;
 height: 44px;
 margin-right: 11px;
}
.to_mytray{ color: #91c826;}
.to_mytray .btn_mytray{
 background: url(../images/btn_mytray.gif) no-repeat;
 background-size: 44px auto;
}
.to_mail{ color: #999;}
.to_mail .btn_mail{
 background: url(../images/btn_mail.gif) no-repeat;
 background-size: 44px auto;
}
.to_howto{ color: #003f7e;}

.vol_number{
color: #999;
font-size: 1.2rem;
height: 30px;
padding:7px 0;
box-sizing:border-box;
background: #f5f5f5;
text-align: center;
margin-top: 66px;
margin-left: 20px;
}
.logo_marukei{
height: 16px;
margin-top:25px;
text-align: center;
margin-left: 20px;
}
.logo_marukei img{
display: inline-block;
width: 110px;
height: 16px;
}

/*----------------------------------------------
右側メニューここまで
----------------------------------------------*/


/*----------------------------------------------
食器棚・おかず箱ここから
----------------------------------------------*/
.bottom{
width: 1150px;
position: absolute;
bottom: 0;
left: 0;
}
.bottom form{
display: inline-block;
}
/*#index_bottom1,
#btn_shokkidana,
#btn_okazubako{
display: inline-block;
}*/
#index_bottom1{
width: 100%;
}

/*-------★-------*/
#index_shokkidana{
white-space: nowrap;
position: absolute;
}
#index_okazubako{
white-space: nowrap;
position: absolute;
}
.btn_shokkidana{
margin-left: 50px;
display: inline-block;
width: 116px;
height: 96px;
background: url(../images/icon_tableware.gif) no-repeat center center #ff7c3b;
background-size: 48px 33px;
box-shadow: 0 -5px 10px 0 rgba(131,132,150,0.2);
position: relative;
z-index: 3;
vertical-align: bottom;
}
.btn_okazubako{
margin-left: 15px;
display: inline-block;
width: 116px;
height: 96px;
background: url(../images/icon_food.gif) no-repeat center center #ffc017;
background-size: 47px 34px;
box-shadow: 0 -5px 10px 0 rgba(131,132,150,0.2);
position: relative;
z-index: 3;
vertical-align: bottom;
}
.shokkidana_shadow{
display: none;
}
.shokkidana{
display: none;
}
.okazubako{
display: none;
}

/*クリック時食器*/
.open_shokki .btn_shokkidana{
top: 7px;
}
.open_shokki .shokkidana_shadow{
display: block;
width: 100%;
background: url(../images/bg_shadow_shokki.png) no-repeat left top;
background-size: contain;
height: 0;
padding-top: 6px;
}
.open_shokki .shokkidana{
display: block;
width: 100%;
background: #ff7c3b;
height: 170px;
padding: 25px 0 25px 25px;
box-sizing: border-box;
position: relative;
z-index: 3;
}
/*------------!!!-------------*/
.open_shokki .shokkidana_inner_box{
display: block;
float: left;
width: 720px;
height: 120px;
box-sizing: border-box;
}
.open_shokki .btn_to-left{
width: 35px;
height: 120px;
float: left;
}
.open_shokki .btn_to-left img{
width: 35px;
height: 120px;
}
.open_shokki .shokkidana_inner{
display: block;
float: left;
width: 650px;
height: 120px;
background: #fff;
box-sizing: border-box;
padding: 15px 15px;
}
.open_shokki .btn_to-right{
width: 35px;
height: 120px;
float: right;
}
.open_shokki .btn_to-right img{
width: 35px;
height: 120px;
}

.open_shokki .shokkidana_inner li,
.open_okazu .okazubako_inner li{
vertical-align:top;
position: relative;
display: inline-block;
width: 100px;
height: 9rem;
margin-right: 10px;
margin-left: 10px;
text-align: center;
font-weight: bold;
color: #555;
font-size: 1.2rem;
box-sizing:border-box;
}
.open_shokki .shokkidana_inner li p,
.open_okazu .okazubako_inner li p{
 white-space:initial;
}
.open_shokki .shokkidana_inner li img,
.open_okazu .okazubako_inner li img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
padding-bottom:3px;
}
.open_shokki .shokkidana_inner li{
 margin-top:10px;
}
.open_shokki .shokkidana_inner li div,
.open_okazu .okazubako_inner li div{
 width:100px;
 height:60px;
 display:table-cell;
 vertical-align:middle;
}
.open_okazu .okazubako_inner li img{
 vertical-align:middle;
}
.tableware_thumb{
    width: 80px;
}
.tableware_img{
    display: inline-block;
    width: auto;
    height: auto;
}
.open_shokki .btn_dustbox{
display: inline-block;
margin-left: 16px;
width: 106px;
height: 120px;
border: 2px dashed #fff;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: url(../images/icon_dustbox.gif) no-repeat center 35%;
background-size: 40px 46px;
font-weight: bold;
box-sizing: border-box;
padding-top: 70px;
}
.open_shokki .btn_trayreset{
vertical-align: top;
display: inline-block;
margin-left: 14px;
width: 106px;
height: 120px;
border-bottom: 3px solid #9e9e9e;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: url(../images/icon_shokkireset.gif) no-repeat center 35% #b4b4b4;
background-size: 60px auto;
box-shadow: 0 0 5px 0 rgba(131,132,150,0.2);
font-weight: bold;
box-sizing: border-box;
padding-top: 70px;
}
.open_shokki .btn_okazubako{
display: none;
}
.icon_noncover{
width:106px;
display:inline-block;
float:left;
margin-left:16px;
background:#fff;
height:120px;
padding-top:20px;
box-sizing:border-box;
}
.icon_noncover img{
width:50px;
height:auto;
margin: 0 auto 10px;
display:block;
}
.icon_noncover p{
 width: 106px;
 font-size:1.2rem;
 font-weight:bold;
 text-align:center;
 color:#ff7c3b;
}
/*クリック時おかず*/
.open_okazu .btn_okazubako{
margin-left: 181px;
top:7px;
}
.open_okazu .okazubako_shadow{
display: block;
width: 100%;
background: url(../images/bg_shadow_okazu.png) no-repeat left top;
background-size: contain;
height: 0;
padding-top: 6px;
}
.open_okazu .okazubako{
display: block;
width: 100%;
background: #ffc017;
height: 170px;
padding: 25px 0 25px 25px;
box-sizing: border-box;
position: relative;
z-index: 3;
}
.open_okazu .okazubako_inner_box{
display: block;
float: left;
width: 842px;
height: 120px;
box-sizing: border-box;
}
.open_okazu .btn_to-left{
width: 35px;
height: 120px;
float: left;
}
.open_okazu .btn_to-left img{
width: 35px;
height: 120px;
}
.open_okazu .btn_to-right{
width: 35px;
height: 120px;
float: right;
}
.open_okazu .btn_to-right img{
width: 35px;
height: 120px;
}

.open_okazu .okazubako_inner{
display: block;
float: left;
width: 772px;
height: 120px;
background: #fff;
box-sizing: border-box;
padding: 20px 15px;
}

.open_okazu .btn_dustbox{
display: inline-block;
margin-left: 16px;
width: 106px;
height: 120px;
border: 2px dashed #fff;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: url(../images/icon_dustbox.gif) no-repeat center 35%;
background-size: 40px 46px;
font-weight: bold;
box-sizing: border-box;
padding-top: 70px;
}
/*------------□-------------*/
.open_okazu .btn_trayreset02{
vertical-align: top;
display: inline-block;
margin-left: 14px;
width: 106px;
height: 120px;
border-bottom: 3px solid #9e9e9e;
text-align: center;
color: #fff;
font-size: 1.2rem;
background: url(../images/icon_menureset.gif) no-repeat 55% 35% #b4b4b4;
background-size: 58px auto;
box-shadow: 0 0 5px 0 rgba(131,132,150,0.2);
font-weight: bold;
box-sizing: border-box;
padding-top: 70px;
}


.open_okazu .btn_shokkidana{
display: none;
}

/*-------------------ふきだし★--------------------*/
.fukidashi{
position: relative;
width: 160px;
margin-bottom: 20px;
padding: 15px;
color: #555;
font-size: 1.6rem;
line-height: 1.6rem;
text-align: center;
background-color: #fff;
border-radius: 7px;
-webkit-filter:drop-shadow(0 0 5px rgba(131,132,150,0.3));
filter:drop-shadow(0 0 5px rgba(131,132,150,0.3));
display: none;
}
.fukidashi::before{
content: "";
position: absolute;
bottom: -20px;
left: 31%;
width: 0;
height: 0;
margin-left: -10px;
border: 10px solid transparent;
border-top-color: #fff;
}
/*クラス追加でそれぞれ表示*/
.fukidashi.fukidashi_shokkidana{
display: block;
margin-left: 50px;
position: absolute;
bottom: 100px;
}
.fukidashi.fukidashi_okazubako{
display: block;
margin-left: 181px;
position: absolute;
bottom: 100px;
}

#shokkidana_right_box{
position: absolute;
width: 395px;
left: 743px;
background: #ff7c3b;
}
#okazubako_right_box{
position: absolute;
width: 269px;
left: 869px;
background: #ffc017;
}
/*----------------------------------------------
食器棚・おかず箱ここまで
----------------------------------------------*/



/*----------------------------------------------
編集ここから
----------------------------------------------*/
/*選択されたアイテムを「全面＋透過無し」*/
.sample_layout img.hensyu_active{
 z-index:9999;
 opacity:1;
}
/*選択されたアイテム以外を「透過」*/
/*.sample_layout img,
.bottom,
.btn_meisai{
 opacity:0.3;
}
*/

.hensyu-menu{
 background: #FFF;
 width:100%;
 height:105px;
 left:0;
 bottom:0;
 position:absolute;
 z-index:5;
 box-shadow: -3px 0 10px 0 rgba(131,132,150,0.3);
}
.hensyu-menu-list{
 float:left;
 width:120px;
 height:105px;
}
/*----------------------------------------------
食器編集ここから
----------------------------------------------*/
.hensyu-menu.hensyu-tableware .tableware-title{
 background: url(../images/shokki_hensyu_title.png) no-repeat;
 background-size:162px 105px;
 text-indent:-9999px;
 width:162px;
 height:105px;
 margin-right:30px;
}

/*回転*/
.hensyu-menu.hensyu-tableware .tableware-kaiten .img{
 background: url(../images/shokki_hensyu_kaiten.png) no-repeat;
 background-size:34px 60px;
 width:34px;
 height:30px;
 margin: 30px auto 10px;
}
.hensyu-menu.hensyu-tableware .tableware-kaiten .img.active{
 background-position:left top;
}
.hensyu-menu.hensyu-tableware .tableware-kaiten .name,
.hensyu-menu.hensyu-tableware .tableware-shindo .name{
 font-size:1.2rem;
 font-weight:bold;
 text-align:center;
 color:#555;
}

/*深度*/
.tableware-shindo.hensyu-menu-list{
 width:320px;
}
        output {
            display: none;
        }

        .u-left {
            float: left;
        }

        .u-cf:before,
        .u-cf:after {
            content: "";
            display: table;
        }
        .u-cf:after {
            clear: both;
        }

        .u-text-left {
            text-align: left;
        }


.tableware-range{
 width:260px;
 margin:44px 10px 22px;
}
.shindo-listarea{
 overflow:hidden;
}
.shindo-list{
 float:left;
}
.shindo-list.left,
.shindo-list.right{
 width:20px;
 font-size:1.15rem;
 margin-top:40px;
 text-align:center;
 color:#b4b4b4;
}
.tableware-range .rangeslider,
.tableware-range .rangeslider__fill {
  display: block;
}

.tableware-range .rangeslider {
  background: #b4b4b4;
  position: relative;
}

.tableware-range .rangeslider--horizontal {
  height: 5px;
  width: 260px;
}

.tableware-range .rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.tableware-range .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.tableware-range .rangeslider__fill {
  background: #ff7c3b;
  position: absolute;
}
.tableware-range .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.tableware-range .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.tableware-range .rangeslider__handle {
  background: #ff7c3b;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
}
.tableware-range .rangeslider__handle:after {
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}
.tableware-range .rangeslider--horizontal .rangeslider__handle {
  top: -8px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.tableware-range .rangeslider--vertical .rangeslider__handle {
  left: -8px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

.tableware-range input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}


/*しまう*/
.tableware-poi input{
 display: inline-block;
 background: #ccc;
 color: #fff;
 font-size: 1.4rem;
 font-weight: bold;
 width:155px;
 height:48px;
 line-height: 48px;
 border-bottom: 2px solid #c0c0c0;
 box-shadow: 0 0 5px rgba(131,132,150,0.3);
 text-align: center;
}
.hensyu-menu-list.tableware-poi {
 float:right;
 width:155px;
 height:48px;
 margin: 30px 30px 0 0;
}

/*----------------------------------------------
おかず編集ここから
----------------------------------------------*/
.hensyu-menu.hensyu-food .food-title{
 background: url(../images/okazu_hensyu_title.png) no-repeat;
 background-size:162px 105px;
 text-indent:-9999px;
 width:162px;
 height:105px;
 margin-right:30px;
}

/*拡大・縮小*/
.hensyu-menu.hensyu-food .food-kakudai .img{
 background: url(../images/okazu_hensyu_kakudai.png) no-repeat;
 background-size:30px 60px;
 width:30px;
 height:30px;
 margin: 30px auto 10px;
}
/*回転*/
.hensyu-menu.hensyu-food .food-kaiten .img{
 background: url(../images/okazu_hensyu_kaiten.png) no-repeat;
 background-size:34px 60px;
 width:34px;
 height:30px;
 margin: 30px auto 10px;
}
.hensyu-menu.hensyu-food .food-kakudai .img.active,
.hensyu-menu.hensyu-food .food-kaiten .img.active{
 background-position:left top;
}
.hensyu-menu.hensyu-food .food-kakudai .name,
.hensyu-menu.hensyu-food .food-kaiten .name,
.hensyu-menu.hensyu-food .food-shindo .name{
 font-size:1.2rem;
 font-weight:bold;
 text-align:center;
 color:#555;
}

/*深度*/
.food-shindo.hensyu-menu-list{
 width:320px;
}
        output {
            display: none;
        }

        .u-left {
            float: left;
        }

        .u-cf:before,
        .u-cf:after {
            content: "";
            display: table;
        }
        .u-cf:after {
            clear: both;
        }

        .u-text-left {
            text-align: left;
        }


.food-range{
 width:260px;
 margin:44px 10px 22px;
}
.shindo-listarea{
 overflow:hidden;
}
.shindo-list{
 float:left;
}
.shindo-list.left,
.shindo-list.right{
 width:20px;
 font-size:1.15rem;
 margin-top:40px;
 text-align:center;
 color:#b4b4b4;
}
.food-range .rangeslider,
.food-range .rangeslider__fill {
  display: block;
}

.food-range .rangeslider {
  background: #b4b4b4;
  position: relative;
}

.food-range .rangeslider--horizontal {
  height: 5px;
  width: 260px;
}

.food-range .rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.food-range .rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.food-range .rangeslider__fill {
  background: #ffc017;
  position: absolute;
}
.food-range .rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.food-range .rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.food-range .rangeslider__handle {
  background: #ffc017;
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
}
.food-range .rangeslider__handle:after {
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}
.food-range .rangeslider--horizontal .rangeslider__handle {
  top: -8px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.food-range .rangeslider--vertical .rangeslider__handle {
  left: -8px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

.food-range input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}


/*しまう*/
.food-poi input{
 display: inline-block;
 background:#ccc;
 color: #fff;
 font-size: 1.4rem;
 font-weight: bold;
 width:155px;
 height:48px;
 line-height: 48px;
 border-bottom: 2px solid #c0c0c0;
 box-shadow: 0 0 5px rgba(131,132,150,0.3);
 text-align: center;
}
.hensyu-menu-list.food-poi {
 float:right;
 width:155px;
 height:48px;
 margin: 30px 30px 0 0;
}


/*----------------------------------------------
食器編集ここまで
----------------------------------------------*/

/*----------------------------------------------
ドラックドロップここから
----------------------------------------------*/
/*.large{
    width:300px;
}*/
/*.ui-draggable-helper{*/
/*width: 300px;*/
/*}*/
.open_okazu .okazubako_inner li img .ui-draggable-helper{
width: 300px;
}
/*----------------------------------------------
ドラックドロップここまで
----------------------------------------------*/


/*----------------------------------------------
トレイメニューここから
----------------------------------------------*/
/*共通部分*/
.tray_menu{
width: 100%;
height: 100%;
bottom: 912px;
position: absolute;
z-index: 100;/*6*/
background: rgba(255,255,255,0.50);
}
.tray_menu_title{
position: absolute;
top: 55px;
left: 35px;
background: url(../images/icon_tray.gif) no-repeat 60px center #ff4a57;
background-size: 49px 32px;
width: 245px;
height: 90px;
text-indent: 125px;
color: #fff;
box-sizing:border-box;
padding:31px 0;
font-weight: bold;
font-size: 2rem;
box-shadow: -6px 0 7px 0 rgba(131,132,150,0.3);
z-index: 7;
}
.tray_menu_leftback{
position: absolute;
top: 55px;
left: 280px;
width: 858px;
height: 785px;
background: #ff4a57;
box-shadow: -3px 0 10px 0 rgba(131,132,150,0.3);
}
.tray_menu_rightback{
position: absolute;
top: 55px;
right: 0;
width: 230px;
height: 785px;
background: #ff4a57;
}
.tray_kensaku_inner{
background: #fff;
width: 988px;
height: 685px;
position: absolute;
top: 105px;
right: 50px;
z-index: 8;
}
#preventRayer{
position: absolute;
top: 100px;
width: 100%;
height: 810px;
/*background-color: yellow;*/
}
/*検索画面*/
.tray_kensaku_inner_hinban, .tray_kensaku_inner_hinmei, .tray_kensaku_inner_shiyoumei,
.tray_kensaku_inner_jutyuseisan, .tray_kensaku_inner_size, .tray_kensaku_inner_kakaku{
position: absolute;
height: 5rem;
line-height: 5rem;
}
.tray_kensaku_inner_hinban{
top:50px;
right: 573px;
}
.tray_kensaku_inner_hinmei{
top: 50px;
right: 100px;
}
.tray_kensaku_inner_shiyoumei{
top: 145px;
right: 573px;
}
.tray_kensaku_inner_jutyuseisan{
top: 145px;
right: 171px;
}
.tray_kensaku_inner_size{
top: 240px;
left: 52px;
font-size: 1.8rem;
color: #999;
}
.tray_kensaku_inner_size span{
 float:left;
}
.tray_kensaku_inner_size span.mm{
 float:none;
 display:block;
 line-height:0.4rem;
 margin-top:-0.6rem;
 font-size:1.6rem;
 font-weight:bold;
 text-align:center;
}
.tray_kensaku_inner_kakaku{
top: 335px;
left: 78px;
font-size: 1.8rem;
color: #999;
}

.tray_kensaku_inner_title{
color: #666;
font-size: 2.6rem;
font-weight: bold;
margin-right: 25px;
display: inline-block;
}
.tray_kensaku_inner input[type="text"]{
background: #f8f8f8;
height: 45px;
width: 260px;
box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
padding: 0 10px;
font-size: 1.8rem;
color: #555;
box-sizing: border-box;
}
.tray_kensaku_inner_size input[type="text"]{
width: 87px;
}
.tray_kensaku_inner_size ::-webkit-input-placeholder{
color: #ccc;
font-size: 1.8rem;
font-weight: bold;
}

.kensaku_inner_bottom{
position: absolute;
width: 100%;
height: 130px;
bottom: 0;
right: 0;
background: #f8f8f8;
box-sizing: border-box;
padding: 0 200px;
box-shadow: 0 0 7px rgba(131,132,150,0.3) inset;
}
.btn_kensaku01{
display: inline-block;
background: url(../images/icon_kensaku.gif) no-repeat 50px center #808080;
background-size: 23px 23px;
color: #fff;
font-size: 2rem;
text-indent: 30px;
font-weight: bold;
width: 327px;
height:75px;
margin-top:25px;
padding:20px 0;
box-sizing:border-box;
margin-right: 30px;
border-bottom: 3px solid #6e6e6e;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}
.btn_reset01{
display: inline-block;
background: #ccc;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
width: 222px;
height: 58px;
border-bottom: 2px solid #c0c0c0;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}

.tray_kensaku_inner input[type="checkbox"]{
	display: none;
}

.tray_kensaku_inner input[type="checkbox"] + label::before {
 content: "";
 position: absolute;
 top: 2px;
 left: 0;
 box-sizing: border-box;
 display: block;
 width: 36px;
 height: 36px;
 margin-top: -8px;
 background: #f8f8f8;
 box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
}
.tray_kensaku_inner input[type="checkbox"]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 box-sizing: border-box;
 display: block;
}

.tray_kensaku_inner input[type="checkbox"]:checked + label::after {
 left: 9px;
 width: 20px;
 height: 12px;
 margin-top: -10px;
 border-left: 4px solid #ff4a57;
 border-bottom: 4px solid #ff4a57;
 transform: rotate(-45deg);
 }
.jutyuseisan{
position: relative;
padding-left: 45px;
color: #999;
font-weight: bold;
font-size: 1.8rem;
vertical-align: top;
}
.pull_kensaku{
-webkit-appearance: none;
appearance: none;
height: 45px;
width: 260px;
font-size: 1.8rem;
color: #555;
box-sizing: border-box;
background: url(../images/icon_pulldown.gif) no-repeat 90% center #f8f8f8;
background-size: 12px 9px;
box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
padding: 0px 30px 0 15px;
}

/*検索結果一覧*/
.kensaku_result{
margin: 40px;
font-size: 2rem;
color: #555;
font-weight: bold;
}
.kensaku_result_menu{
display: inline-block;
}
.pull_narabijun{
-webkit-appearance: none;
appearance: none;
height: 42px;
width: 192px;
background: url(../images/icon_pulldown.gif) no-repeat 90% center #f8f8f8;
background-size: 12px 9px;
box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
font-size: 1.5rem;
box-sizing: border-box;
padding:0 40px 0 35px;
}
.btn_kensaku02{
display: inline-block;
position: absolute;
top: 40px;
right: 40px;
background: url(../images/icon_kensaku.gif) no-repeat 25px center #808080;
background-size: 15px 15px;
color: #fff;
font-size: 1.4rem;
text-indent: 25px;
font-weight: bold;
width: 180px;
height: 3.4rem;
line-height: 3.4rem;
border-bottom: 2px solid #6e6e6e;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}

.tray_kensaku_result_pickup{
width: 348px;
height:563px;
position: absolute;
top: 122px;
left: 0;
padding: 40px;
box-sizing: border-box;
text-align: center;
}
.tray_pic_area_pickup{
position: relative;
width: 268px;
height: 210px;
top: -30px;
display: table-cell;
vertical-align: middle;
}
.tray_pic_pickup{
position: relative;
display: inline-block;
width: 205px;
height: auto;
vertical-align: middle;
}
.tray_kensaku_result_detail_pickup{
display: inline-block;
width: 268px;
height: 210px;
overflow-y: scroll;
}
.tray_kensaku_result_detail_pickup::-webkit-scrollbar{
display: none;
}
.tray_kensaku_result_detail_pickup dl{
display: block;
overflow: hidden;
width: 268px;
padding-bottom: 7px;
margin-bottom: 13px;
border-bottom: 1px solid #e4e4e4;
}
.tray_kensaku_result_detail_pickup dl:last-child{
border-bottom: none;
}
.tray_kensaku_result_detail_pickup dt{
display: inline-block;
float: left;
width: 90px;
text-align: left;
font-size: 1.6rem;
color: #666;
font-weight: bold;
}
.tray_kensaku_result_detail_pickup dd{
display: inline-block;
width: 178px;
text-align: left;
font-size: 1.6rem;
color: #666;
}
.btn_ok01{
display: inline-block;
margin-top: 25px;
width: 268px;
height: 50px;
color: #fff;
font-size: 1.7rem;
font-weight: bold;
background: #ff4a57;
border-bottom: 3px solid #f03542;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}


.tray_kensaku_result_select{
position: absolute;
top: 122px;
right: 40px;
display: block;
overflow-y: scroll;
width: 600px;
height: 562px;
background: #f8f8f8;
box-sizing: border-box;
padding: 30px 20px 10px 20px;
box-shadow: 0 2px 10px 2px rgba(131,132,150,0.1) inset;
}
/*chromeでスクロールバー非表示*/
.tray_kensaku_result_select::-webkit-scrollbar{
display: none;
}
/*それ以外のブラウザでスクロールバー非表示*/
.tray_kensaku_result_select{
 -ms-overflow-style: none;/* IE, Edge 対応 */
 scrollbar-width: none;/* Firefox 対応 */
}
.tray_kensaku_result_select ul{
 display: flex;
 flex-wrap: wrap;
}
.tray_kensaku_result_select li{
background: #fff;
display: block;
width: 180px;
margin-bottom: 20px;
box-sizing: border-box;
padding: 20px;
box-shadow: 0 0 10px rgba(131,132,150,0.1);
text-align: center;
}
.tray_kensaku_result_select li:nth-child(3n-1){
 margin-left: 10px;
 margin-right: 10px;
}
.btn_dataload{
background: url(../images/btn_dataload.png) no-repeat left center;
width: 130px;
height: 20px;
background-size: 20px 20px;
color: #666;
font-size: 1.5rem;
display: block;
}
.btn_dataload.btn_dataload_tray_posi{
margin: 10px 230px 20px 230px;
}
.btn_dataload.btn_dataload_tableware_posi{
margin: 10px 380px 20px 380px;
}
.btn_dataload.btn_dataload_food_posi{
margin: 10px 380px 20px 380px;
}
.tray_kensaku_result_check {
 position:relative;
 font-size:1.2rem;
 padding-left:35px;
 margin:15px 0;
 color: #555;
 font-weight: bold;
 height: 16px;
}
.tray_kensaku_result_check input[type="checkbox"]{
	display: none;
}
.tray_kensaku_result_check input[type="checkbox"] + label::before {
 content: "";
 position: absolute;
 top: 2px;
 left: 30px;
 box-sizing: border-box;
 display: block;
 width: 26px;
 height: 26px;
 margin-top: -8px;
	background: #f8f8f8;
 box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
}
.tray_kensaku_result_check input[type="checkbox"]:checked + label::after {
 content: "";
 position: absolute;
 top: 50%;
 box-sizing: border-box;
 display: block;
 left: 33px;
 width: 20px;
 height: 12px;
 margin-top: -10px;
 border-left: 4px solid #ff4a57;
 border-bottom: 4px solid #ff4a57;
 transform: rotate(-45deg);
 }

.tray_pic_thumb{
width:auto;
height:auto;
max-width:90%;
max-height:90%;
}

.btn_shousai01{
color: #999;
font-size: 0.9rem;
display: inline-block;
padding-left: 20px;
height: 18px;
background: url(../images/icon_shousai.gif) no-repeat left center;
background-size: 15px 15px;
margin-bottom: 35px;
}

.tray_kensaku_result_detail dl{
display: block;
overflow: hidden;
width: 140px;
margin-bottom: 7px;
}
.tray_kensaku_result_detail dt{
display: inline-block;
float: left;
width: 50px;
text-align: left;
font-size: 1rem;
color: #666;
font-weight: bold;
}
.tray_kensaku_result_detail dd{
display: inline-block;
width: 90px;
text-align: left;
font-size: 1rem;
color: #666;
}

/*検索結果該当無し*/
.not_find{
text-align: center;
color: #555;
font-weight: bold;
font-size: 2.6rem;
position: absolute;
width: 100%;
top: 40%;
line-height: 4.5rem;
}
.btn_kensaku03{
display: inline-block;
background: url(../images/icon_kensaku.gif) no-repeat 40px center #808080;
background-size: 23px 23px;
color: #fff;
font-size: 1.8rem;
text-indent: 30px;
font-weight: bold;
width: 259px;
height: 6rem;
line-height: 6rem;
margin-top: 30px;
border-bottom: 3px solid #6e6e6e;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}

/*検索商品詳細*/
.pickup_detail_wrap{
width: 1368px;
height: 912px;
bottom: 912px;
position: absolute;
background: rgba(255,255,255,0.95);
}
/*-------------△大きく変更----------------*/
.pickup_detail_box{
display: block;
overflow: hidden;
width: 1238px;
height: 697px;
position: absolute;
top: 65px;
left: 65px;
padding: 50px 70px 50px 50px;
box-shadow: 0 0 6px rgba(131,132,150,0.3);
background: #fff;
box-sizing: border-box;
}
.pickup_detail_pic{
display: inline-block;
float: left;
width: 708px;
height: 597px;
position: relative;
}
/*------詳細画面の写真をとりあえず元画像の60％表示になるように。後で調整箇所。-------*/
.pickup_detail_pic img{
zoom:0.6;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.pickup_detail_inner{
float: right;
display: inline-block;
width: 400px;
height: 597px;
overflow-y: scroll;
}
.pickup_detail_inner::-webkit-scrollbar{
display: none;
}
.pickup_detail_box dl{
display: block;
overflow: hidden;
width: 400px;
padding-bottom: 6px;
margin-bottom: 11px;
border-bottom: 1px solid #e4e4e4;
}
.pickup_detail_box dl:last-child{
border-bottom: none;
}
.pickup_detail_box dt{
display: inline-block;
float: left;
width: 190px;
text-align: left;
text-indent: 10px;
font-size: 1.6rem;
color: #666;
font-weight: bold;
}
.pickup_detail_box dd{
display: inline-block;
width: 210px;
text-align: left;
font-size: 1.6rem;
color: #666;
}
.btn_back01{
position: absolute;
bottom: 75px;
left: 594px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 25px 45%;
text-indent: 17px;
background-size: 19px 19px;
}
.tray_pic_pickup_detail{
display: block;
position: absolute;
top: 0px;
left: 5%;
z-index:5;
}
#tray_result_area li{
height: auto;
}

.common_detail_imgBox{
width: 620px;
height: 620px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
/*----------------------------------------------
トレイメニューここまで
----------------------------------------------*/

/*----------------------------------------------
食器とおかずの共通部分
----------------------------------------------*/
.kensaku_result_select{
position: absolute;
top: 122px;
left: 40px;
display: block;
overflow-y: scroll;
width: 908px;
height: 453px;
background: #f8f8f8;
box-sizing: border-box;
padding: 30px 19px 10px 19px;
box-shadow: 0 2px 10px 2px rgba(131,132,150,0.1) inset;
}
/*chromeでスクロールバー非表示*/
.kensaku_result_select::-webkit-scrollbar{
display: none;
}
/*それ以外のブラウザでスクロールバー非表示*/
.kensaku_result_select{
 -ms-overflow-style: none;/* IE, Edge 対応 */
 scrollbar-width: none;/* Firefox 対応 */
}
.kensaku_result_select ul{
 display: flex;
 flex-wrap: wrap;
}
.kensaku_result_select li{
background: #fff;
display: block;
width: 210px;
margin-bottom: 20px;
margin-right: 10px;
box-sizing: border-box;
padding: 20px;
box-shadow: 0 0 10px rgba(131,132,150,0.1);
text-align: center;
}
.kensaku_result_select li:nth-child(4n){
margin-right: 0;
}
/*----------------------------------------------
食器とおかずの共通部分ここまで
----------------------------------------------*/


.mail_box{
display: block;
position: absolute;
top: 245px;
left: 143px;
width: 1083px;
height: 415px;
box-shadow: 0 0 6px rgba(131,132,150,0.3);
padding: 50px 90px;
background: #fff;
box-sizing: border-box;
text-align: center;
}
.mail_inner{
font-size: 2.4rem;
font-weight: bold;
color: #555;
display: inline-block;
text-align: left;
line-height: 3.8rem;
}
.mail_inner input[type="email"]{
width: 909px;
height: 50px;
padding: 0 30px;
box-sizing: border-box;
background: #f8f8f8;
margin-top: 35px;
box-shadow: 0 1px 3px rgba(201,201,201,0.3) inset;
font-size: 2.2rem;
color: #555;
}
.mail_inner input[type="email"]::-webkit-input-placeholder{
color: #ccc;
font-size: 2.2rem;
font-weight: bold;
}

.btn_send{
display: inline-block;
background: url(../images/icon_mail_send.gif) no-repeat 66px center #808080;
background-size: 36px auto;
color: #fff;
font-size: 2rem;
font-weight: bold;
text-indent: 49px;
width: 265px;
height: 63px;
line-height: 63px;
margin-top: 45px;
border-bottom: 3px solid #6e6e6e;
box-shadow: 0 0 5px rgba(131,132,150,0.3);
}
.btn_back_mail {
position: absolute;
top: 695px;
left: 594px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 15px 45%;
text-indent: 25px;
background-size: 19px 19px;
}

/*----------------------------------------------
メール送信前確認ボタン関連ここから
----------------------------------------------*/
/*新規追加「はい」「いいえ」ボタンの件*/
.send_btn_yes{
 background:#808080;
 position:absolute;
 text-align:center;
 font-size:2rem;
 top:460px;
 left:400px;
 width:265px;
 height:63px;
 padding:20px;
 box-sizing:border-box;
 color:#fff;
 font-weight:bold;
 display:block;
 border-bottom:3px solid #6e6e6e;
}
.send_btn_no{
 background:#CCC;
 position:absolute;
 text-align:center;
 font-size:1.6rem;
 top:463px;
 left:710px;
 width:222px;
 height:58px;
 padding:20px;
 box-sizing:border-box;
 color:#fff;
 font-weight:bold;
 display:block;
 border-bottom:2px solid #c0c0c0;
}
/*----------------------------------------------
メール送信前確認ボタン関連ここまで
----------------------------------------------*/

/*----------------------------------------------
メール送信後メッセージ関連ここから
----------------------------------------------*/
.sendmail_alert_wrap{
bottom: 905px;
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
background: rgba(255,255,255,0.95);
}
.sendmail_alert_wrap .sendmail_alert_red{
color:#F00;
}
.sendmail_alert_message{
width:500px;
height:140px;
margin: auto;
left:0;
right:0;
top:0;
bottom:0;
position:absolute;
display:inline-block;
font-size:2rem;
font-weight:bold;
text-align:center;
line-height:3.8rem;
color:#555;
}
.sendmail_btn_back_alerti{
position: absolute;
top: 505px;
left: 590px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 10px 45%;
text-indent: 17px;
background-size: 19px 19px;
}

/*----------------------------------------------
メール送信後メッセージ関連ここまで
----------------------------------------------*/
/*----------------------------------------------
メールアドレス入力ここから
----------------------------------------------*/
#mailaddress{
color: #555;
width: 890px;
margin-top: 10px;
padding: 10px;
border: 1px solid gray;
}
/*----------------------------------------------
メールアドレス入力ここまで
----------------------------------------------*/


/*----------------------------------------------
明細ここから
----------------------------------------------*/
.meisai_box{
display: block;
position: absolute;
top: 107px;
left: 64px;
width: 1240px;
height: 675px;
box-shadow: 0 0 6px rgba(131,132,150,0.3);
padding: 45px 50px;
background: #fff;
box-sizing: border-box;
}
.meisai_title_hidden{
display: table-caption;
}
.meisai_inner .meisai_inner_thumb img{
height: 65px;
width: auto;
}
.meisai_inner thead{
display: block;
width: 1140px;
color: #555;
font-size: 1.5rem;
box-sizing: border-box;
font-weight: bold;
background: #ededed;
}
.meisai_inner thead th{
vertical-align: middle;
height: 29px;
text-align: left;
box-sizing: border-box;
}
.meisai_inner td{
position:relative;
}
.meisai_inner .meisai_inner_thumb img.icon_tray{
width:25px;
height:auto;
position:absolute;
top:5px;
left:5px;
}
.meisai_inner tbody{
display: block;
width: 1140px;
height: 530px;
overflow-y: scroll;
color: #555;
font-size: 1.2rem;
box-sizing: border-box;
}
.meisai_inner tbody::-webkit-scrollbar{
display: none;
}
.meisai_inner tbody tr{
height: 84px;
}
.meisai_inner tbody tr:nth-child(2n-1){
background: #fff;
}
.meisai_inner tbody tr:nth-child(2n){
background: #f8f8f8;
}
.meisai_inner th, .meisai_inner td{
padding: 0 0 0 15px;
}
.meisai_inner tbody td{
text-align: left;
vertical-align: middle;
/*半角文字折り返し*/
word-wrap: break-word;
overflow-wrap: break-word;
}
.meisai_img{
width: 160px;
height: 65px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.meisai_inner .meisai_inner_thumb{
text-align: center;
padding: 0 0 0 10px;
min-width: 165px;
max-width: 165px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_hinban{
min-width: 111px;
max-width: 111px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_hinmei{
min-width: 156px;
max-width: 156px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_siyoumei{
min-width: 140px;
max-width: 140px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_size{
min-width: 161px;
max-width: 161px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_youryou{
min-width: 95px;
max-width: 95px;
box-sizing: border-box;
}
.meisai_inner_youryou.top_meisai_youryou_cell{
text-align: center;
}
.meisai_inner .meisai_inner_zaisitu{
min-width: 105px;
max-width: 105px;
box-sizing: border-box;
}
.meisai_inner .meisai_inner_kakaku{
min-width: 107px;
max-width: 107px;
box-sizing: border-box;
}
.meisai_inner_kakaku.top_meisai_kakaku_cell{
text-align: right;
padding-right: 30px;
}
.meisai_inner .meisai_inner_tagu{
min-width: 100px;
max-width: 100px;
box-sizing: border-box;
}
.meisai_goukei_box{
border-top: 2px solid #ededed;
padding-top: 25px;
text-align: right;
}
.meisai_goukei{
display: inline-block;
color: #555;
font-size: 1.8rem;
font-weight: bold;
}
.btn_back_meisai{
position: absolute;
top: 805px;
left: 590px;
display: block;
width: 180px;
height: 40px;
line-height: 40px;
color: #808080;
font-size: 1.5rem;
font-weight: bold;
background: url(../images/btn_cancel03.gif) no-repeat 25px 45%;
text-indent: 17px;
background-size: 19px 19px;
}
.meisai_goukei{
background: url(../images/meisai_mark_meisai.png) no-repeat;
background-size:20px auto;
padding-left:30px;
}
.meisai_goukei_tray{
background: url(../images/meisai_mark_tray.png) no-repeat;
background-size:25px auto;
 padding-left:30px;
display: inline-block;
color: #555;
font-size: 1.8rem;
font-weight: bold;
margin-right:35px;
}

/*----------------------------------------------
明細ここまで
----------------------------------------------*/
/*----------------------------------------------
リロードリセットここから
----------------------------------------------*/
#reloadReset_wrap{
position: relative;
top: -912px;
height: 915px;
width: 100%;
background: rgba(255,255,255,0.95);
}
/*「はい」「いいえ」ボタン*/
.reloadReset_btn_yes{
 background:#808080;
 position:absolute;
 text-align:center;
 font-size:2rem;
 top:460px;
 left:400px;
 width:265px;
 height:63px;
 padding:20px;
 box-sizing:border-box;
 color:#fff;
 font-weight:bold;
 display:block;
 border-bottom:3px solid #6e6e6e;
}
.reloadReset_btn_no{
 background:#CCC;
 position:absolute;
 text-align:center;
 font-size:1.6rem;
 top:463px;
 left:710px;
 width:222px;
 height:58px;
 padding:20px;
 box-sizing:border-box;
 color:#fff;
 font-weight:bold;
 display:block;
 border-bottom:2px solid #c0c0c0;
}
/*----------------------------------------------
リロードリセットここまで
----------------------------------------------*/