@charset "utf-8";

* {
    padding: 0px;
    margin: 0px;
    font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
    Meiryo, 'メイリオ', 'Lucida Grande', 'sans-serif';
}

body {
    font-size: 10.56px;
    color: #3E3A39;
    line-height: 140%;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0.04em;
}

img {
    max-width: 100%;
    height: auto;
    /*margin: 0 auto;*/
    display: block;
    border: none;
}

a {
    color: #3E3A39;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #3E3A39;
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

input, textarea {
    -webkit-tap-highlight-color: transparent;
    font-size: 19.8px;
     color: #3E3A39;
}

::-webkit-input-placeholder {
    color: #3E3A39;
}

:-moz-placeholder {
    color: #3E3A39;
}


html body .pc_none {
    display: none;
}

h1,h2,h3,h4,h5,h6{
    font-size:100%;
}

select, button, input[type="text"], input[type="number"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  cursor:pointer;
  /*background-color: #fff;*/
}

select::-ms-expand {
  display: none;
}

input[type="radio"], label {
    cursor: pointer;
}

.responsibWrap {
    min-width: 1280px;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
}



.clear {
    clear: both;
}

.center{
    text-align: center;
}
.left{float: left;}
.right{float:right;}
.tCenter {text-align:center !important;}
.tLeft   {text-align:left !important;}
.tRight  {text-align:right !important;}

/*******************************************************/
/*spinner*/
.ui-spinner-button {
    position: absolute;
}

a.ui-spinner-button:hover {
    cursor: pointer;
    text-decoration: none;
}

/*******************************************************/
/*header*/
header {
    font-size: 10.56px;
    min-width: 1280px;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/*testWrap*/
.testWrap {
    position: absolute;
    z-index: 10000;
    width: 1280px;
    opacity: 0.5;
    right: 0;
}

header .testWrap {
    position: absolute;
    z-index: 10000;
    width: 1280px;
    opacity: 0.5;

	/*margin-top: -10px;*/
}

.popWrap, #areaSelectWrap, #areaSearchWrap, #dateSelectWrap, #addCartWrap {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    /*z-index: 10000;*/
    z-index: 20000;
    background-color: #3E3A39;
    opacity: 0.9;
}

.headerBox{
	background-color: white;
    position: fixed;
    border-bottom: solid 1px yellow;
    z-index: 500;
    height:54px;
    width: 100%;
}

.headerLeft {
    float: left;
    /*width: 251px;*/
    width: 451px;
    overflow: hidden;
    /*margin: 0px 0px 0px 17px;*/
	padding: 0px 0px 0px 0px;
    background-color: white;
    position: fixed;
    border-bottom: solid 1px yellow;
    height: 54px;
    z-index: 500;
}

.headerLeftLogo {
    float: left;
    width:  183px;
}

.headerCatering {
    float: left;
    width: 150px;
    height: 54px;
    margin: 0 0 0 0px;
    padding-top: 10px;
    /*background-image: url('/img/new/headerCateringButtonOff_past01.png');*/
    background-image: url('/img/new/headerCateringBannerShort.jpg');
    background-size: auto 83%;
    background-repeat: no-repeat;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    outline: none;
    text-shadow: 1px 1px 0 orangered;
    border: 1px solid darkorange;
}
.headerCatering.on {
    /*background-image: url('/img/new/headerCateringButtonOn_past01.png');*/
    font-weight: bold;
    font-size: 16px;
}

.headerCatering:hover {
    text-decoration: none;
}

.headerBentoBanner {
    float: left;
    width: 150px;
    height: 54px;
    margin: 0 0 0 0px;
    padding-top: 10px;
    /*background-image: url('/img/new/headerCateringButtonOff_past01.png');*/
    background-image: url('/img/new/headerBentoBannerShort.png');
    background-size: auto 83%;
    background-repeat: no-repeat;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    outline: none;
    text-shadow: 1px 1px 0 orangered;
    border: 1px solid darkorange;
}
.headerBentoBanner.on {
    /*background-image: url('/img/new/headerCateringButtonOn_past01.png');*/
    font-weight: bold;
    font-size: 16px;
}

.headerBentoBanner:hover {
    text-decoration: none;
}


#hR {
    /*position: absolute;*/
    position: fixed;
    background-color: white;
    z-index: 500;
    border-bottom: solid 1px yellow;

    right: 0px;
    width: 894px;
    margin: 0px 0px 0 0;
    overflow: hidden;
}

.headerLinkBox {
    float: left;
    width: 56px;
    margin-top: 18px;
    padding-right:10px;
    font-size: 9px;
    font-weight: bold;
    text-align: left;
}


.headerLinkBox a {
    margin-left: 25px;
    letter-spacing: -0.08em;
}


.headerCart {
    float: right;
    overflow: hidden;
    width: 837px;
    position: relative;
    z-index: 1000;
}

.headerPlan{
	height: 54px;
	width:70px;
	float: left;
	position: relative;
}

.headerOrderFAQ{
	height: 54px;
	width:70px;
	float: left;
	position: relative;
}

.headerCartCatalog {
    width: 81px;
    height: 54px;
    float: left;
    position: relative;
}

.headerCartCatalog img {
   width:81px;
   height:54px;
}

.headerCartAgent {
    width: 72px;
    height: 54px;
    float: left;
    position: relative;
}

.headerCartAgent img {
    height: 54px;
    width: 72px;
 }
.headerCartAgent:hover {
    cursor: pointer;
}

.headerLogout {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 40px;
}

#headerCartButton {
    width: 81px;
    height: 54px;
    float: right;
    background-image: url('/img/new/headerCartButton_x2.png');
    background-size: 72px 48px;
    background-repeat: no-repeat;
    background-color: #FFA726;
}

#headerCartButton:hover {
    cursor: pointer;
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}


.headerCartButtonNumber {
    font-size: 9.8px;
    font-weight: bold;
    margin: 19px 0 0 16px;
    text-align: center;
    width: 40px;
}

.headerSearchBox {
    float: right;
    width: 386px;
    height: 36px;
    margin-right: 9px;
    margin-top: 9px;
    background-image: url("/img/new/serchForm.png?1");
    background-size: 376px 34px;
    background-repeat: no-repeat;
    position: relative;
}

.headerSearchBox input {
    margin-left: 46px;
    margin-top: 1px;
    padding: 5px;
    width: 264px;
    height: 22px;
}

.headerSearchButton {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 32px;
}

.headerSearchButton:hover {
    cursor: pointer;
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.headerContactBox {
    float: right;
    margin-top: 22px;
}

.headerContactBox img {
    width: 185px;
}

/*******************************************************/
/*lSelB*/
.lSelB {
    display: none;
    width: 481px;
    height: 248px;
    position: fixed;
    top: 50%;
    margin-top: -118px;
    left: 50%;
    margin-left: -240.5px;
    background-color: #fff;
    z-index: 100000;
    font-size: 12.7px;
}

@media screen and (max-width: 640px) {
    .lSelB {
        position: absolute;
        top: 96px;
        left: 898px;
        margin-top: 0px;
    }
}

.loginPopTop {
    width: 74px;
    position: absolute;
    top: -53px;
    left: 50%;
    margin-left: -37px;
}

.loginPopBottom {
    width: 213px;
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -106.5px;
    cursor: pointer;
}

.loginPopBottomLink {
    width: 213px;
    position: absolute;
    left: 50%;
    bottom: -76px;
    color: white;
    margin-left: -80px;
    cursor: pointer;
}

a.loginPopBottomLink:hover {
    text-decoration: none;
    color: white;
    opacity: 1.0;
    transition-duration: 0.0s;
    transition-timing-function: none;
}


.lSelBContentsBox {
    padding: 30px 17px 32px 16px;
    position: relative;
}

.lSelId {
    overflow: hidden;
}

.lSelIdTitle {
    float: left;
    width: 100px;
    margin-top: 20px;
    letter-spacing: 0.01em;
}

input.lSelIdContent {
    float: right;
    width: 315px;
    height: 50px;
    padding-left: 13px;
    border: 1px solid #3e3a39;
    font-size: 20px;
    /*overflow: hidden;*/
}

.lSelPass {
    overflow: hidden;
    margin-top: 18px;
}

.lSelPassTitle {
    float: left;
    width: 100px;
    margin-top: 20px;
    letter-spacing: 0.01em;
}

input.lSelPassContent {
    float: right;
    width: 315px;
    height: 50px;
    padding-left: 13px;
    border: 1px solid #3e3a39;
    font-size: 20px;
    /*overflow: hidden;*/
}

.lSelBBArea {
    height: 65px;
    overflow: hidden;
    text-align: center;
}

.lSelBBAreaLeft {
    float: left;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 240px;
    background-color: #a3a3a4;
    letter-spacing: -0.02em;
}

.lSelBBAreaLeft span {
    vertical-align: middle;
    display: table-cell;
}

.lSelBBAreaRight {
    float: right;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 241px;
    font-size: 15.24px;
    font-weight: bold;
    background-color: #ffa726;
    letter-spacing: -0.02em;
}

.lSelBBAreaRight span {
    vertical-align: middle;
    display: table-cell;
}

.lSelBBAreaLeft:hover, .lSelBBAreaRight:hover {
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    cursor: pointer;
}

.loginPopEB {
    position: absolute;
    bottom: 8px;
    right: 0px;
    width: 481px;
    text-align: center;
}

/*******************************************************/
/*addressPop*/
.aPB {
    display: none;
    width: 481px;
    height: 179px;
    position: fixed;
    top: 50%;
    margin-top: -66px;
    left: 50%;
    margin-left: -240.5px;
    background-color: #fff;
    z-index: 100000;
    font-size: 12.7px;
}

@media screen and (max-width: 640px) {
    .aPB {
        position: absolute;
        top: 97px;
        left: 892px;
        margin-top: 0px;
    }
}

.aPTop {
    width: 338px;
    position: absolute;
    top: -53px;
    left: 50%;
    margin-left: -169px;
    letter-spacing: -0.01em;
}

.aPBContentsBox {
    padding: 30px 17px 32px 16px;
    position: relative;
}

.aPId {
    overflow: hidden;
}

.aPIdTitle {
    float: left;
    width: 100px;
    margin-top: 20px;
    letter-spacing: 0.01em;
}

input.aPIdContent {
    float: right;
    width: 315px;
    height: 50px;
    padding-left: 13px;
    border: 1px solid #3e3a39;
    font-size: 20px;
    /*overflow: hidden;*/
}

.aPBBArea {
    height: 65px;
    overflow: hidden;
    text-align: center;
}

.aPBBAreaLeft {
    float: left;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 240px;
    background-color: #a3a3a4;
    letter-spacing: -0.02em;
}

.aPBBAreaLeft span {
    vertical-align: middle;
    display: table-cell;
}

.aPBBAreaRight {
    float: right;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 241px;;
    font-size: 15.24px;
    font-weight: bold;
    background-color: #ffa726;
    letter-spacing: -0.02em;
}

.aPBBAreaRight span {
    vertical-align: middle;
    display: table-cell;
}

.aPBBAreaLeft:hover, .aPBBAreaRight:hover {
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    cursor: pointer;
}

.aPEB {
    position: absolute;
    bottom: 8px;
    right: 0px;
    width: 481px;
    text-align: center;
}

.aPSB {
    position: absolute;
    bottom: 8px;
    right: 0px;
    width: 481px;
    text-align: center;
}

/*******************************************************/
/*addCarBox*/
.addCartBox {
    display: none;
    width: 320px;
    height: 360px;
    position: fixed;
    top: 50%;
    margin-top: -160px;
    left: 50%;
    margin-left: -180px;
    background-color: #fff;
    z-index: 100000;
    font-size: 12.7px;
}

/*@media screen and (max-width: 640px) {*/
    /*.addCartBox {*/
        /*position: absolute;*/
        /*top: 96px;*/
        /*left: 898px;*/
        /*margin-top: 0px;*/
    /*}*/
/*}*/

.addCartCancel {
    float: right;
    width: 14px;
    margin: 13px;
    cursor: pointer;
}

.addCartText {
    margin: 86px 0 15px;
    text-align: center;
}

.addCartImage {
    margin: 0 auto 30px;
    width: 44px;
}

#addCartDecide {
    width: 80%;
    margin: 0 auto;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18.18px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    background-color: #f53b46;
    padding: 14px 0 18px;
    letter-spacing: -0.01em;
    position: relative;
    cursor: pointer;
}

.addCartDecideIcon {
    position: absolute;
    right: 10px;
    top: 15px;
}

.addCartCancelText {
    text-align: center;
    font-size: 13.1px;
    font-weight: bold;
    margin: 78px auto 0;
    cursor: pointer;
}

/*******************************************************/
/*container*/
#container {
    width: 1280px;
    margin: 0 auto;
}

#container:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.containerResponsibWrap {
    position: absolute;
    width: 100%;
    top: 48px;
    min-width: 1280px;
}

.containerTop {
    background-color: #FFE300;
    border-bottom: 2px solid #FFD247;
    height: 99px;
    overflow: hidden;
}



/*******************************************************/
/*hooter*/
footer {
    width: 100%;
    height: 101px;
    min-width: 1280px;
    background-color: #FFE300;

    margin-top: 200px;
}

.footerWrap {
    width: 1280px;
    margin: 0 auto;
    padding: 0px 0;
    position: relative;
}

.footerMainBox {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    padding-top: 23px;
    margin: 0px 0 22px;
    line-height: 140%;
}

.footerMainBox a {
    padding: 0 10px;
}

.footerSubBox {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.footerSubBox a {
    padding: 0 10px;
}

.footerCopyright {
    font-size: 9px;
    position: absolute;
    left: 20px;
    bottom: 0px;
    letter-spacing: -0.06em;

}

/*guest*/
html.guest, body.guest {
    height: 100%;
}

footer.guest {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    z-index: 1000;
}
/*******************************************************/
/* static */

.containtsBody {
  width: 895px;
  margin: 65px auto;
}
.containtsBodyWide {
  width: 950px;
  margin: 65px auto;
}
.containtsBodyWideMailComp {
  width: 950px;
  margin: 145px auto 0;
  text-align:center;
  line-height: 180%;
}
h2.headline {
    text-align: center;
    font-size : 25px;
    margin: 40px auto;
}
h3.headline {
    font-size : 20px;
    margin    : 10px 0 25px;
}
p.discription{
    font-size: 21px;
    line-height: 32px;
    letter-spacing: 0px;
    margin-bottom:  8px;
}
.discBox{
    padding-bottom:46px;
}
.discBoxCenter{
    margin: 0 auto;
    width:780px;
    padding-bottom:46px;
}

.discBoxCenterOrder{
	margin-bottom:20px;
	height:230px;
}

.discBoxCenterOrderMaxWidth{
	margin-bottom:20px;
}

.discBoxCenterOrder img{
	float:left;
	width:40%;
	margin-right: 20px;
}

.discBoxCenterOrderMaxWidth img.maxWidth{
	width:100%;
	margin-bottom: 10px;
}

.delivery001{
    background-image: url("/img/new/delivery001.png");
    background-repeat: no-repeat;
    background-position: 552px 18px;
}
.delivery002{
    background-image: url("/img/new/delivery002.png");
    background-repeat: no-repeat;
    background-position: 600px 5px;
}
.delivery003{
    background-image: url("/img/new/delivery003.png");
    background-repeat: no-repeat;
    background-position: 550px 80px;
}
sup.notes{
    font-size:10px;
}
.smalltxt{
    letter-spacing: -1.3px;
}
.linedashTable td.alottxt{
    padding-top: 20px  ;
    padding-bottom: 20px;
    }
.linedashTable{
    width:100%;
    border-collapse: collapse;
    margin-top: 35px;
    margin-bottom:25px;
}
.linedashTable th,
.linedashTable td
{
    font-size: 19px;
    border-top: solid 2px #b7b8b9;
    border-bottom: solid 2px #b7b8b9;
    height:94px;
    padding:2px 0 2px 7px;
}
.linedashTable th{
    font-weight:bold;
    text-align:left;
    line-height: 30px;
    width :16%;
}
.linedashTable th div{
    border-right:solid 1px #b7b8b9;
    height: 1.4em;
    padding: 1em 0;
}
.linedashTable td{
    line-height: 30px;
    padding-left:20px;
}

/* ------------------------------------------------------------------*/
.tblGrayLight,
.tblYellowLight,
.tblWhite{
    margin-bottom: 40px;
    border-collapse: collapse;
}
.tblGrayLight{
   background-color   : #e6e6e6;
}
.tblYellowLight{
   background-color   : #ffe33f;
   width: 90%;
	margin: 0 auto;
}
.tblGrayLight th,
.tblGrayLight td {
    background-color   : #e6e6e6;
}

.tblWhite{
    background-color   : #FFF;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

.tblWhite input[type=text].disabled{
    border: none;
}

.tblGrayLight .errorBox{
    line-height: 150%;
}

.tblGrayLight th,.tblGrayLight td ,
.tblYellowLight th,.tblYellowLight td ,
.tblWhite th,.tblWhite td{
    height: 92px;
    margin-bottom: 50px;
    padding: 10px 25px;
    border-bottom: 1px solid #c2c2c2;
    text-align: left;
    font-size: 16px;
}
.tblGrayLight tr:last-child th,
.tblGrayLight tr:last-child td,
.tblWhite tr:last-child th,
.tblWhite tr:last-child td{
    border-bottom: 0px;
}

.tblGrayLight input[type=text],
.tblGrayLight input[type=email],
.tblYellowLight input[type=text],
.tblYellowLight input[type=email],
.tblWhite input[type=text],
.tblWhite input[type=email]{
  height: 54px;
  padding: 0px 20px;
  border: 1px solid #eee;
  vertical-align: middle;
  background: #FFF;
}
.tblGrayLight textarea,
.tblYellowLight textarea,
.tblWhite textarea{
    margin:10px 0 0;
    padding: 10px 20px;
    border: 1px solid #eee;
    vertical-align: middle;
    background: #FFF;
}
.tblGrayLight select ,
.tblYellowLight select ,
.tblWhite select {
  height: 70px;
  padding: 5px 0px 5px 15px;
  font-size: 22px;
  color: #717071;
  background-color: #FFF;
}
.select02.select_style {
  width: 238px;
  height: 52px;
  background-image: url("/img/new/arrow_select_02.png");
  background-position: 205px 16px;
  background-repeat:  no-repeat;
  background-color: #FFF;
}

.request {
  float: right;
  width: 32px;
  height: 10px;
  text-align: center;
  font-size: 10px;
  line-height: 100%;
  color: #3f3d3c;
  padding: 5px 5px;
  background: #ccc;
}
.request.active {
  color: #FFF;
  background: #F00;
}
/*******************************************************/
.select03.select_style {
  width: 180px;
  height: 52px;
  background-image: url("/img/new/arrow_select_02.png");
  background-position: 150px 10px;
  background-repeat:  no-repeat;
  background-color: #FFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
/*  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
  border: 1px solid #CCC;
}

.W40{
    width: 43px !important;
}
.W40.select_style {
    background-position: 43px 10px;
}

.W50{
    width: 53px !important;
}
.W50.select_style {
    background-position: 53px 10px;
}

.W60{
    width: 63px !important;
}
.W60.select_style {
    background-position: 63px 10px;
}

.W400{
    width: 400px !important;
}
.W400.select_style {
    background-position:  360px 10px;

}
.W600{
    width: 600px !important;
}
.W600.select_style {
    background-position: 566px 10px;
}

/* ------------------------------------------------------------------*/
.linedashTableOrder{
    width:100%;
    border-collapse: collapse;
    margin-top: 35px;
    margin-bottom:25px;
}

.linedashTableOrder.base {
    line-height: 2em;
}

.linedashTableOrder.leftColumn {
     line-height: 240%;
}

.linedashTableOrder th,
.linedashTableOrder td
{
    font-size: 11px;
    border-top: solid 1px #b7b8b9;
    border-bottom: solid 1px #b7b8b9;
    height:65px;
    padding-left:7px;
}
.linedashTableOrder th{
    width: 32%;
    font-size: 11px;
    font-weight:bold;
    text-align:left;
    line-height: 30px;
}
.linedashTableOrder th.heightx2,
.linedashTableOrder td.heightx2{
    height:131px;
}

.linedashTableOrder th.height_2,
.linedashTableOrder td.height_2
{
    font-size: 11px;
    height:45px;
    padding-left:3px;
}

.vBorderLeft{
    border-left:solid 1px #b7b8b9;
    padding-left:1em;
}

.vBorderLeft.status{
    padding-left: 9px;
    width: 194px;
}

.vBorderLeft2hight{
    border-left:solid 1px #b7b8b9;
    padding-left:1em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.linedashTableOrder td{
    padding-left:20px;
}

.textSmall{
    font-size:12px;
}
.btn-catalog{
    margin:10px 0;
    padding:15px 30px;
    color:white;
    background:#ffa726;
    font-size:13px;
    font-weight:bold;
    text-decoration: none !important;
}
.btn-submit{
    min-width:320px;
    margin: 10px 0;
    padding: 25px 10px;
    color: white;
    background: #ffa726;
    font-size: 20px;
    font-weight: bold;
    letter-spacing:1px;
    text-decoration: none !important;
}
.btn-editOrder,
.btn-sameOrder  {
  padding: 5px 35px;
  color: white;
  background: #999;
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none !important;
}
.head_discription{
    margin-bottom: 40px;
    font-size: 20px !important;
    line-height: 24px;
    text-align: center;
}
.head_selector{
    margin-bottom: 30px !important;
    font-size: 18px !important;
    line-height: 20px;
    text-align: center;
}
.bentoName{
    font-size:12px;
    font-weight:bold;
    overflow: hidden;
    word-wrap: break-word;
}
.bentoNumber{
    font-size:12px;
    font-weight:bold;
}
.bentoPrice{
    font-size:12px;
    font-weight:bold;
}
#OrderTableLeftSide{
    /*border-right: solid 1px #b7b8b9;*/
 }
#OrderTableRightSide{
    border-left: solid 1px #b7b8b9;
    /*table-layout : fixed;*/
 }

#OrderTableRightSide .thumbnail img{
    height: 63px;
}

#txtOrderDate{
    font-size: 18px;
    font-weight:bold;
}
#txtOrderNumber{
    font-size: 18px;
    font-weight:bold;
}
#txtOrderAddress{
    font-size: 18px;
    font-weight:bold;
}

#txtOrderAddress {
    font-size:15px;
    font-weight:bold;
}
#txtOrderCompany {
    font-size:15px;
    font-weight:bold;
}
#txtOrderName {
    font-size:15px;
    font-weight:bold;
}
#txtOrderTel{
    font-size:15px;
    font-weight:bold;
}
#txtOrderPrice{
    font-size:15px;
    font-weight:bold;
}
#txtOrderMail{
    font-size:15px;
    font-weight:bold;
}

/*------------------------------------------------------------------*/
#policy h3.headline {
    font-size : 14px;
    margin    : 10px 0 11px;
}
#policy p.discription{
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0px;
    margin-bottom:  2px;
}
#policy .discBox{
    padding-bottom:25px;
}
/*------------------------------------------------------------------*/

/*dateSelectBox*/
.serchBoxDate {
    float: left;
    /*overflow: hidden;*/
}

.serchBoxDateLeft {
    float: left;
    width: 85px;
    margin: 0px 18px 0 16px;
}

.serchBoxDateRight {
    float: right;
    position: relative;
}

#openDateBox:hover {
    opacity: 0.9;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    cursor: pointer;
}

.serchBoxDateRight .selectDateNow {
    width: 254px;
    /*height: 58px;*/
    padding: 23px 47px 23px 20px;
/*    padding-left: 20px;*/
    font-size: 15.44px;
    float: right;
    font-weight: bold;
    background-image: url('/img/new/containerTopDateSelect_x2.png');
    background-size: 320px 59px;
    background-repeat: no-repeat;
}

.serchBoxDateLeft img {
    width: 85px;
    padding: 0 4px;
}

.serchBoxDateLeftText {
    text-align: center;
    font-size: 9px;
    margin-top: 6px;
    letter-spacing: -0.05em;
}



/*guest*/
/*******************************************************/
/*areaSelectBox*/
/*******************************************************/
.areaTestWrap {
    position: fixed;
    z-index: 1000;
    top: 175px;
    right: 100px;
}

#openAreaBox:hover {
    opacity: 0.9;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    cursor: pointer;
}

.areaSelectBox {
    display: none;
    width: 481px;
    height: 248px;
    position: fixed;
    top: 50%;
    margin-top: -98px;
    left: 50%;
    margin-left: -240.5px;
    background-color: #fff;
    z-index: 100000;
    font-size: 12.7px;
}

@media screen and (max-width: 1024px) {
    .areaSelectBox {
        top: 0px;
        margin-top: 72px;
    }
}

@media screen and (max-width: 640px) {
    .areaSelectBox {
        position: absolute;
        top: 236px;
        margin-top: 0px;
    }
}

.areaSelectTop {
    width: 388px;
    position: absolute;
    top: -59px;
    left: 50%;
    margin-left: -205px;
}

.areaSelectBoxContentsBox {
    padding: 30px 17px 32px 16px;
}

.areaSelectWide,
.areaSelectTenantWide {
    overflow: hidden;
}

.areaSelectWideTitle {
    float: left;
    width: 100px;
    margin-top: 20px;
    letter-spacing: 0.01em;
}

.areaSelectWideContent {
    float: right;
    width: 328px;
    border: 1px solid #3e3a39;
    /*overflow: hidden;*/
}

.areaSelectWideContentText {
    float: left;
    width: 160px;
    margin-top: 19px;
    margin-left: 13px;
    letter-spacing: 0.01em;
}

.areaSelectWideContentInput {
    float: right;
    width: 142px;
    height: 34px;
    margin: 7px 8px 9px 0;
    background-image: url('/img/new/areaSelectBackground.png');
    background-size: 142px;
    background-repeat: no-repeat;
}

.areaSelectWideContentInput select {
    background-color: transparent;
    padding: 8px 29px 8px 8px;
    width: 105px;
    letter-spacing: 0.2em;
}

.areaSelectNarrow {
    overflow: hidden;
    margin-top: 18px;
}

.areaSelectNarrowTitle {
    float: left;
    width: 100px;
    margin-top: 20px;
    letter-spacing: 0.01em;
}

.areaSelectNarrowContent {
    float: right;
    width: 328px;
    border: 1px solid #3e3a39;
    /*overflow: hidden;*/
}

.areaSelectNarrowContentText {
    float: left;
    width: 160px;
    margin-top: 19px;
    margin-left: 13px;
    letter-spacing: 0.01em;
}

.areaSelectNarrowContentInput {
    float: right;
    width: 142px;
    height: 34px;
    margin: 7px 8px 9px 0;
    background-image: url('/img/new/areaSelectBackground.png');
    background-size: 142px;
    background-repeat: no-repeat;
}

.areaSelectNarrowContentInput select {
    background-color: transparent;
    padding: 8px 29px 8px 8px;
    width: 105px;
    letter-spacing: 0.2em;
}

#areaSelectNarrow option {
    /*display: none;*/
}

.areaSelectBoxBottomArea {
    height: 65px;
    overflow: hidden;
    text-align: center;
}

.areaSelectBoxBottomAreaLeft {
    float: left;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 240px;
    background-color: #a3a3a4;
    letter-spacing: -0.02em;
}

.areaSelectBoxBottomAreaLeft span {
    vertical-align: middle;
    display: table-cell;
}

.areaSelectBoxBottomAreaRight {
    float: right;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 241px;
    font-size: 15.24px;
    font-weight: bold;
    background-color: #ffa726;
    letter-spacing: -0.02em;
}

.areaSelectBoxBottomAreaRight span {
    vertical-align: middle;
    display: table-cell;
}

.areaSelectBoxBottomAreaLeft:hover, .areaSelectBoxBottomAreaRight:hover {
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    cursor: pointer;
}

/*******************************************************/
/*dateSelectBox*/
/*******************************************************/
.dateSelectBox {
    display: none;
    width: 504px;
    height: 602px;
    position: fixed;
    top: 50%;
    margin-top: -265px;
    left: 50%;
    margin-left: -208px;
    background-color: #fff;
    z-index: 100000;
    font-size: 12.7px;
}

@media screen and (max-width: 1024px) {
    .dateSelectBox {
        zoom: 0.8;
        top: 0px;
        margin-top: 100px;
    }
}

@media screen and (max-width: 640px) {
    .dateSelectBox {
        position: absolute;
        top: 236px;
        margin-top: 0px;
    }
}

.dateSelectTop {
    width: 345px;
    position: absolute;
    top: -72px;
    left: 50%;
    margin-left: -170px;
}

.dateSelectBoxSelector {
    overflow: hidden;
}

.dateSelectLeft {
    float: left;
    width: 221px;
    height: 472px;
}

.dateSelectLeftTitle {
    padding: 13px 0 12px;
    text-align: center;
    background-color: #ddd;
    /*border-bottom: 1px solid #ccc;*/
}

#datepicker {
    /*display: none;*/
}

.ui-state-active {
    background: #ffa726;
}

.ui-datepicker {
    width: 221px;
    text-align: center;
    background: #fff;
    margin: 0 0 10px 0;
}

#ui-datepicker-div.ui-datepicker {
    margin: 0px;
}

.ui-datepicker a {
    color: #ffa726;
}
.ui-datepicker-calendar {
    width: 203px;
    margin: 0 auto;
}
.ui-datepicker-group {
    margin: 0 0 10px 0;
    background: #48C2C2;
}
.ui-datepicker-header {
    font-size: 16.82px;
    color: #fff;
    padding: 26px 32px 8px;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}

.ui-datepicker-calendar thead th {
    width: 10px;
    color: #3E3A39;
    font-weight: normal;
    padding:0px;
    font-size: 7.98px;
}

.ui-datepicker-calendar th,.ui-datepicker-calendar td {
    font-size: 17.1px;
    color: #378F8F;
    text-align: center;
    height: 30px;
}

.ui-datepicker-calendar td span {
    display: block;
    padding:0px;
}

.ui-datepicker-calendar td a {
    color: #3E3A39;
    display: block;
    padding: 6px 0;
}

.ui-datepicker-calendar td a.ui-state-active {
    color: #fff;
}

.ui-datepicker-calendar tbody {
    margin-top: 10px;
}

.ui-datepicker-title {
    margin: 0 auto;
    width: 105px;
    color: #ffa726;
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
}


/*center*/
.dateSelectCenter {
    float: left;
    width: 176px;
    height: 472px;
    border-left: 7px solid #8D8D8E;
}

.dateSelectCenterTitle {
    padding: 13px 0 12px;
    text-align: center;
    background-color: #DDDDDE;
    /*border-bottom: 1px solid #B7B8B9;*/
}

.dSelCenConButton {
    padding: 11px 0 10px;
    height: 11.4px;
    text-align: center;
    border-bottom: 1px solid #B7B8B9;
    border-right: 1px solid #B7B8B9;
    width: 49.2%;
    float: left;
}

.dSelCenConButton:first-child {
    /*border: none;*/
}

.dSelCenConButton:hover {
    background-color: #FFA726;
/*    opacity: 0.8;
    transition-duration: 0.4s;
    transition-timing-function: ease;*/
    cursor: pointer;
}

.dSelCenConButton.on {
    background-color: #FFA726;
    /*opacity: 0.8;*/
  /*  transition-duration: 0.4s;
    transition-timing-function: ease;*/
}

/*right*/
.dateSelectRight {
    float: right;
    width: 93px;
    height: 472px;
    border-left: 7px solid #8D8D8E;
}

.dateSelectRightTitle {
    padding: 13px 0 12px;
    text-align: center;
    background-color: #DDDDDE;
    /*border-bottom: 1px solid #B7B8B9;*/
}

.dSelRConButton {
    padding: 46.7px 0;
    height: 14px;
    text-align: center;
    border-top: 1px solid #B7B8B9;
}

.dSelRConButton:first-child {
    border: none;
}

.dSelRConButton:hover {
    background-color: #FFA726;
/*    opacity: 0.8;
    transition-duration: 0.4s;
    transition-timing-function: ease;*/
    cursor: pointer;
}

.dSelRConButton.on {
    background-color: #FFA726;
/*    opacity: 0.8;
    transition-duration: 0.4s;
    transition-timing-function: ease;*/
}


/*bottom*/
.dateSelectDeliveryTime {
    padding-top: 25px;
    font-size: 19px;
    height: 40px;
    text-align: center;
    background-color: #ffe6c1;
    letter-spacing: -0.02em;
}

.dateBoxBottomArea {
    height: 65px;
    overflow: hidden;
    text-align: center;
}

.dateSelectBoxBottomAreaLeft {
    float: left;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 50%;
    background-color: #a3a3a4;
    letter-spacing: -0.02em;
}

.dateSelectBoxBottomAreaLeft span {
    vertical-align: middle;
    display: table-cell;
}

.dateSelectBoxBottomAreaRight {
    float: right;
    height: 65px;
    display: table;
    line-height: 1em;
    width: 50%;
    font-size: 15.24px;
    font-weight: bold;
    background-color: #ffa726;
    letter-spacing: -0.02em;
}

.dateSelectBoxBottomAreaRight span {
    vertical-align: middle;
    display: table-cell;
}

.dateSelectBoxBottomAreaLeft:hover,
.dateSelectBoxBottomAreaRight:hover {
    opacity: 0.8;
    transition-duration: 0.7s;
    transition-timing-function: ease;
    cursor: pointer;
}

/*-------------------------------------------------------------*/
.bgPopup.Black {
  background: #000;
  opacity: 0.6;
}
.bgPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 888;
  display: none;
}


.popupWrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -413px;
  margin-top: -301px;
  width: 826px;
  height: 602px;
  z-index: 999;
  display: none;
}

@media screen and (max-width: 826px) {
    .popupWrapper {
        position: absolute;
        top: 0px;
        margin-top: 0px;
    }
}

.popupWrapper .content.orderList {
  width: 880px;
  background: #FFF;
}
.popupWrapper .content {
  width: 828px;
  margin: 0px auto;
}

.formFooter{
      width: 590px;
    margin: 0 auto;
    overflow: hidden;
}

.formFooter .btn-dual a{
  width: 220px;
  padding: 30px;
  text-align: center;
  font-size: 16px;
  float: left;
}

.none{
    display:none;
}
.display{
    display:block;
}

.bgOrange{
    background-color: #ffa726;
}

.bgGrayLight{
    background-color: lightgrey;
}

.bgYellowDark{
    background-color: orange;
}

.head_title{
    padding:20px 0;
    font-size:17px;
}
#passwordReset .formFooter{
    width:345px;
}

/***************************/
.errorBox{
	color:red;
}

.erB{
	color:red;
}

.contentsBreadList{
	font-weight:bold;
	font-size:12px;
	color:#9E9E9F;
	width: 956px;
    margin: 0 auto;
    padding-top: 123px;
}

.contentsBreadList li.contentsBreadListTop{
	display:none;
}
.contentsBreadList li.contentsBreadListItem:before{
	content: "　>　";
}
.contentsBreadList li.contentsBreadListItem{
	display:inline;
}
.contentsBreadList li.contentsBreadListItem:first-child:before{
	content: "";
}
.contentsBreadList a{
	font-weight:bold;
	font-size:12px;
	color:#9E9E9F;
	text-decoration:underline;
}

.contentsBreadListIndex{
	font-weight:bold;
	font-size:12px;
	color:#9E9E9F;
	width: 956px;
    margin: 18px auto;
}

.contentsBreadListIndex li.contentsBreadListTop{
	display:none;
}
.contentsBreadListIndex li.contentsBreadListItem:before{
	content: "　>　";
}
.contentsBreadListIndex li.contentsBreadListItem{
	display:inline;
}
.contentsBreadListIndex li.contentsBreadListItem:first-child:before{
	content: "";
}
.contentsBreadListIndex a{
	font-weight:bold;
	font-size:12px;
	color:#9E9E9F;
	text-decoration:underline;
}

/*-------------------------------------------------------------*/
/*FAQ*/
.FAQ .contentsHeader {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3E3A39;
    margin: 56px 0 0;
}
.FAQ .contentsHeader a {
    padding: 10px;
    margin: 0 10px;
    cursor: pointer;
}

.FAQ .contentsHeader .anchor {
    font-size: 12px;
}

.FAQ .containtsBody {
    width: 1088px;
    margin: 86px auto;
}
.FAQ .containtsBody#order {
    margin: 54px auto;
}

.FAQ .containtsBody h1 {
    color: #9E9E9F;
    font-size: 22px;
    border-bottom: solid 1px #9E9E9F;
    padding: 10px 0 18px;
    letter-spacing: 0.1em;
    margin-bottom: 40px;
}

.FAQ .discBox {
    margin: 38px 8px 0;
    padding: 0;
}

.FAQ .discBox h3 {
    font-size: 19px;
    letter-spacing: 0.09em;
    margin: 10px 0 16px;
}

.FAQ .discBox p {
    font-size: 15px;
    margin: 0 30px;
    letter-spacing: 0.08em;
    line-height: 24px;
}

/*bizcalender*/
#main table table{
  border-top:1px solid #bbb;
  border-right:1px solid #bbb;
}
#main table table td{
  width:90px;
  border-bottom:1px solid #bbb;
  border-left:1px solid #bbb;
  padding:2px;
  text-align:center;
}
.calcell_0 {
  background-color: #f0f0f0;
}
.calcell_1 {
  background-color: #9fd4f5;
  font-weight: bold;
}
.calcell_2 {
  background-color: #faf9f4;
}
.calcell_3 {
  background-color: #caccd3;
}
.calcell_4 {
  background-color: #fed1c3;
}
.calcapsun,.calcapwk,.calcapsat{
  background:#fafafa;
  font-weight: bold;
}
.calcapsun{
  color: #c02e2e;
}
.calcapsat{
  color:#4c56bc;
}
.cHday{
  font-size:x-small;
}

.adminCap{
	color:#3399DD;


}


/*FAQPopup*/
#faqPopupBox {
    position: relative;
    top: 55px;
    left: 50%;
    display: none;
    width: 1024px;
    margin-left: -512px;
    margin-bottom: 50px;
    background-color: #ffe300;
    background-size: 100% auto;
    color: #231815;
    z-index: 100000;
}

.faqPopupTitle {
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#faqPopupCloseX {
    display: block;
    width: 69px;
    height: 66px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(/img/new/faqPopupCloseX.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

#faqPopupCloseX:hover {
    background-color: #dfc700;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.faqPopupHeader {
    width: 100%;
    line-height: 45px;
    font-size: 29px;
    font-weight: bold;
    letter-spacing: 0.12em;
}

.faqPopupHeader img {
    width: 144px;
    height: auto;
    float: left;
    margin-left: 295px;
    margin-right: 10px;
}

.fPF {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fPFLeft {
    width: 131px;
    height: 56px;
    margin: 0;
    padding: 0;
    float: left;
    background-image: url(/img/new/fPFLeft.png);
    background-size: auto 56px;
    background-position: right top;
    background-repeat: no-repeat;
}

.fPFCenter {
    width: 755px;
    height: 56px;
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
    background-image: url(/img/new/fPFCenter.png);
    background-size: auto 56px;
    background-position: left top;
    background-repeat: repeat-x;
    line-height: 55px;
    font-size: 20px;
    font-weight: bold;
    color: #231815;
    letter-spacing: 0.2em;
}

.fPFRight {
    width: 60px;
    height: 56px;
    margin: 0;
    padding: 0;
    float: left;
    background-image: url(/img/new/fPFRight.png);
    background-size: auto 56px;
    background-position: left top;
    background-repeat: no-repeat;
}

.fPFCenter img {
    display: inline-block;
    width: auto;
    height: 40px;
    margin: 7px 9px 0 9px;
    padding: 0;
    float: left;
}
.fPFCenter span {
    display: inline-block;
    float: left;
}

.fPFDesc {
    clear: both;
    display: block;
    width: 100%;
    height: 59px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 12.8px;
    letter-spacing: 0.15em;
}

/*Flag1*/
.fPF1 {
    margin: 58px 0 0 0;
}
.fPF1 .fPFCenter img {
    height: 72px;
    margin-top: -9px;
}
.fPF1 .fPFDesc span {
    display: block;
    padding-top: 17px;
    padding-left: 121px;
}

/*Flag2*/
.fPF2 {
    margin: 0;
}
.fPF2 .fPFCenter {
    width: 749px;
}
.fPF2 .fPFLeft {
    width: 59px;
}
.fPF2 .fPFDesc span {
    display: block;
    padding-top: 13px;
    padding-left: 310px;
}

/*Flag3*/
.fPF3 {
    margin: 0;
}
.fPF3 .fPFCenter {
    width: 754px;
}
.fPF3 .fPFLeft {
    width: 129px;
}
.fPF3 .fPFDesc {
    height: 61px;
}
.fPF3 .fPFDesc span {
    display: block;
    padding-top: 12px;
    padding-left: 134px;
}

/*Flag4*/
.fPF4 {
    margin: 0;
}
.fPF4 .fPFCenter {
    width: 547px;
}
.fPF4 .fPFLeft {
    width: 201px;
}
.fPF4 .fPFCenter img {
    margin-right: 0;
}
.fPF4 .fPFDesc span {
    display: block;
    padding-top: 13px;
    padding-left: 246px;
    letter-spacing: 0.18em;
}

/*Content Box*/
.fPCoBox {
    width: 100%;
    margin: 37px 0 0 0;
    padding: 0;
}

.fPCoTitle {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    text-align: left;
    overflow: hidden;
}
.fPCoTitle span {
    display: block;
    width: auto;
    height: 38px;
    margin: 0 0 0 407px;
    padding-left: 2px;
    line-height: 1.3;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0.11em;
    border-bottom: 3px solid #231815;
    float: left;
    overflow: hidden;
}

.fPCo {
    clear: both;
    padding-left: 125px;
    font-size: 14px;
    letter-spacing: 0.25em;
    line-height: 1.8;
    overflow: hidden;
}

.fPCoQuestion {
    font-weight: bold;
    font-size: 19.5px;
    letter-spacing: 0.2em;
}

/*商品の選び方*/
.fPCoGoods {
    width: 364px;
    margin: 23px 0 0 44px;
    padding: 0;
    background: #fff;
    float: left;
}
.fPCoGoods:first-child {
    margin-left: 0;
    width: 365px;
}

.fPCoGoodsHeader {
    clear: both;
    width: 255px;
    height: 51px;
    margin: 20px 0 0 55px;
    padding: 0;
    text-align: center;
    color: #FFF;
    font-size: 19px;
    font-weight: bold;
    background: #ffa726;
    border-radius: 51px;
    line-height: 55px;
}

.fPCoGoodsTitle {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.0;
    margin: 12px 0 0 0;
    padding: 0;
}

.fPCoGoodsDesc {
    margin-top: 21px;
    padding: 0 24px;
    font-size: 10px;
    text-align: center;
    letter-spacing: 0.13em;
}

.fPCoGoodsDetail {
    width: 328px;
    height: 142px;
    margin: 13px auto 18px auto;
    padding: 0;
    overflow: hidden;
}

.fPCoGoodsDetail2 {
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 18px;
    line-height: 1.0;
    padding: 8px 0 12px 0;
}

/*カンタンお見積りの作成方法*/
.fPCoBox2 {
    margin-top: 69px;
}
.fPCoBox2 .fPCoTitle span {
    height: 40px;
    margin-left: 288px;
}
.fPCoEst {
    margin-top: 32px;
    overflow: hidden;
}

.fPCoEstItem {
    width: 250px;
    margin: 0 0 0 27px;
    padding: 0;
    float: left;
}
.fPCoEstItem:first-child {
    margin-left: 0;
}
.fPCoEstItem:nth-child(3) {
    margin-left: 15px;
}

.fPCoEstItemTitle {
    height: 33px;
    margin: 0;
    padding: 0;
    line-height: 33px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.23em;
    overflow: hidden;
}

.fPCoEstItemTitle div {
    float: left;
    width: 33px;
    height: 33px;
    margin: 0 5px 0 0;
    padding: 0;
}

.fPCoEstItemDetail {
    width: 199px;
    margin: 9px 0 0 18px;
}

.fPCoEstItemDetailBtn {
    background: #f23a42 none repeat scroll 0 0;
    border-radius: 52px;
    color: #fff;
    cursor: default;
    font-size: 13px;
    font-weight: bold;
    height: 52px;
    letter-spacing: 0.01em;
    line-height: 52px;
    margin: 43px 0 0 13px;
    text-align: center;
    width: 208px;
}

/*お弁当・ケータリングが届くまで*/
.fPCoBox3 {
    margin-top: 60px;
}
.fPCoBox3 .fPCoTitle span {
    height: 41px;
    margin-left: 264px;
    font-size: 30px;
}

.fPCoBox3 .fPCo {
    height: 596px;
    overflow: hidden;
}

.fPCoCat {
    margin-top: 36px;
    margin-left: 38px;
    border: none;
}

.fPCoCat td {
    vertical-align: top;
    padding: 0 0 0 12px;
    border: none;
}

.fPCoCat tr td:first-child {
    width: 62px;
    height: 95px;
    padding-left: 0;
}
.fPCoCat tr:last-child td:first-child {
    height: auto;
}
.fPCoCat tr:nth-child(5) td:first-child {
    height: 80px;
}

.fPCoCatTitle {
    padding-top: 2px;
    font-size: 22px;
    font-weight: bold;
}

.fPCoCatDesc {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.15em;
    padding-top: 3px;
}

.fPCoCatLeft {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.fPCoCatMark {
    width: 2px;
    height: 100%;
    background: #231815;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: -1;
}

.fPCoCatNumber {
    width: 63px;
    height: 63px;
    margin: 0;
    padding: 0;
}

.fPCoCatNote {
    font-size: 8px;
    font-weight: bold;
    letter-spacing: 0.21em;
    padding-top: 5px;
    line-height: 1.8;
}

/*お料理の適量やサイズについて*/
.fPCoBox4 {
    margin-top: 0px;
}
.fPCoBox4 .fPCoTitle span {
    height: 42px;
    margin-left: 271px;
    font-size: 31px;
}

.fPCoBox4 .fPCo {
    height: 214px;
    font-weight: bold;
    font-size: 13.5px;
    line-height: 2.2;
    padding-left: 137px;
    padding-top: 0;
    margin-top: 29px;
}

/*よくある質問*/
.fPCoBox5 {
    margin-top: 0;
}
.fPCoBox5 .fPCoTitle span {
    height: 42px;
}
.fPCoBox5 .fPCo {
    height: 521px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 137px;
    padding-top: 0;
    margin-top: 26px;
}

/*Close Button*/
#faqPopupCloseBtn {
    clear: both;
    display: inline-block;
    width: 209px;
    height: 53px;
    margin: 0 0 52px 407px;
    padding: 0;
    background: #231815;
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 12.5px;
    cursor: pointer;
    border-radius: 52px;
}

#faqPopupCloseBtn:hover {
    background-color: #000;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

#faxPopBox {
    position: fixed;
    top: 55px;
    left: 50%;
    display: none;
    width: 1024px;
    margin-left: -512px;
    margin-bottom: 50px;
    background-color: white;
    background-size: 100% auto;
    color: #231815;
    z-index: 100000;
}

#faxPopCloseX {
    display: block;
    width: 69px;
    height: 66px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(/img/new/faqPopupCloseX.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

#faxPopCloseX:hover {
    background-color: #dfc700;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

#faxPopCloseBtn {
    clear: both;
    display: inline-block;
    width: 209px;
    height: 53px;
    margin: 0 0 52px 407px;
    padding: 0;
    background: #231815;
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 12.5px;
    cursor: pointer;
    border-radius: 52px;
}

#faxPopCloseBtn:hover {
    background-color: #000;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

#hPopBox {
    position: fixed;
    top: 55px;
    left: 50%;
    display: none;
    width: 1024px;
    margin-left: -512px;
    margin-bottom: 50px;
    background-color: white;
    background-size: 100% auto;
    color: #231815;
    z-index: 100000;
}

.hPopTitle {
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.hPH {
    width: 100%;
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin: 5px auto 10px auto;
    text-align:center;
}

#hPopCloseX {
    display: block;
    width: 69px;
    height: 66px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(/img/new/faqPopupCloseX.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

#hPopCloseX:hover {
    background-color: #dfc700;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}
#hPopCloseBtn {
    clear: both;
    display: inline-block;
    width: 209px;
    height: 53px;
    margin: 0 0 52px 407px;
    padding: 0;
    background: #231815;
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 12.5px;
    cursor: pointer;
    border-radius: 52px;
}

#hPopCloseBtn:hover {
    background-color: #000;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

#cPopBox {
    position: fixed;
    top: 255px;
    left: 50%;
    display: none;
    width: 1024px;
    margin-left: -512px;
    margin-bottom: 50px;
    background-color: white;
    background-size: 100% auto;
    color: #231815;
    z-index: 100000;
}

.cPopTitle {
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cPH {
   width: 100%;
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin: 5px auto 10px auto;
    text-align:center;
}

#cPopCloseX {
    display: block;
    width: 69px;
    height: 66px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(/img/new/faqPopupCloseX.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

#cPopCloseX:hover {
    background-color: #dfc700;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}
#cPopCloseBtn {
    clear: both;
    display: inline-block;
    width: 209px;
    height: 53px;
    margin: 0 0 52px 407px;
    padding: 0;
    background: #231815;
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 12.5px;
    cursor: pointer;
    border-radius: 52px;
}

#cPopCloseBtn:hover {
    background-color: #000;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

#oPopBox {
    position: fixed;
    top: 255px;
    left: 50%;
    display: none;
    width: 1024px;
    margin-left: -512px;
    margin-bottom: 50px;
    background-color: white;
    background-size: 100% auto;
    color: #231815;
    z-index: 100000;
}

.oPopTitle {
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.oPH {
    width: 100%;
    line-height: 45px;
    font-size: 29px;
    font-weight: bold;
    letter-spacing: 0.12em;
    margin: 10px auto;
    text-align:center;
}

#oPopCloseX {
    display: block;
    width: 69px;
    height: 66px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: url(/img/new/faqPopupCloseX.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

#oPopCloseX:hover {
    background-color: #dfc700;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}
#oPopCloseBtn {
    clear: both;
    display: inline-block;
    width: 209px;
    height: 53px;
    margin: 0 0 52px 407px;
    padding: 0;
    background: #231815;
    color: #FFF;
    text-align: center;
    line-height: 52px;
    font-size: 12.5px;
    cursor: pointer;
    border-radius: 52px;
}

#oPopCloseBtn:hover {
    background-color: #000;
    transition-duration: 0.7s;
    transition-timing-function: ease;
}

.labelTokyoEast{
	background-color:darkorange;
}

.labelTokyoWest{
	background-color:red;
}
.labelSaitama{
	background-color:DeepSkyBlue;
}
.labelTama{
	background-color:yellow;
	color:black !important;
}
.labelKanagawa{
	background-color:limegreen;
}
.labelOther{
	background-color:deeppink;
}

.tenantDeliveryAreaLabel{
	color:#FFF0D6;
}


/* News page */
#news .containtsBody{
    width: 650px;
}
#news h3.ttlSubHead,
#news .dateBox,
#news .discBox{
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.5em;
}
#news h3.ttlSubHead{
    font-size: 20px;    
    text-align: center;
}
#news .dateBox {
    text-align:right;
}
#news .discBox {

}
#news .discBox p{
    margin-bottom:1.8em;
}