/*
//  ★★ このモジュールはscssを利用しています。
//  ★★ cssを直接記述したい場合は、このスタイルシートに記述をしてください。
//
// == 目次（merge.css） ================================================
//
//  pageneme..................ページ名
//
// =============================================================================
/*

/* ------------------------------------
  ここにページ名を記載してください
------------------------------------ */

/* 見出し等を記載してください
------------------------------------ */

/* ------------------------------------
  Item Detail
------------------------------------ */
.shipping-info__addressee-select_btn {
    font-size: calc(10px + 1vw);
    color: #757575;
    border-radius: 0;
    border-bottom: 2px solid #A9DCE8;
    width: 100%;
    padding-top: 10px;
    text-indent: 1em;
    text-decoration: none;
}
/* ------------------------------------
  Menu Order
------------------------------------ */
.p-menu-order-contentbox .card-box {
    background-color: #FFF;
    padding-bottom: 80px;
    height: auto;
    max-height: fit-content;
    overflow: scroll;
}

.p-menu-order-contentbox .card-box .menu_box_single .menu_box .menu_txt .price_box.cancel_line.none_sp::before {
    background-image: none;
}

.p-menu-order-contentbox .card-box .menu_box_two_line ul.two_line_list li .menu_box .menu_txt .price_box.cancel_line.none_sp::before{
    background-image: none;
}

.p-menu-order-contentbox .card-box .menu_box_txt_line ul.txt_line_list li .menu_box .menu_txt_box .menu_txt .price_box.cancel_line.none_sp::before
    background-image: none;
}

.p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .img_box {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/** 上からの高さ（通常時） */
.p-menu-order-contentbox.p-menu-order-contentbox_detail {
    top: 60px;
}
/** 上からの高さ（のみほ時） */
.p-menu-order-contentbox.p-menu-order-contentbox_detail.nomihoDetail {
    top: 120px;
}

.p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_txt.confirmPage {
    padding-top: 7px;
    font-size: unset;
}
.p-menu-order-fixed-topbox .p-menu-order-tablebox .p-menu-order-tablebox_txt.confirmPage .txt {
    font-size: calc(8px + 1vw);
}

ul.content_order_list a.otherShinaErabu {
    text-decoration: none;
    color: #FFFFFF;
    font-size: calc(12px + 1vw);
}

.p-menu-order-contentbox.p-menu-order-contentbox_introduction .txt_box_introduction .img_box {
    width: 100px;
    height: 100px;
}

/** 一覧に数量を出さないタイプの数量バッチ */
.qty_icon__badge {
    /* position: absolute; */
    top: -4px;
    right: calc(0px - 1vw);
    display: inline-block;
    z-index: 1000;
    box-sizing: border-box;
    font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    padding: 0 4px;
    width: auto;
    background-color: #54BAD1;
    /* background-color: #E55758; */
    color: #FFF;
    text-align: center;
    font-weight: 400;
    vertical-align: text-bottom;
    top: -1px;
    margin-left: 5px;
    z-index: 10;
    font-size: calc(8px + 1vw);
    height: calc(14px + 1vw);
    min-width: calc(14px + 1vw);
    line-height: calc(14px + 1vw);
    border-radius: calc(14px + 1vw);
}

#menuOrderBookingConfPage .serving_list_header .table_no_box .txt_table_no2 {
    display: block;
    font-size: 0.5em;
    line-height: 1.2em;
    font-weight: normal;
}
#menuOrderBookingConfPage .serving_list_header .table_no_box .txt_table_no3 {
    display: block;
    font-size: calc(7px + 1vw);
    font-weight: normal;
    color : red;
}

/** クーポン */

#couponPage body,
#couponPage div,
#couponPage dl,
#couponPage dt,
#couponPage dd,
#couponPage ul,
#couponPage ol,
#couponPage li,
#couponPage h1,
#couponPage h2,
#couponPage h3,
#couponPage h4,
#couponPage h5,
#couponPage h6,
#couponPage pre,
#couponPage form,
#couponPage fieldset,
#couponPage input,
#couponPage textarea,
#couponPage p,
#couponPage blockquote,
#couponPage th,
#couponPage td {
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
}

#couponPage address,
#couponPage caption,
#couponPage cite,
#couponPage code,
#couponPage dfn,
#couponPage em,
#couponPage strong,
#couponPage th,
#couponPage var {
 	font-style: normal;
 }
#couponPage table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
#couponPage td {
 	vertical-align:top;
 }

#couponPage caption,
#couponPage th {
 	text-align: left;
 }
#couponPage q:before,
#couponPage q:after {
 	content: '';
 }
#couponPage object,
#couponPage embed {
 	vertical-align: top;
 }
#couponPage hr,
#couponPage legend {
 	display: none;
 }
#couponPage h1,
#couponPage h2,
#couponPage h3,
#couponPage h4,
#couponPage h5,
#couponPage h6 {
 	font-size: 100%;
 }
#couponPage img,
#couponPage abbr,
#couponPage acronym,
#couponPage fieldset {
 	border:0;
 	vertical-align:top;/* listにて隙間ができるのを防ぐ kunihro*/
 }
#couponPage li {
 	list-style-type: none;
}

 /* -----/ default /----- */
#couponPage a {
 	color:#005886;
 	text-decoration:none;
 	overflow:hidden;/* タブキーのフォーカス対策kunihiro */
 	outline:none;/* Firefoxで点線が出ない処理　kunihiro */
 }

#couponPage a:visited {
 	color:#3693B6;
 }

#couponPage a:hover {
 	color:#F89337;
 	/*
 	text-decoration:underline;
 	*/
 }

#couponPage th,
#couponPage td {
 	vertical-align:top;
 }

 /* clearfix ************************************
 floatを使用したときに高さの取れてないコンテナに使う。
 「clear:both」（下の要素で）で再びfloatを使って
 「clear:both」を使えない、marginの指定もできない場合に使用。
 */

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

#couponPage .ac_red{
 	color: #FF0000;
 }
/* ---/　共通
 ----------------------------------*/
#couponPage .ticket_box {
  background-color: #FFF;

  box-shadow: 2px 2px 2px rgba(0,0,0,0.2);

  margin: 20px 10px 10px;
  font-family: HelveticaNeue-Light, sans-serif;
}

/* チケットの色
-------------------- */
@-webkit-keyframes coupon-bg-color {
  0% { background-color: #00BCD4; }
  40% { background-color: #00BCD4; }
  50% { background-color: #EF5350; }
  90% { background-color: #EF5350; }
  100% { background-color: #00BCD4; }
}
@keyframes coupon-bg-color {
  0% { background-color: #00BCD4; }
  40% { background-color: #00BCD4; }
  50% { background-color: #EF5350; }
  90% { background-color: #EF5350; }
  100% { background-color: #00BCD4; }
}


/* 水色 */
#couponPage .ticket_color_01 {
  background-color: #00BCD4;
  animation: coupon-bg-color 10s infinite;
  -webkit-animation: coupon-bg-color 10s infinite;
}

/* ピンク */
#couponPage .ticket_color_02 {
  background-color: #EF5350; // background-color: rgb(239, 83, 80);
  -webkit-transition: background-color 1s linear;
}

/* 黄色 */
#couponPage .ticket_color_03 {
  background-color: #FF9800; // background-color: rgb(255, 152, 0);
  -webkit-transition: background-color 1s linear;
}

/* 黄緑 */
#couponPage .ticket_color_04 {
  background-color: #8BC34A; // background-color: rgb(139, 195, 74);
  -webkit-transition: background-color 1s linear;
}

/* 紫 */
#couponPage .ticket_color_05 {
  background-color: #AB47BC; // background-color: rgb(171, 71, 188);
  -webkit-transition: background-color 1s linear;
}

/* ---/　チケット名
 ----------------------------------*/
#couponPage .ticket_header {
  color: #FFF;
  padding: 20px 40px 10px 10px;
  position: relative;

  background: url(../img/bg_ticket_top.png) 50% -1px no-repeat;
  background-size: 44px auto;
}
#couponPage .ticket_header h1 {
  font-size: 22px;
}
#couponPage .ticket_header .btn_close {
  position: absolute;
  top: 20px;
  right: 10px;
}
#couponPage .ticket_header a {
  display: block;
}
#couponPage .ticket_header .fa {
}
/* ---/　画像
 ----------------------------------*/
#couponPage .ticket_img {
  margin: 10px 0;
}
#couponPage .ticket_img .img_box {
  overflow: hidden;

  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 33%;
  margin-left: 33%;
}
#couponPage .ticket_img .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: block;
}
#couponPage .ticket_img img {
  /* width: 100%; */
  height: 100%;
}


/* ---/　チケット種別、枚数
 ----------------------------------*/
#couponPage .ticket_number_of {
  background-image: url(../img/bg_ticket_circle_l_b.png), url(../img/bg_ticket_circle_r_b.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: 0 100%, 100% 100%;
}
#couponPage .ticket_number_of .ticket_num_list {
  overflow: hidden;
}
#couponPage .ticket_number_of li {
  float: left;
  position: relative;
  padding-bottom: 20px;
}

/* 種別が１つの場合 */
#couponPage .ticket_number_of .list_01 li {
  width: 100%;
}

/* 種別が２つの場合 */
#couponPage .ticket_number_of .list_02 li {
  width: 50%;
}


/* 仮 */
#couponPage .ticket_number_of .list_03 li {
  width: 33%;
}
#couponPage .ticket_number_of .list_04 li {
  width: 125%;
}




#couponPage .ticket_number_of .type {
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  margin: 10px 20px 5px;
}
#couponPage .ticket_number_of .num {
  display: block;
  background-color: #FFF;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-weight: normal;

  margin: 0 auto;
  text-align: center;
  line-height: 80px;
  font-size: 60px;
  color: #616161;
}
#couponPage .ticket_number_of .unit {
  display: inline-block;
  color: #FFF;
  position: absolute;
  top:100px;
  left: 50%;
  margin: -10px 0 0 38px;
}

#couponPage .ticket_number_of b {
  font-size: 30px;
  margin: 0 0.1em;
}

#couponPage .ticket_number_of .txt_dec {
    border: 1px solid;
    padding: 10px;
    font-size: 0.9em;
}
/* ---/　入場案内
 ----------------------------------*/
#couponPage .ticket_info {
  color: #FFF;
  text-align: center;
  padding: 10px;

  border-top: #eceff1 2px solid;

  background-image: url(../img/bg_ticket_circle_l_t.png), url(../img/bg_ticket_circle_r_t.png);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: 0 0, 100% 0;
}
#couponPage .ticket_info .txt_count {
  font-size: 16px;
}

#couponPage .ticket_info .txt_dec {
    background: #FFF;
    color: #353535;
    line-height: 1em;
    padding: 10px 0;
    font-size: 0.9em;
}

#couponPage .ticket_info strong {
  font-size: 18px;
  font-weight: normal;
  display: block;
}
#couponPage .ticket_info b {
  font-size: 30px;
  margin: 0 0.1em;
}

/* ---/　現在日時
 ----------------------------------*/
#couponPage .ticket_now_time {
  color: #616161;
  padding: 10px;
  height: 50px;
  background-color: #FFF;
  text-align: left;
}
#couponPage .ticket_now_time dl {
  font-size: 12px;
  margin: 0 auto;
  width: 280px;
  position: relative;
}
#couponPage .ticket_now_time dt {
  padding-top: 5px;
  margin-bottom: 5px;
  line-height: 18px;

  background: url(../img/ico_clock_gy.png) 0 50% no-repeat;
  background-size: 18px;
  padding-left: 22px;
}
#couponPage .ticket_now_time .date {
  font-size: 12px;
  line-height: 1;
}
#couponPage .ticket_now_time b {
  font-size: 18px;
  margin: 0.1em;
}
#couponPage .ticket_now_time .time {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
}
#couponPage .ticket_now_time strong {
  font-size: 50px;
  font-weight: normal;
}
#couponPage .ticket_now_time .second {
  font-size: 25px;
}
/* ---/　注文番号、購入者情報
 ----------------------------------*/
#couponPage .ticket_buyer {
  color: #616161;
  background-color: #EEE;
  padding: 10px 10px 5px;
}
#couponPage .ticket_buyer dl {
  font-size: 12px;
}
#couponPage .ticket_buyer dt {
  float: left;
  clear: both;
  margin-right: 0.5em;
  margin-bottom: 5px;
}
#couponPage .ticket_buyer dd {
  margin-bottom: 3px;
}
#couponPage .ticket_buyer .ico_type {
  color: #FFF;
  background-color: #757575;
  display: inline-block;
  padding: 1px 5px;
  margin-left: 0.5em;
}