body{
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "sans-serif";
    color:#333;
    background: #FFF;
    font-size:16px;
    box-sizing: border-box;
  }
  img{margin:0;padding:0;}
  ul li{list-style: none;}
  p,ul,h1,dl{margin-bottom:0;}

  /*ホバー設定*/
  .hover{transition: 0.3s ;}
  .hover:hover{opacity: 0.8;}
  a{color:#282727;}
  a:hover{text-decoration: underline;}


  /*文字揃え設定*/
  .cnt-txt{  text-align: center !important;}
  .rig-txt{  text-align: right !important;}
  .lef-txt{  text-align: left !important;}
  .inden{
    padding-left:20px;
    text-indent: -20px;}

  /*外側余白設定*/
  .m-t10{margin-top:10px;}
  .m-t20{margin-top:20px;}
  .m-t30{margin-top:30px;}
  .m-t40{margin-top:40px;}
  .m-t50{margin-top:50px;}
  .m-t60{margin-top:60px;}
  .m-b10{margin-bottom:10px;}
  .m-b20{margin-bottom:20px;}
  .m-b30{margin-bottom:30px;}
  .m-b40{margin-bottom:40px;}
  .m-b50{margin-bottom:50px;}
  .m-b60{margin-bottom:60px;}
  .m-r5{margin-right:5px;}
  .m-r10{margin-right:10px;}
  .m-r20{margin-right:20px;}
  .m-r30{margin-right:30px;}
  .m-r40{margin-right:40px;}
  .m-r50{margin-right:50px;}
  .m-r60{margin-right:60px;}
  .m-l5{margin-left:5px;}
  .m-l10{margin-left:10px;}
  .m-l20{margin-left:20px;}
  .m-l30{margin-left:30px;}
  .m-l40{margin-left:40px;}
  .m-l50{margin-left:50px;}
  .m-l60{margin-left:60px;}

  .m-10{margin:10px;}
  .m-20{margin:20px;}
  .m-30{margin:30px;}
  .m-40{margin:40px;}
  .m-50{margin:50px;}
  .m-60{margin:60px;}

  @media screen and (max-width: 750px){
    .sm-l5{margin-left:5px !important;}
  }

  /*内側余白設定*/
  .p-t10{padding-top:10px;}
  .p-t20{padding-top:20px;}
  .p-t30{padding-top:30px;}
  .p-t40{padding-top:40px;}
  .p-t50{padding-top:50px;}
  .p-t60{padding-top:60px;}
  .p-b10{padding-bottom:10px;}
  .p-b20{padding-bottom:20px;}
  .p-b30{padding-bottom:30px;}
  .p-b40{padding-bottom:40px;}
  .p-b50{padding-bottom:50px;}
  .p-b60{padding-bottom:60px;}
  .p-r10{padding-right:10px;}
  .p-r20{padding-right:20px;}
  .p-r30{padding-right:30px;}
  .p-r40{padding-right:40px;}
  .p-r50{padding-right:50px;}
  .p-r60{padding-right:60px;}
  .p-l10{padding-left:10px;}
  .p-l20{padding-left:20px;}
  .p-l30{padding-left:30px;}
  .p-l40{padding-left:40px;}
  .p-l50{padding-left:50px;}
  .p-l60{padding-left:60px;}

  .p-10{padding:10px;}
  .p-20{padding:20px;}
  .p-30{padding:30px;}
  .p-40{padding:40px;}
  .p-50{padding:50px;}
  .p-60{padding:60px;}


  /*フォントサイズ設定*/
  .f-sizess{font-size:50%;}
  .f-sizes{font-size:80%;}
  .f-sizem{font-size:100%;}
  .f-sizel{font-size:120%;}
  .f-sizexl{font-size:140%;}
  .f-sizexll{font-size:160%;}
  .f-sizexlll{font-size:180%;}
  .f-sizexllll{font-size:200%;}
  .f-sizexlllll{font-size:250%;}
  @media screen and (max-width: 750px){
  .sf-sizess{font-size:10px !important;}
  .sf-sizes{font-size:12px !important;}
  .sf-sizems{font-size:14px !important;}
  .sf-sizem{font-size:16px !important;}
  .sf-sizel{font-size:18px !important;}
  .sf-sizexl{font-size:20px !important;}
  .sf-sizexll{font-size:25px !important;}
  .sf-sizexlll{font-size:30px !important;}
  .sf-sizexllll{font-size:32px !important;}
  .sf-sizexlllll{font-size:35px !important;}
  }
  @media screen and (max-width: 375px){
    .f-sizess{font-size:40%;}
    .f-sizes{font-size:60%;}
    .f-sizem{font-size:80%;}
    .f-sizel{font-size:100%;}
    .f-sizexl{font-size:120%;}
    .f-sizexll{font-size:140%;}
    .f-sizexlll{font-size:160%;}
    .f-sizexllll{font-size:180%;}
    .f-sizexlllll{font-size:200%;}
  }


  /*フォントカラー設定*/
  .fc-000{color:#000;}
  .fc-fff{color:#FFF;}
  .fc-bass{color:#004EA0;}
  .fc-red{color:#FF0000;}
  .f-bold{font-weight: 900;}
  .f-normal{font-weight: normal;}
  .fc-g{color:#A8A8A8;}
  /*header設定*/
  header{
    position: fixed;
    background-color: #004EA0;
    padding: 10px 10px 0 10px;
    width: 100%;
    top:0px;left:0px;
    height: 100px;
    z-index: 99;
  }
  header .system_name{
    float:left;
    width:130px;}
  header .system_name dl dt,header .system_name dl dd
  {display: inline-block;vertical-align: top;}
  @media screen and (max-width: 750px){
  header{
    position: fixed;
    background-color: #004EA0;
    padding: 5px 5px 0 5px;
    width: 100%;
    top:0px;left:0px;
    height: 60px;
    z-index: 99999;
    }
  header .system_name{
    float:left;
    width:75px;
  }
    header .system_name dl dt{width:75px;}
    header .system_name dl dd{width:65px;}
    header .system_name dl dt img,header .system_name dl dd img{
      width: 100%;
    }
  }

  header .signup{
    float:right;
    width:270px;
  }
  header .signup ul li{
    font-weight: 900;
    display: inline-block;
    width:49%;
    padding-top:20px;
    text-align: center;
  }
  @media screen and (max-width: 750px){
    header .signup{
    float:right;
    width:75%;}
    header .signup ul{width:100%;}
    header .signup ul li{
    font-weight: 900;
    display: inline-block;
    padding-top:15px;
    font-size:70%;
    width:48%;
    text-align: center;
  }}


  header .signup ul li a{color:#FFF;font-size: 16px;}
  header .signup ul li a span,
  header .signup ul li a img{vertical-align: middle;}
  header .signup ul li a img{padding-right:5px;}
  @media screen and (max-width: 375px){  header .signup ul li a{color:#FFF;font-size: 12px;}}

  @media screen and (max-width: 750px){
  .sp{display: block;}
  .pc{display:none;}
  }

  .topics {
      background-color: white;
      padding: 30px 10px;
  }
  /*メイン枠設定*/
  main{padding-top:100px;}

  /*section枠設定*/
  .content .section{
    padding:40px 0;
  }
  /*wrap設定*/
  .headerwrap{
    width:980px;
    margin: 0 auto;
  }
  .wrap{
    width:940px;
    margin: 0 auto;}
  .formwrap{
    width:670px;
    margin: 0 auto;
  }
  @media screen and (max-width: 750px){
  html,body{width: 100% !important;}
  /*メイン枠設定*/
  main{padding-top:60px;width:100%;}

  /*section枠設定*/
  .content .section{
    padding:30px 10px;
  }
  /*wrap設定*/
  .wrap,.headerwrap,.formwrap{
    width:100%;
    display: block;
    margin:auto;}
  }


  /*フッター設定*/
  footer {
    background-color: #3A3A3A;
    position: relative;
  }
  footer .copyright{
    background-color: #212121;
    color:#B5B5B5;}
  @media screen and (max-width: 750px){
  footer .footernav{
    padding-left:40px;
    padding-right:40px;
    }}
  footer .footernav ul{
    display: flex;
    justify-content: center;
    flex-flow: row;

  }
  footer .footernav ul li{
    width: 250px;
    text-align: center;
  }
  @media screen and (max-width: 750px){
  footer .footernav ul{
    display: block;
    box-sizing: border-box;
  }
  footer .footernav ul li{
    width: 50%;
    display: block;
    float: left;
    text-align: center;

  }
  footer .footernav ul li:nth-child(3){
    width: 100%;
    display: block;
    clear: both;
    float: none;
  }}
  footer .footernav ul li a{
    display: block;
    padding:10px 0;
    color:#FFF;
    border-top:1px solid #9E9D9D;
    border-bottom:1px solid #9E9D9D;
    text-decoration: none;
    font-size: 17px;
  }
  footer .footernav ul li a:hover{
    background-color:#282727;
  }

  footer .footernav ul li:first-child a,
footer .footernav ul li:nth-child(2) a{
    border-left:1px solid #9E9D9D;
  }
  footer .footernav ul li:last-child a{
    border-right:1px solid #9E9D9D;
    border-left:1px solid #9E9D9D;
  }
footer .footernav p a{
  color:#FFF;
  text-decoration: underline;
}
footer .footernav p a:hover{
  color:#FFF;
  text-decoration: none;
}
  @media screen and (max-width: 750px){
		footer .footernav ul li:first-child a,
		footer .footernav ul li:nth-child(2) a{
			border-left:1px solid #9E9D9D;
			border-bottom:none;
		}
		footer .footernav ul li:nth-child(2) a{
			border-right:1px solid #9E9D9D;
		}
  }
  .pagetop{
    position: absolute;
    bottom:0px;
    right:0px;
    width: 73px;
  }

  /*メイン画像設定*/
  .mainslider{
    background-color: #3A3A3A;
    text-align: center;
  }
  .mainslider ul{
  margin-bottom:0;
  }
  /*dashboard設定*/
  .dashboard{background: #D3F3FF;
    padding:40px 10px;}
  @media screen and (max-width: 750px){
  .dashboard{background: #D3F3FF;
    padding:30px 10px;}
  }
  .Whitebk_inner{background: #FFF;}


  /*斜線入見出し設定*/
  .fukidashi{
    position: relative;
    padding: 0 45px;
    display: inline-block;
    margin-left:100px;}
  @media screen and (max-width: 750px){
  .fukidashi{
    position: relative;
    padding: 0 30px;
    display: inline-block;
    margin-left:5px;
    }}

  .fukidashi:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: #004EA0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);}
  .fukidashi:before{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: #004EA0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);}

  .fukidashi:before {
    left:0;}
  .fukidashi:after {
    right: 0;}




  /*グレー背景見出し*/
  .Gbk_title{
    padding:10px;
    background-color: #F0F0F0;
    font-weight:bold;
    color:#444;
  }
  /*グレー下線見出し*/
  .line_title{
    padding:10px;
    margin-bottom:10px;
    border-bottom:3px solid #F0F0F0;
    font-weight:bold;
  }

  /*注意事項などリスト表示*/
  .attention-infolist ul li{
    list-style-position: outside;
    padding-left:20px;
    text-indent: -20px;
  }
  .attention-infolist ul li:not(:last-child){
    margin-bottom:10px;}


  /*会員登録・ログインボタン*/
  .login_btn ul{
    margin :0 auto;
    width: 450px;
  }
  @media screen and (max-width: 750px){
  .login_btn ul{
    margin :auto;
    width: 100%;
  }}

  .login_btn ul li:not(:last-child){
    margin-bottom:20px;
  }
  .login_btn ul li a{
    display: block;
    padding: 14px 10px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
    text-align: center;
    max-width: 350px;
    margin: 0 auto;
  }
  @media screen and (max-width: 750px){
  .login_btn ul li a{
    display: block;
      padding: 14px 10px;
      font-size: 20px;
      font-weight: bold;
      text-decoration: none;
      border-radius: 10px;
      text-align: center;
      max-width: 350px;
      margin: 0 auto;
    }}
    @media screen and (max-width: 375px){
    .login_btn ul li a{
      display: block;
        padding: 12px 10px;
        font-size: 18px;
        max-width: 300px;
      }}
  .login_btn ul li a img{padding-right:15px;}
  @media screen and (max-width: 750px){
  .login_btn ul li a img{width:30px;padding-right:10px;}
  }
  .login_btn ul li a span,.login_btn ul li a img{vertical-align: middle;}

  .login_btn ul li.entry a{
    border-bottom: solid 3px #AD3C09;
    color:#FFF;
    background: #FF7900 url(https://ekiben-deli.com/img/btn_on_arrow.png) no-repeat 95% center;}

  .login_btn ul li.login a{
    border-bottom: solid 3px #7C7C7C;
    color:#000;
    background: #E6E6E6 url(https://ekiben-deli.com/img/btn_off_arrow.png) no-repeat 95% center;}
  @media screen and (max-width: 750px){
  .login_btn ul li.entry a{
    border-bottom: solid 3px #AD3C09;
    color:#FFF;
    background: #FF7900 url(https://ekiben-deli.com/img/btn_on_arrow.png) no-repeat 95% center;background-size: 20px;
    font-size: 14px;
    width: 80%;
  }

  .login_btn ul li.login a{
    border-bottom: solid 3px #7C7C7C;
    color:#000;
    background: #E6E6E6 url(https://ekiben-deli.com/img/btn_off_arrow.png) no-repeat 95% center;background-size: 20px;
    font-size: 14px;
    width: 80%;
  }
  }
  /*TOP_banner設定*/
  .info_banner ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;}
  .info_banner ul li{
    width:49.5%;}
  .info_banner ul li a{
    display: block;
    font-weight:bold;
    text-align: center;
    text-decoration: none;
    padding-top:10px;
  }
  .info_banner ul li a span{
    display: block;
    color:#FFF;
  }
  .info_banner ul li a span em{
    font-style: normal;
    display:inline-block;
    border-radius:50px;
    padding:5px 20px;
  }
  @media screen and (max-width: 750px){
  .info_banner ul li a span em{
    font-style: normal;
    display:inline-block;
    border-radius:50px;
    padding:5px 5px;
    }
    .info_banner ul li a span.nextread{
    text-align: left;
    }
    .info_banner ul li a span.nextread span{
      padding:9.5px;
    }
  }

  .info_banner ul li.orange a{
    background-color: #DE4305;
  }
  .info_banner ul li.orange a span em{
    background-color: #FFF;
    color:#DE4305;
  }
  .info_banner ul li.orange a span.nextread{
    background:#A83B0B url(https://ekiben-deli.com/img/o_right_arrow.png) no-repeat 95% center;}
  @media screen and (max-width: 750px){
  .info_banner ul li.orange a span.nextread{
    background:#A83B0B url(https://ekiben-deli.com/img/o_right_arrow.png) no-repeat 95% center;background-size:20px;}
  }

  .info_banner ul li a{
    background-color: #004EA0;
  }
  .info_banner ul li.blue a span em{
    background-color: #B8033A;
    color:#FFF;
  }
  .info_banner ul li.blue a span.nextread{
    background:#0E4577 url(https://ekiben-deli.com/img/b_right_arrow.png) no-repeat 95% center;}
  @media screen and (max-width: 750px){
  .info_banner ul li.blue a span.nextread{
    background:#0E4577 url(https://ekiben-deli.com/img/b_right_arrow.png) no-repeat 95% center;background-size:20px;}
  }

  /*メインコンテンツタイトル枠設定*/
  .ttle p{background:#0E4577; font-size: 20px;}
  .ttle h1{background:#EBEBEB;color:#4C4C4C;font-size: 22px;}
  .order_done .ttle h1{background:#EBEBEB;color:#FF0000;}

  .banner ul li a img{width:100%;}
  .topicslist a{transition: 0.3s ;color:#231815;text-decoration: underline;}
  .topicslist a:hover{opacity: 0.5;}

  /*バックボタン、ユーザー変更内容枠枠設定*/
  .actionbtnlist,.userpagelist,.actionbtn,.cancelenty_tel .tel{
    width:670px;
    margin: 0 auto;
  }
  @media screen and (max-width: 750px){
  .actionbtnlist,.userpagelist,.cancelenty_tel .tel{
    width:100%;
    margin:auto;}
  .actionbtnlist,.cancelenty_tel .tel p{
      padding:20px 10px;}
  }
  .userpagelist ul{margin-bottom:30px;}
  @media screen and (max-width: 750px){
  .userpagelist ul{margin-bottom:0;}
  }
  .userpagelist ul li:not(:last-child){margin-bottom:5px;}
  .userpagelist a{
    background:#EBEBEB url(https://ekiben-deli.com/img/arrow_icon.png) no-repeat 95% center;
    color:#3A3A3A;
    display: block;
    padding:20px;
    text-align: center;
  }
  .actionbtnlist ul{
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;}
  .actionbtnlist ul li.backbtn,.actionbtnlist ul li.pagetop_btn,.og_btn{width:100%;}
  .actionbtnlist ul li.reset_btn{width:117px;}
  .actionbtnlist ul li.check_btn,.actionbtnlist ul li.users_btn{width:520px;}

  .actionbtnlist ul li a,.og_btn a{display: block;
    padding: 20px 10px;
    padding: 12px 10px;
    font-size:25px;
    font-size:18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
  }
  @media screen and (max-width: 750px){
  .actionbtnlist ul li{width:100%;}
  .actionbtnlist ul li.reset_btn{width:35%;}
  .actionbtnlist ul li.check_btn,.actionbtnlist ul li.users_btn{width:60%;}
  .actionbtnlist ul li a,.og_btn a{display: block;
    padding: 20px 10px;
    font-size:14px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
  }}


  .actionbtnlist ul li.reset_btn a,.actionbtnlist ul li.backbtn a{
    background:#D6D6D6 url(https://ekiben-deli.com/img/back_btn_arrow.png) no-repeat 10px center;
    color:#727272;
    padding-left:35px !important;
    text-align: center;
    border-bottom: solid 3px #827F7C;
    max-width: 500px;
    margin: 0 auto;
  }
  @media screen and (max-width: 750px){
  .actionbtnlist ul li.reset_btn a ,.actionbtnlist ul li.backbtn a{
    background:#D6D6D6 url(https://ekiben-deli.com/img/back_btn_arrow.png) no-repeat 10px center;background-size: 20px;
    color:#727272;
    padding-left:35px !important;
    text-align: center;
    border-bottom: solid 3px #827F7C;
  }
  }
  .actionbtnlist ul li.check_btn a{
    background:#EDEDED url(https://ekiben-deli.com/img/btn_off_arrow.png) no-repeat 95% center;
    color:#BA033A;
    text-align: center;
    border-bottom: solid 3px #827F7C;
  }
  @media screen and (max-width: 750px){
  .actionbtnlist ul li.check_btn a{
    background:#EDEDED url(https://ekiben-deli.com/img/btn_off_arrow.png) no-repeat 95% center;
    background-size: 20px;
    color:#BA033A;
    text-align: center;
    padding-right:20px;
    border-bottom: solid 3px #827F7C;
  }}

  .actionbtnlist ul li.users_btn a,.actionbtnlist ul li.pagetop_btn a,.og_btn a{
    background:#FFCC00 url(https://ekiben-deli.com/img/btn_on2_arrow.png) no-repeat 95% center;
    color:#000;
    text-align: center;
    border-bottom: solid 3px #EDA24F;
    max-width: 300px;
    margin: 0 auto;
  }
  @media screen and (max-width: 750px){
  .actionbtnlist ul li.users_btn a,.actionbtnlist ul li.pagetop_btn a,.og_btn a{
    background:#FFCC00 url(https://ekiben-deli.com/img/btn_on2_arrow.png) no-repeat 95% center;
    background-size: 20px;
    color:#000;
    text-align: center;
    padding-right:20px;
    border-bottom: solid 3px #EDA24F;
    }
    .actionbtnlist ul li.users_btn a{
      padding: 10px;
    }
    .actionbtnlist ul li.reset_btn a{
      padding: 10px;
    }
    .actionbtnlist ul li.check_btn a{
      padding: 10px;
    }
    .itemdetainner.active .item dl dd span.cart a{
      padding: 6px 0 !important;
    }
    .itemdetainner.notactive .item dl dd span.cart em{
      padding: 6px 0 !important;
    }
  }

  /*注意事項番号リスト*/
  .notes_list{
    background:#F4F4F4;
    padding:10px;
    border:3px solid #E04305;
    color:#E04305;
  }
  .notes_list ul{
    counter-reset:number;
    list-style-type: none!important;
    padding:0.5em;
    background: none;
  }
  .notes_list ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom:10px;
  }
  .notes_list ul li:not(:last-child){
   margin-bottom:10px;
  }
  .notes_list ul li:before{
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display:inline-block;
    background: #E04305;
    color: #FFF;
    font-weight:bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  /*弁当例一覧*/
#kinki .Gbk_title{
    padding: 10px;
    background-color: #23C14F;
    font-weight: bold;
    color: #FFF;
}
#kyusyu .Gbk_title{
    padding: 10px;
    background-color: #9A55A0;
    font-weight: bold;
    color: #FFF;
}
#shikoku .Gbk_title{
    padding: 10px;
    background-color: #E03289;
    font-weight: bold;
    color: #FFF;
}
#sanyou .Gbk_title{
    padding: 10px;
    background-color: #AFA36D;
    font-weight: bold;
    color: #FFF;
}
#sanin .Gbk_title{
    padding: 10px;
    background-color: #FF7427;
    font-weight: bold;
    color: #FFF;
}


  .ekiben_ex_list div{
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  .ekiben_ex_list div dl{
    width:220px;
  }
.ekiben_ex_list div dl:not(:nth-child(4n)){
  margin-right:20px;
}
  @media screen and (max-width: 750px){
  .ekiben_ex_list div{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .ekiben_ex_list div dl{
    width:49%;
  }
.ekiben_ex_list div dl:not(:nth-child(4n)){
  margin-right:0px;
}}

  .ekiben_ex_list div dl dt{
    box-shadow: 1px 1px 2px #CCC;
    margin-bottom:10px;
  }
  .ekiben_ex_list div dl dt img{width: 100%;}

  .ekiben_ex_list div dl dd span,
  .ekiben_ex_list div dl dd em{display: block;font-style: normal;}

  .ekiben_ex_list div dl dd span:nth-child(1){color:#727272;font-size:13px;}
  .ekiben_ex_list div dl dd span:nth-child(2){color:#FF7900;font-weight: bold;font-size:16px;}
  .ekiben_ex_list div dl dd span em{font-size:14px;}
  .ekiben_ex_list div dl dd span:nth-child(3){color:#444;font-weight: bold;}
  .ekiben_ex_list div dl dd div {padding:5px;background:#F7F7F7;}
  .ekiben_ex_list div dl dd div > p{font-size: 12px;}

  /*地図検索*/
  .locationlist{
    background: url(https://ekiben-deli.com/img/mapimg.jpg) no-repeat left -40px;
    background-size: 100%;
    height:574px;
    position: relative;
  }
  .locationlist a{
    display: block;
    position: absolute;
    width: 120px;
    height: 53px;
  }
  @media screen and (max-width: 750px){
  .locationlist{
    background: url(https://ekiben-deli.com/img/mapimg.jpg) no-repeat left center;
    background-size: 100%;
    height:273px;
    position: relative;
  }
  .locationlist a{
    display: block;
    position: absolute;
    width: 80px;
    height: 35px;
  }}

  .locationlist a img{width: 100%;}

  .locationlist a.kinki{
    right:155px;
    bottom:200px;
  }
  .locationlist a.kyusyu{
    bottom:50px;
    left:100px;
  }
  .locationlist a.sanin{
    top:150px;
    left:250px;
    display: none;
  }
  .locationlist a.sanyou{
    top:280px;
    left:250px;
  }
  .locationlist a.shikoku{
    bottom:130px;
    left:430px;
    display: none;
  }

  @media screen and (max-width: 750px){
  .locationlist a.kinki{
    right:40px;
    bottom:110px;
  }
  .locationlist a.kyusyu{
    bottom:30px;
    left:20px;
  }
  .locationlist a.sanin{
    top:60px;
    left:80px;
  }
  .locationlist a.sanyou{
    top:115px;
    left:80px;
  }
  .locationlist a.shikoku{
    bottom:60px;
    left:160px;
  }}

  /*フォーム設定*/
  .readme{
    padding-left:170px;
  }
  @media screen and (max-width: 750px){
  .readme{
    padding-left:30%;
    }}
  .readme ul li{list-style: disc;}
  .checklist li a,.cancellist a,
  .checklist li a:hover,.cancellist a:hover{color:#0B90AF;text-decoration: underline;}



  .form-group,.form-group2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form-group .col-left,.form-group2 .col-left {
    width: 135px;
    margin: 0 10px;font-weight: 900;
  }
  .form-group .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 510px;
  }
  .form-group2 .col-right{
    width: 510px;
  }

  @media screen and (max-width: 750px){
  .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form-group .col-left,.form-group2 .col-left {
    width: 23%;
    margin: 0 10px;
    font-size:12px;
  }
  .form-group .col-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 77%;
  }
  .form-group2 .col-right{
    width: 77%;
  }}

  .form-group .col-right span,.form-group2 .col-right {
    margin-right: 10px;
  }
  .form-group .col-right div.name-inner {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
  }
  .form-group .col-right div.name-inner:first-child {
    margin-right: 25px;
  }
  .form-group .col-right div.name-inner span {
    width: 35px;
  }
  .form-group .col-right div.name-inner input {
    width: 195px;
  }
  @media screen and (max-width: 750px){
  .form-group .col-right div.name-inner span {
    width: 10%;
  }
  .form-group .col-right div.name-inner input {
    width: 80%;
  }}

  .form-group .custom-control-label:before,
  .form-group2 .custom-control-label:before{
    top: 0px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #FCFCFC;
    border: #BAB9B9 1px solid;
  }
  .form-group .custom-control-label:after,
  .form-group2 .custom-control-label:after{
      position: absolute;
      top: -1px;
      left: -12px;
      display: block;
      width: 30px;
      height: 30px;
      content: "";
  }


  .form-group .custom-control{
      position: relative;
      display: block;
      min-height: 1.44rem;
      margin-right: 30px;
      padding-left: 1.5rem;
  }

  .form-group2 .custom-control{
      position: relative;
      display: inline-block;
      min-height: 1.44rem;
      margin-right: 10px;
      padding-left: 1.5rem;
  }
  .form-group .custom-radio,.form-group2 .custom-radio {
    padding-left: 45px;
  }
  .form-group .custom-radio label{
      margin-left: 0;
      padding: 5px 0 0 8px;
      font-size: 16px;
      vertical-align: middle !important;
  }
  .form-group2 .custom-radio label{
      margin-left: -40px;
      padding: 2px 0 0 8px;
      font-size: 16px;
  }
  @media screen and (max-width: 750px){
  .form-group2 .custom-control{
      position: relative;
      display: inline-block;
      min-height: 1.44rem;
      margin-right: 40px;
      padding-left: 0;
    }
  .form-group2 .custom-radio{
    padding-left: 20px;}
  .form-group .custom-radio label{
      margin-left: 0;
      padding: 2px 0 0 10px !important;
      font-size: 12px;
    }
  .form-group2 .custom-radio label{
      margin-left: 0;
      padding: 5px 0 0 10px !important;
      font-size: 12px;
    }}

  .form-group .custom-radio .custom-control-input:checked~.custom-control-label:after,
  .form-group2 .custom-radio .custom-control-input:checked~.custom-control-label:after{
      background: #3490dc;
      border-radius: 50%;
      left: 18px;
      width: 30px;
      height: 30px;
      margin: 1px -18px;
  }
  .form-group .custom-radio .custom-control-label,
  .form-group2 .custom-radio .custom-control-label {
  	padding-left: 40px;
  }


  @media screen and (max-width: 750px){
  .col-right {
  	position: relative;
  }
  .form-group .custom-control {
      position: relative;
      display: block;
      min-height: 1.44rem;
      margin-right: 10px;
      padding-left: 5px;
  }
  .form-group .custom-control-label:before{
    top: 0px;
    left: -20px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #FCFCFC;
    border: #BAB9B9 1px solid;
  }
  .form-group .custom-control-label:after{
      position: absolute;
      top: -1px;
      left: -2px;
      display: block;
      width: 20px;
      height: 20px;
      content: "";
      margin-left:-30px;
  }
  .form-group2 .custom-control-label:before{
    top: 5px;
    left: -20px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #FCFCFC;
    border: #BAB9B9 1px solid;
  }
  .form-group2 .custom-control-label:after{
      position: absolute;
      top: 4px;
      left: -2px;
      display: block;
      width: 20px;
      height: 20px;
      content: "";
      margin-left:-30px;
  }

  .form-group .custom-radio .custom-control-input:checked~.custom-control-label:after,
  .form-group2 .custom-radio .custom-control-input:checked~.custom-control-label:after{
      background: #3490dc;
      border-radius: 50%;
      left: -2px;
      width: 20px;
      height: 20px;
      margin: 1px -18px;
  }
  .form-group .custom-radio .custom-control-label,
  .form-group2 .custom-radio .custom-control-label {
  	padding-left: 0;
  }


  .form-group .custom-radio {
    padding-left: 25px;
  }
  .form-group .custom-radio label {
      padding: 0px 0 0 8px;
      font-size: 12px;
  }}
  .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #FFF;
    background-image: none;
  }
  .form-group .select {
    position: relative;
    display: block;
    width: 156px;
    height: 58px;
    font-size: 18px;
    line-height: 3;
    background: #FFF;
    border: 1px solid #BAB9B9;
    overflow: hidden;
    border-radius: .25em;
  }
  .form-group .select.disabled {
    cursor: default;
    opacity: 0.4;
  }
  .form-group select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 28px;
    color: #4C4C4C;
    cursor: pointer;
  }
  @media screen and (max-width: 750px){
    .form-group .select {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #BAB9B9;
    overflow: hidden;
    border-radius: .25em;
  }
  .form-group .select.disabled {
    cursor: default;
    opacity: 0.4;
  }
  .form-group select {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 5px;
    color: #4C4C4C;
    cursor: pointer;
  }}

  .form-group select:disabled {
    cursor: default;
  }
  .form-group select::-ms-expand {
    display: none;
  }
  .form-group .select::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 1em;
    color: white;
    background: #FF7900 url(https://ekiben-deli.com/img/select_arrow.jpg) no-repeat center center;
    background-size:20px;
    pointer-events: none;
  }
  .form-group.select::after {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }


  .form-group label {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    font-weight: 900;
  }
  .form-group2 label {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    font-weight: 900;
  }

  .form-group span.name-span {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: pre;
    font-size: 18px;
    font-weight: 300;
  }
  @media screen and (max-width: 750px){
  .form-group span.name-span {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: pre;
    font-size: 12px;
    font-weight: 300;
  }}

  .form-group .invalid-feedback {
    padding: 0;
  }
  .form-group input,.form-group2 input {
    height: 58px;
    font-size: 16px;
    font-weight: 300;
  }
  @media screen and (max-width: 750px){
  .form-group input,.form-group2 input {
    height: auto;
    font-size: 12px;
    font-weight: 300;
    }}
  .form-group input[name='tel1'],
  .form-group input[name='password'] {
    width: 100%;
  }
  .form-group span.name_kanji1-error {
    display: block;
    float: left;
    margin-left: 170px;
  }
  .form-group span.name_kanji1-error {
    display: block;
    float: left;
  }
  .img-outer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
      -webkit-appearance: listbox;
  }
  .formlink{
    padding-left:60px;
  }

  .formlink li{
    padding-left:20px;
    text-indent: -20px;
  }
  .formlink li a {
    text-decoration: underline;
  }
  .formlink li a:hover{
    color:#333;}

  .formabouttxt{
    list-style-position: outside;
    padding-left:20px;
    list-style: disc;
    text-indent: -20px;
  }
  ::placeholder {
    color: #A8A8A8;
  }

  /*checkボタンのカスタマイズ*/
  .msr_chack_04 {
    padding-bottom: 20px;
  }
  @media screen and (max-width: 750px){
  .msr_chack_04{
  padding-left:50px;
  padding-right:50px;
    padding-bottom: 20px;
  }}
  .msr_chack_04 p {
    font-size: 16px;
    padding-bottom: 5px;
  }
  .msr_chack_04 input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .msr_chack_04 input[type=checkbox] + label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 0 30px;
    position: relative;
  }
  .msr_chack_04 input[type=checkbox] + label::before {
    border: 3px solid #494747;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    margin-top: -9px;
    position: absolute;
    left: 0;
    top: 10px;
    height: 24px;
    width: 24px;
  }
  .msr_chack_04 input[type=checkbox]:checked + label::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 13px;
  }
  .msr_chack_04 input[type=checkbox]:checked + label::after {
    border-bottom: 3px solid #494747;
    border-left: 3px solid #494747;
    left: 6px;
    margin-top: -8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    height: 10px;
    width: 12px;
  }

  /*予約完了ページにあるキャンセルについて*/
  .cancellist table{
    width:100%;
    border-top:2px solid #CCCCCC;
    border-left:2px solid #CCCCCC;
  }

  .cancellist table tr th{
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    text-align: left;
    vertical-align: middle;
      padding: 10px 5px;
    width:30%;
    background-color:#F2F2F2;
  }
  .cancellist table tr td{
    width:70%;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    text-align: left;
    padding: 10px 5px;
    vertical-align: middle;
  }
  @media screen and (max-width: 750px){
  .cancellist table{
    width:100%;
    border-top:2px solid #CCCCCC;
    border-left:2px solid #CCCCCC;
  }

  .cancellist table tr th{
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    text-align: left;
    vertical-align: middle;
      padding: 10px 5px;
    width:30%;
    font-size:12px;
    background-color:#F2F2F2;
  }
  .cancellist table tr td{
    width:70%;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    text-align: left;
    padding: 10px 5px;
    font-size:12px;
    vertical-align: middle;
  }}

.cancelenty_tel .tel{margin-bottom:20px;}
  .cancelenty_tel .tel p a{
    background:#6EBED7;
    color:#000;
    text-align: center;
    padding:10px;
    font-size:25px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
    width: 100%;
    display: block;
  }
  @media screen and (max-width: 750px){
  .cancelenty_tel .tel p a{
    background:#6EBED7;
    background-size: 20px;
    color:#000;
    text-align: center;
    padding-right:20px;
    padding: 10px;
    font-size:24px;
    width: 100%;
    font-weight: bold;
    display: block;
    text-decoration: none;
    border-radius: 10px;
  }}
  .cancelenty_tel .tel span.number,
  .cancelenty_tel .tel span.acce{
    display: block;
  }
  .cancelenty_tel .tel span.acce{
    font-size:80%;
}


  /*商品選択*/
  .cell_itemlist .item_category{
    margin-bottom:20px;
  }
  .cell_itemlist .item_category .category_ttl{
    padding:10px;
    background: #F9ECE4;
    color:#494747;
    font-weight:bold;
    border-radius:3px;
    cursor: pointer;
    position: relative;
  }
  .cell_itemlist .item_category .item_categoryinner{
    padding:20px;
    border-bottom:1px solid #E8E6E6;
    border-right:1px solid #E8E6E6;
    border-left:1px solid #E8E6E6;
    display: none;
  }
  .cell_itemlist .item_category .item_categoryinner ul{
    display: flex;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  .cell_itemlist .item_category .item_categoryinner ul li{
    width:210px;
  }
  .cell_itemlist .item_category .item_categoryinner ul li:not(:nth-child(4n)){
  margin-right:19px;
}
  @media screen and (max-width: 750px){
  .cell_itemlist .item_category .item_categoryinner ul{
  display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  .cell_itemlist .item_category .item_categoryinner ul li{
    width: 49%;
  }
.cell_itemlist .item_category .item_categoryinner ul li:not(:nth-child(4n)){
  margin-right:0px;
}}
  .item_categoryinner ul li .itemdetainner .item dl{
    padding:10px;
    border:1px solid #E8E6E6;
  }
  .item_categoryinner ul li .itemdetainner .item dl dt{
    overflow:hidden;
    width:190px;height:128px;background-color: #F0F0F0;}
  @media screen and (max-width: 750px){
  .item_categoryinner ul li .itemdetainner .item dl dt{
    overflow:hidden;
    width:100%;height:85px;}
  }

  .item_categoryinner ul li .itemdetainner .item dl dt img{
    width:100%;
  }
  .itemdetainner .item dl dd{margin-bottom:0;}
  .itemdetainner .item dl dd span,
  .itemdetainner .item dl dd em,
  .cartinner .data span,.cartinner .data em{
    display: block;
    font-style: normal;
  }
  .itemdetainner .item dl dd span.station_ttl,
  .cartinner .data .station_ttl{color:#727272;font-size:12px;}
  .itemdetainner .item dl dd span.name,
  .cartinner .data span.name{font-weight: bold;font-size:14px;}
  .itemdetainner .item dl dd span.price,
  .cartinner .data span.price{color:#444;font-weight: bold;margin-bottom:10px;}
  .itemdetainner .item dl dd span.cart{color:#ccc;font-weight: bold;}
  .data_detailes a{
    display: block;
    text-decoration: none;
    background: #EDEDED url(https://ekiben-deli.com/img/g_right_arrow.png) no-repeat 95% center;
    background-size:20px;
    padding:10px;
    text-align: center;
    font-weight: bold;
    color:#494747;
    margin-bottom:10px;
  }
  .data_detailes a:hover{
    text-decoration: none;
  }
  /*購入不可文字表示設定*/
  .itemdetainner.notactive .item dl dt{
    position: relative;
  }
  .itemdetainner.notactive .item dl dt span{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 1;
    display: block;
  }
  .itemdetainner.notactive .item dl dt em{
    display: block;
    width:100%;
    height:100%;
    font-style: normal;
    left:0px;
    top:0px;
    z-index: 2;
    position: absolute;
    color:#FFF;
    font-weight: bold;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
  }
  .itemdetainner.notactive .item dl dt i{
    font-style: normal;
    display: block;
    position: absolute;
    left:20%;
    top:25%;
    z-index: 3;
    font-size:80%;
    color:#FFF;
    text-align: center;
    font-weight: bold;
  }
    @media screen and (max-width: 750px){
  .itemdetainner.notactive .item dl dt i{
    font-style: normal;
    display: block;
    position: absolute;
    left:20%;
    top:15%;
    z-index: 3;
    color:#FFF;
    font-size:80%;
    text-align: center;
    font-weight: bold;
  }
}

  /*購入設定_on_off設定*/
  .itemdetainner.active .item dl dd span.name,
  .cartinner .data span.name{color:#FF7900;}
  .itemdetainner.notactive .item dl dd span.nama{color:#727272}

  .itemdetainner.active .item dl dd span.cart a{
  display: block;
  background:#FF7900 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 20px center;
  background-size: 25px;
  border-bottom: solid 5px #AD3C09;
  padding:10px;
  text-align: center;
    text-decoration: none;
  color:#FFF;border-radius:5px;}

  @media screen and (max-width: 750px){
  .itemdetainner.active .item dl dd span.cart a{
  display: block;
  background:#FF7900 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 5px center;
  background-size: 20px;
  border-bottom: solid 5px #AD3C09;
  padding:10px;
  text-align: center;
    font-size:80%;
  color:#FFF;border-radius:5px;}
  }
  .itemdetainner.active .item dl dd span.cart a:hover{
    text-decoration: none;
  }

  .itemdetainner.notactive .item dl dd span.cart em{
  display: block;
  background:#D8D8D8 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 20px center;
  background-size: 25px;
  padding:10px;
  text-align: center;
  margin-bottom:5px;
  text-decoration: none;
  color:#FFF;border-radius:5px;}

  @media screen and (max-width: 750px){
  .itemdetainner.notactive .item dl dd span.cart em{
  display: block;
  background:#D8D8D8 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 5px center;
  background-size: 20px;
  padding:10px;
  text-align: center;
  margin-bottom:5px;
    font-size:80%;
  text-decoration: none;
  color:#FFF;border-radius:5px;}
  }

  /*カート設定*/
  .cartinner{
    border:1px solid #CCCCCC;
    margin-bottom:20px;
  }
  .cartinner table tr td{
    vertical-align: middle;
    padding:10px;
    border-bottom:1px solid #CCCCCC;
  }
  .cartinner table tr td.cartdata{
    text-align: left;
  }
  .cartinner table tr td.figuredata{
    text-align: right;
  }
  .total{
    display: flex;
    justify-content: flex-end;
    flex-flow: wrap;
    border:1px solid #CCCCCC;
  }
  .total dt{background-color: #F2F2F2;}



  /*アコーディオンアイコン設定*/
  .accordion ul {
    width:100%;
    padding:0;}
  .accordion .category_ttl .accordion_icon,
  .accordion .category_ttl .accordion_icon span {
    display: inline-block;
    transition: all .3s;
    box-sizing: border-box;
  }
  .accordion .category_ttl .accordion_icon {
    position: absolute;
    width: 130px;
    height: 18px;
    top: 10px;
    right: 20px;
    text-align: right;
  }
  .accordion .category_ttl .accordion_icon em {
    color: #FF7900;
    font-style: normal;
    font-weight: normal;
  }
  .accordion .category_ttl .accordion_icon span {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FF7900;
  }
  .accordion .category_ttl .accordion_icon span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .accordion .category_ttl .accordion_icon span:nth-of-type(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
  }
  .accordion .category_ttl .accordion_icon.active span:nth-of-type(1) {
    display:none;
  }
  .accordion .category_ttl .accordion_icon.active span:nth-of-type(2) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }


  /*画面サイズ切替用*/
  .sp{display: none;}
  .pc{display: block;}
  @media screen and (max-width: 750px){
  .sp{display: block;}
  .pc{display:none;}
  }

  .cf:after {
      content: ".";
      clear: both;
      height: 0;
      display: block;
      visibility: hidden;
  }
  .cf {
      display: inline-block;
  }
  .cf{
      display: block;
  }
  /* Hides from IE-mac \*/
  * html .clearfix { height: 1%;}
  .clearfix { display: block;}
  /* End hide from IE-mac */


  /*モーダル設定*/
  .modal-content {
      position: relative;
      display: block;
      width: 100%;
      margin-top:30px;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border:none;
      border-radius: 5px;
      outline: 0;
  }
  .modal{
    box-sizing: border-box;
  }
  @media screen and (max-width: 750px){
  .modal{
    padding-left:17px;
    padding-right:17px;
  }
  .modal-content {
      position: relative;
      display: block;
      width: 100%;
      margin-top:80px;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border:none;
      border-radius: 5px;
      outline: 0;
    }}

  .modal-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: block;
      border-bottom: none;
      border-top-left-radius: .3rem;
      border-top-right-radius: .3rem;
  }
  .modal-dialog {
      max-width: 940px;
      margin: 0 auto;
  }

  @media screen and (max-width: 750px){
  .modal-dialog {
      max-width: 100%;
      margin:auto;
    }}

  .modal-body{
    padding:0px 30px 30px 30px;
  }
  .modal-body .taglist{
    margin-bottom:20px;
  }
  .modal-body .taglist span{
    display: inline-block;
    padding:5px 10px;
    border-radius: 5px;
    color:#FFF;
    font-weight: bold;
  }
  .modal-body .taglist span:not(:last-child){
    margin-right:5px;}

  .modal-body .item_data{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;}

  .modal-body .item_data .initem_img{
    width:520px;}
  .modal-body .item_data .initem_img img{width: 100%;}
  .modal-body .item_data .initem_name{
    width: 300px;}
  .modal-body .item_data .initem_name span,
  .modal-body .item_data .initem_name em{
    display: block;text-align: left;
  }

  .modal-body .item_data .initem_name .name{
    font-size: 110%;
    color: #ff7900;
    margin-bottom: 10px;
  }
  .modal-body .item_data .initem_name .name em{
      font-size:80%;
      display: block;
      font-style: normal;
    }
  .modal-body .item_data .initem_name .station,
  .modal-body .item_data .initem_name .shop{
      color: #333;
    }

  .modal-body .item_data .initem_name .price{
    color:#444;font-weight: bold;
    margin-bottom:10px;font-size:110%;}
  .modal-body .freetext_area p:not(:last-child){
    margin-bottom:10px;
  }
  .modal-body .freetext_area p a{text-decoration: underline;color:#7B7E84;}
  .modal-body .freetext_area p a:hover{text-decoration: none;}
  .modal-body .mordel_cart{
    width:670px;
    margin:0 auto;
  }

.modal-body .mordel_cart a{
    display: block;
    background:#FF7900 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 20px center;
    background-size: 25px;
    border-bottom: solid 3px #AD3C09;
    padding:10px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color:#FFF;border-radius:5px;
    cursor: pointer;
}
.modal-body .mordel_cart a:not(.noactive):hover{
    color: #fff;
}

  .modal-body .mordel_cart a.notactive{
    display: block;
    background:#D8D8D8 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 20px center;
    background-size: 25px;
    border-bottom: 0;
    padding:10px;
    text-align: center;
      text-decoration: none;
      font-weight: bold;
    color:#FFF;border-radius:5px;
    opacity: 0.6;
    cursor: default;
  }

  @media screen and (max-width: 750px){
  .modal-body .item_data{
    display: block;}

  .modal-body .item_data .initem_img{
    width:100%;}
  .modal-body .item_data .initem_img img{width: 100%;}
  .modal-body .item_data .initem_name{
    width: 100%;}
  .modal-body .item_data .initem_name span,
  .modal-body .item_data .initem_name em{
    display: block;text-align: left;
  }

  .modal-body .item_data .initem_name .name{
    font-size: 110%;
    color: #ff7900;
    margin-bottom: 10px;
  }
  .modal-body .item_data .initem_name .name em{
      font-size:80%;
      display: block;
      font-style: normal;
    }
  .modal-body .item_data .initem_name .station,
  .modal-body .item_data .initem_name .shop{
      color: #333;
    }

  .modal-body .item_data .initem_name .price{
    color:#444;font-weight: bold;
    margin-bottom:10px;font-size:110%;}
  .modal-body .freetext_area p:not(:last-child){
    margin-bottom:10px;
  }
  .modal-body .mordel_cart{
    width:100%;
    margin:auto;
  }
  .modal-body .mordel_cart a{
  display: block;
  background:#FF7900 url(https://ekiben-deli.com/img/cart_icon.png) no-repeat 20px center;
  background-size: 20px;
  border-bottom: solid 5px #AD3C09;
  padding:10px;
  text-align: center;
    font-weight: bold;
  color:#FFF;border-radius:5px;
    }
  }



  .f-sizeml{font-size:110%;}
  .form-group.left{
    justify-content: flex-start;
  }

  .form-group.border-b-dash{
    padding-bottom: 20px;
    border-bottom: 1px dashed #aaa;
  }
  .form-group .col-right.right {
    justify-content: flex-end;
  }
  .form-group .col-right.right .num{
    text-align: right;
  }
  .form-group .col-right.right .price{
    text-align: right;
    width: 200px;
    padding-right: 20px;
  }

  .reserve-table{
    margin-bottom: 50px;
  }
    .reserve-table table{
      width: 100%;
      border:1px solid #ccc;
      font-size: 15px;
    }
      .reserve-table table th{
        background: #f2f2f2;
        border:1px solid #ccc;
        text-align: center;
        vertical-align: middle;
        padding: 15px 20px;
        width: 200px;
      }
      .reserve-table table td{
        border:1px solid #ccc;
        text-align: center;
        vertical-align: middle;
        padding: 15px 20px;
      }
        .reserve-table table td a{
          color: #0b90af;
          text-decoration: underline;
        }
        .reserve-table table td a:hover{
          text-decoration: none;
        }
      .reserve-table.min table th,
      .reserve-table.min table td{
        padding: 10px 10px;
      }
      .reserve-table table.left th,
      .reserve-table table .left th,
      .reserve-table table th.left,
      .reserve-table table.left td,
      .reserve-table table .left td,
      .reserve-table table td.left{
        text-align: left;
      }

  .order-table{
    border:1px solid #ff7900;
    margin-bottom: 10px;
  }
  .order-table.Grayborder{
    border:1px solid #CCCCCC;
    margin-bottom: 10px;
  }
    .order-table table{
      width: 100%;
    }
      .order-table table th{
        border-bottom: 1px solid #ccc;
        padding: 15px 20px;
        text-align: left;
        vertical-align: top;
      }
        .order-table table th .name{
          font-size: 110%;
          color: #ff7900;
          margin-bottom: 10px;
        }
          .order-table table th .name em{
            font-size:80%;
            display: block;
            font-style: normal;
          }
          .order-table table th .name .station{
            color: #333;
            margin-left: 10px;
          }
      .order-table table td{
        border-bottom: 1px solid #ccc;
        padding: 15px 20px;
        text-align: right;
        vertical-align: top;
      }

      .order-table table tr:last-child td{
      	 border-bottom: none;
      }

      .order-table table tr:last-child th {
      	 border-bottom: none;
      }

      .order-table table td .num{
      	margin-bottom: 10px;
      }


  /*カウンター設置*/
  .order-table.Grayborder table td .num{
    position: relative;
    margin-bottom:50px;
  }
  .order-table.Grayborder table td .num .inner{
    border:1px solid #CCC;
    border-radius: 5px;
    position: absolute;
    right:0;
    top:0;
    width:115px;
    height:44px;
  }
  .order-table.Grayborder table td .num .inner input[type="text"].skuquantity{
    text-align: center;
    position: absolute;
    left:30%;
    top:25%;
    width:42px;
  }
  .order-table table td .num .minus{
    position: absolute;
    left:0;
    top:0;
    width:35px;
    height: 42px;
    border-radius: 5px 0px 0px 5px ;
    background-color:#F9ECE4;
    color:#FF7900;
  }
  .order-table table td .num .plus{
    position: absolute;
    right:0;
    top:0;
    width:35px;
    height: 42px;
    border-radius: 0px 5px 5px 0px ;
    background-color:#F9ECE4;
    color:#FF7900;
  }


        .order-table table td .del{
          font-size: 14px;
          color: #777;
        }
          .order-table table td .del button,
          .order-table table td .del a{
            text-decoration: underline;
          }
          .order-table table td .del button:hover,
          .order-table table td .del a:hover{
            text-decoration: none;
          }

  .order-table2{
    margin-bottom: 60px;
  }
    .order-table2 table{
      width: 50%;
      border: 1px solid #ccc;
      margin-left: auto;
    }
      .order-table2 table th{
        border-bottom: 1px solid #ccc;
        padding: 15px 20px;
        text-align: center;
        vertical-align: middle;
        background: #f2f2f2;
        width: 40%;
      }
      .order-table2 table td{
        border-bottom: 1px solid #ccc;
        padding: 2px 20px;
        text-align: right;
        vertical-align: middle;
        font-size: 25px;
      }
  .actionbtnlist ul li.half_btn{
    width:100%;
  }

    .actionbtnlist ul li.half_btn a{
      border-bottom: solid 3px #B76418;
      color:#FFF;
      background-color: #FF7900 ;
      padding: 10px 10px;
      text-align: center;
    }


  @media screen and (max-width: 750px){

  .form-group .col-right.right .price{
    width: 100px;
    padding-right: 10px;
  }
  .reserve-table{
    margin-bottom: 50px;
  }
    .reserve-table table{
      font-size: 12px;
    }
      .reserve-table table th{
        padding: 8px 10px;
        width: 100px;
      }
      .reserve-table table td{
        padding: 8px 10px;
        width: auto;
      }
      .reserve-table.min table th,
      .reserve-table.min table td{
        padding: 5px 8px;
      }
  .order-table{
    border:none;
    margin-bottom: 10px;
    border: 1px solid #ff7900;
  }
    .order-table table{
      width: 100%;
      margin-bottom: 10px;
    }
      .order-table table th{
        padding: 15px 10px;
      }
        .order-table table th .name{
          font-size: 100%;
          margin-bottom: 5px;
        }
      .order-table table td{
        padding: 15px 15px;
      }

  .order-table2{
    margin-bottom: 50px;
  }
    .order-table2 table{
      width: 100%;
  }

  .actionbtnlist ul li.half_btn{
    width: calc(50% - 8px);
  }
    .actionbtnlist ul li.half_btn a{
      padding: 10px 10px;
      background-size: 20px;
    }


  }
/* お問い合わせ電話番号 */
.tel-space {
	width: 760px;
	margin: 80px auto 20px;
	text-align: center;
}
	.tel-space div {
		padding: 15px;
		border: dotted 1px #999;
		box-sizing: border-box;
	}
		.tel-space em {
			display: block;
			font-style: normal;
			font-size: 120%;
		}
		.tel-space span {
			display: block;
			font-weight: bolder;
			font-size: 160%;
		}
		.tel-space p {
			display: block;
		}
@media screen and (max-width: 750px){
	.tel-space {
		width: 80%;
		margin: 60px auto 30px;
	}
}
/*190313 cyujo追記*/
.guide_list ul{
    counter-reset:number;
    list-style-type: none!important;
    padding:0.5em;
    background: none;
    }
    .guide_list.start-2 ul{
    counter-reset:number 1;
    }
    .guide_list ul>li{
    position: relative;
    padding-left: 30px;
    margin-bottom:10px;
    }
    .guide_list ul>li:not(:last-child){
    margin-bottom:10px;
    }
    .guide_list ul>li:before{
    position: absolute;
    counter-increment: number;
    content: counter(number)'.';
    display:inline-block;
    font-weight:bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    .guide_list ol {
    counter-reset: number;
    list-style-type: none!important;
    padding:0.5em;
    margin: 10px 0;
    }
    .guide_list ol>li{
    position: relative;
    padding-left: 30px;
    margin-bottom:10px;
    }
    .guide_list ol>li:not(:last-child){
    margin-bottom:10px;
    }
    .guide_list ol>li:before{
    position: absolute;
    counter-increment: number;
    content: '('counter(number)')';
    display:inline-block;
    font-weight:bold;
    font-size: 15px;
    border-radius: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    top: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    }
    .btn_list ul {
    display: flex;
    flex-wrap: wrap;
    }
    .btn_list ul li {
    width: 32%;
    margin: 0 2% 2% 0;
    display: flex;
    }
    .btn_list ul li:nth-of-type(3n) {
    margin: 0 0 2% 0;
    }
    .btn_list ul li a {
    width: 100%;
    display: block;
    padding: 15px 25px 15px 15px;
    background-color: #f7eae2;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    transition: 0.3s;
    }
    .btn_list ul li a:hover {
    color: #ff7900;
    text-decoration: none;
    }
    .btn_list ul li a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 10px;
    height: 10px;
    margin: auto;
    border-left: 2px solid #ff7900;
    border-bottom: 2px solid #ff7900;
    transform: rotate(-45deg);
    }
    .faq_list {
    padding: 0 20px;
    }
    .faq_list dl {
    margin-bottom: 30px;
    }
    .faq_list dl dt {
    color: #004ea0;
    margin-bottom: 10px;
    }
    .faq_list a {
    color: #0b90af;
    }
    .exex{visibility:hidden;}
    @media screen and (max-width: 600px) {.exex{display:none;}}
/*190313 cyujo追記*/

.form-submit{
    cursor: pointer;
}

.go-back{
    cursor: pointer;
}

.custom-select {
    font-size: 16px;
}
/*20190517*/
.f_icon_area{
  text-align: center;
}
.f_icon_area img{
  width:100%;
}
.f_icon_cont > a{
  display: inline-block;
  margin: 0 0.2%;
}
.f_icon_cont > a:hover{
  opacity:0.7;
  display: inline-block;
}
.f_icon01 {
  max-width: 40px;
}
.f_icon02 {
  max-width: 40px;
}
.f_icon03 {
  max-width: 120px;
  position:relative;
  left:10px;
}


/* お知らせ */
.news-space {
width: 760px;
margin: 80px auto 20px;
text-align: center;
}
.news-space div {
  padding: 15px;
  border: dotted 1px #999;
  box-sizing: border-box;
}
  .news-space em {
    display: block;
    font-style: normal;
    font-size: 120%;
  }
  .news-space span {
    display: block;
    font-weight: bolder;
    font-size: 160%;
  }
  .news-space p {
    display: block;
  }
  .gray_box h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 0 0;
}
@media screen and (max-width: 750px){
.news-space {
  width: 80%;
  margin: 60px auto 30px;
}
}