/**
 *	CSSファイル
 */
@charset "utf-8";

/*==============================================================================================  固定値定義  ===*/
:root {
  --main-green: rgb(9,145,60); /* 緑色 */
  --main-darkgreen: rgb(6,98,41); /* 深緑色 */
  --main-lightgreen: rgb(237,250,240); /* 薄緑色 */
  --main-yellowgreen: rgb(69,142,70); /* 黄緑色 */
  --main-yellow: rgb(255,186,57); /* 黄色 */
  --main-lightyellow: rgb(253,249,232); /* 薄黄色 */
  --main-red: rgb(243,0,33); /* 赤色 */
  --main-pink: rgb(255,234,235); /* 桃色 */
  --main-gray: rgb(89,89,89); /* 灰色 */
  --main-lightgray: rgb(245,244,240); /* 薄灰色 */
  --main-white: rgb(255,255,255); /* 白色 */
  --main-black: rgb(0,0,0); /* 黒色 */
}

/*============================================================================================= primefaces override ===*/
.ui-widget{
	font-family: 'Noto Sans JP', sans-serif !important;
}

.ui-state-default{
	text-shadow:none !important;
	box-shadow: none;
}
/*==== p:overlayPanel ====*/
.ui-overlaypanel{
	width:calc(100% - 2px);
}

/*==== p:selectOneMenu ====*/
.common_selectbox .ui-selectonemenu-trigger{
	background: white !important;
}

.common_selectbox .ui-selectonemenu-items{
	height:100%;
}

.common_selectbox .ui-state-default .ui-icon{
	background-position: -64px 0px !important;
}

.common_selectbox .ui-state-default .ui-icon-triangle-1-e{
	background-position: -64px 0px !important;
}

.common_selectbox .ui-state-default{
	border : none !important;
	border-top: 1px solid var(--main-gray);
	border-right: 1px solid var(--main-gray);
	border-bottom: 1px solid var(--main-gray);
	box-shadow: none;
}

.common_selectbox .ui-inputfield{
	text-align:center;
	box-shadow: none;
	font-weight: bold;
}

/* p:accordionPanel */
.accordion .ui-state-default .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow.svg") no-repeat !important;
    top: calc(50% + 5px);
    left: calc(100% - 30px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(90deg);
}

.accordion .ui-state-active .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow.svg") no-repeat !important;
    top: calc(50% - 5px);
    left: calc(100% - 30px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(270deg);
}

.ui-accordion-header{
	font-weight:100;
	color:var(--main-white);
	border: 1px solid var(--main-gray);
}

.accordion_color_white .ui-accordion-header{
	color:var(--main-black);
	border-bottom: none;
    margin-top: 0;
}

.accordion_color_white .ui-state-active{
	border-bottom: 1px solid;
}

.accordion_color_white .ui-accordion-content {
	margin-top: 0px;
	background-color: var(--main-lightgray);
	padding:10px;
}

.basicLabel .commandButton .ui-icon{
	background: url("../resources/web/img/allow.svg") no-repeat;
	top:9px;
	min-width:20px;
	min-height:30px;
	transform: rotate(0deg);
}

/* Primefaces標準の画像使用を無効化 */
#webTemplate .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: none;
}

/* エラーメッセージのアイコンを非表示にする */
#webTemplate .ui-messages-error-icon{
	display:none;
}

/*==============================================================================================  Template  ===*/
body{
	margin:0;
}
.contents{
	margin-left:5vw;
	margin-right:5vw;
}
.pi-bars:before{
	font-size: 40px;
}
.template_headerBlock {
	height: 10vh;
	min-height:82px;
}

.template_contentsBlock {
	height: 90vh;
}

.template_contentsHeaderMessage{
	display:block;
	padding-left:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	background-color:var(--main-lightgray);
	margin:0 auto;
	font-weight: bold;
	margin-top:1.5em;
}

.template_pageTitle{
	display:block;
	text-align: center;
	margin:0 auto;
	margin-top:1em;
	margin-bottom:1em;
	font-size:1.5em;
	font-weight: bold;
}

/*==============================================================================================  基本属性  ===*/
.font-size_default{
	font-size: 0.9em !important;
}

.font-size_min{
	font-size: 0.8em !important;
}

.font-size_big{
	font-size: 1.1em !important;
}

.font-size_max{
	font-size: 4em !important;
}

.button_height_default{
	height:40px !important;
}

.margin_bottom{
	margin-bottom:20px;
}

.margin_bottom_mini{
	margin-bottom:10px;
}

.margin_zero{
	margin:0;
}

.width100{
	width:100%;
}

.text_color_green{
	color: var(--main-green);
}

.text_color_black{
	color: var(--main-black);
}

.text_bold{
	font-weight: bold;
}

.border-radius20{
	border-radius: 20px;
}

.weight100   {
    font-weight:100
    }

.weight300   {
    font-weight:300
    }

.weight400   {
    font-weight:400
    }

.weight500   {
    font-weight:500
    }

.weight600   {
    font-weight:600
    }

.weight700   {
    font-weight:700
    }

.weight900   {
    font-weight:900
    }

/*==============================================================================================  ヘッダー  ===*/
.header_title{
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	height:4em !important;
	margin-top: 1em;
	font-size: 1em !important;
}

.header_menu_button{
	border: none !important;
	min-width: 82px;
	min-height: 82px;
	width:10vh;
	height:10vh;
}

.header_menu_button_icon{
	display:inline-block !important;
	background: url("../resources/web/img/menu.svg") no-repeat !important;
    min-width:2em;
	min-height:2em;
	margin-left: -4em;
    margin-top: 2em;
}

.header_menu_button_overlay_icon{
	border: none !important;
	min-width:40px;
	min-height:50px;
	width:40px;
	height:50px;
	background-color: var(--main-white) !important;
}

.header_menu_button_overlay{
	display: inline-block;
	background-color: var(--main-green) !important;
	border-radius:0 !important;
	margin: 0 !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	width: 5em;
    height: 5em;
}

.header_menu_button_overlay .ui-button-text{
	color:var(--main-white);
}

.header_menu{
	height:5em;
}

.header_menu .ui-overlaypanel{
	max-width:calc(100% - 2px) !important;
	top:0 !important;
}

.header_menu .ui-overlaypanel-content{
	padding:0;
	margin-top: -3px;
}

.header_menu_contents{
	background-color: var(--main-green) !important;
	color:var(--main-white) !important;
	text-decoration:none !important;
	padding: 1vh 5vw 1vh;
}

.header_menu_contents2{
	color:var(--main-white) !important;
}
.header_menu_contents_border{
	border-bottom: 1px solid var(--main-white);
}

/*==============================================================================================  フッター  ===*/
.footer_commandButton{
	width:100vw;
	height:7vh;
	font-size:0.95em;
	background-color: var(--main-lightgray) !important;
	border: 1px solid var(--main-white) !important;
	text-align: left;
}

.footer_commandLink{
	font-size:0.95em;
	text-decoration:none;
	color: var(--main-black);
}

.footer_commandLink_panelGrid{
	width:100vw;
	height:7vh;
	background-color: var(--main-lightgray) !important;
	border: 1px solid var(--main-white) !important;
}

.footer_commandLink_panelGrid .ui-panelgrid-cell{
	padding: 4px 15px;
}

.footer_commandLink_panelGrid_outputLabel{
	text-decoration:none !important;
	color: var(--main-black);
	font-weight: bold;
}

.footer_panelGrid{
	font-size:0.8em;
	color: var(--main-black);
}

.footer_policy_ly{
	margin-left:10px;
}

/*==============================================================================================  共通部品  ===*/
.green_border{
	border-bottom: 3px solid var(--main-green);
}
.commandLink_init{
	text-decoration:none;
}

.common_notice{
	color: var(--main-green);
	font-size: 0.9em !important;
	font-weight: bold;
	margin:10px;
}

.background-lightgray{
	background-color: var(--main-lightgray) !important;
}

#webTemplate .commandButton_even{
  text-decoration:none !important;
  height:100%;
  width:100%;
  font-weight: normal;
  text-align: left;
  padding-left: 0.4em;
  border-radius: 0;
  border-top: none;
  margin-left: 1px;
}

#webTemplate .commandButton_odd{
  text-decoration:none !important;
  height:100%;
  width:100%;
  font-weight: normal;
  text-align: left;
  padding-left: 0.4em;
  border-radius: 0;
  margin-left: -1px;
  border-top: none;
  border-left: none;
}

#webTemplate .commandLink{
  text-decoration:none !important;
  width:80vw;
  color:#000000;
}
#webTemplate .commandLink .flame{
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:40px;
}

#webTemplate .common_commandArrow{
	margin:0 auto;
}

#webTemplate .flame{
	border:1px solid;
	border-color:var(--main-green);
	position:relative;
	margin-bottom:-1px;
	border-radius: 2px;
}

.common_text_center{
	text-align: center;
}

.common_text_left{
	text-align: left !important;
}

.common_center{
	margin:0 auto;
}
.common_block{
	display:block;
}

.common_bg_white_button .ui-button{
	border: 1px solid;
}

.common_bg_white_button .ui-button-text{
	color:var(--main-green);
}

.common_bg_green_button .ui-button{
	background-color:var(--main-green) !important;
	width:90vw;
	height:50px;
}

.common_bg_green_button .ui-button-text{
	color:var(--main-white);
	font-weight:100;
}

.common_white_button{
	padding-top:10px;
}
.common_white_button .ui-button{
	width:90vw;
	border-radius: 5px;
	border: 1px solid var(--main-black);
}

.common_white_button .ui-button-text{
	font-size:0.9em;
	font-weight:bold;
	padding:0.7em;
}

.common_inputtext{
	width:97%;
}

.common_select_many_menu{
	border:none !important;
	box-shadow:none !important;

}

.common_select_many_menu .ui-chkbox-box{
	border:none !important;
	box-shadow:none !important;
}

.common_roundButton{
	border:3px solid;
	border-radius:30px !important;
	font-weight: bold;
	color: var(--main-black) !important;
}

.common_border{
	display:block;
	border-bottom: 1px solid;
	width:90vw;
	margin:0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-color: var(--main-gray);
}

.msgbox_info{
	background-color: var(--main-lightgreen);
	padding:15px;
}

.msgbox_text_info{
	color: var(--main-green);
}

.msgbox_warn{
	background-color: var(--main-pink);
	padding:15px;
}

.msgbox_text_warn{
	color:var(--main-red);
}

.greenButton_panelGrid{
	width:90vw;
	height:60px;
	margin:0 auto;
	border: none;
	background-color: var(--main-green);
	border-radius: 6px;
	box-shadow:0px 2px var(--main-darkgreen);
	text-align: center;
	font-size: 25px !important;
}

.greenButton_panelGrid_outputLabel{
	color: var(--main-white);
	font-weight: 500;
}

.panelGrid_no_padding .ui-panelgrid-cell{
	padding:0;
}

.accordionPanel_no_icon .ui-icon{
	display: none;
}

.valid_msg .ui-messages-error{
	margin: 0;
	padding: 5px;
	color: var(--main-red);
    background-color: var(--main-pink);
    border-color: var(--main-pink);
    font-size: 0.8em;
    font-weight: 100;
    width: 87vw;
}

.valid_msg .ui-messages-error .ui-messages-error-icon{
	display:inline !important;
	background: url("../resources/web/img/warn.svg") no-repeat !important;
	position: relative;
    top: -2em;
    left: calc(100% - 1.5em);
    right: 0;
    bottom: 0;
    width: 1em;
}

.valid_msg_no-icon .ui-messages-error .ui-messages-error-icon{
	display:none !important;
}

.accordion_tab{
	padding:10px !important;
	padding-right:30px !important;
}

.accordion_color_white .accordion_tab_last{
	border-bottom: 1px solid;
}

.icon_close{
	display: inline-block;
    position: absolute;
    background: url(../resources/web/img/close.svg) no-repeat !important;
    top: 2em !important;
    left: 2em !important;
    width: 2.5em;
    height: 2.5em;
}

.icon-header{
	margin-top:1em;
	height:4.4em;
	font-size: 1em !important;
}

.icon_header2{
	display: block;
    height: 4.4em;
    margin: 0 auto;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.icon_door{
	margin-left:0.5em;
	width:1em;
	height:1em;
}

.icon-search{
	width: 1em;
    height: 1em;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    padding-top: 0.35em;
    padding-right: 70%;
}

.icon_reload{
	background: url("../resources/web/img/reload.svg") no-repeat !important;
}

.icon_allow_shop-list{
	display: inline-block;
    position: absolute;
	background: url("../resources/web/img/allow-green.svg") no-repeat !important;
    top: calc(50% - 8px);
    left: calc(100% - 30px);
    right: 0;
    bottom: 0;
    width:16px;
	height:16px;
	transform: rotate(270deg);
}

.icon_allow_select-date{
	display: inline-block;
    position: absolute;
	background: url("../resources/web/img/allow-green.svg") no-repeat !important;
    top: calc(50% - 8px);
    left: calc(100% - 30px);
    right: 0;
    bottom: 0;
    width:12px;
	height:12px;
	transform: rotate(270deg);
}

.selectDate_commandLink_contents:active .icon_allow_select-date{
	display: inline-block;
    position: absolute;
	background: url("../resources/web/img/allow-white.svg") no-repeat !important;
    top: calc(50% - 8px);
    left: calc(100% - 36px);
    right: 0;
    bottom: 0;
    width:12px;
	height:12px;
	transform: rotate(90deg);
}

.icon_map{
	width: 1em;
	height:1em;
	margin-right: -0.5em;
	margin-bottom: -0.1em;
}

.icon-warn{
	display:inline-block !important;
	background: url("../resources/web/img/warn.svg") no-repeat !important;
    min-width:1em;
	min-height:1em;
	margin-right:1em;
}

.icon_center{
	text-align: center;
}

.img_toreserve{
	width:80%;
	margin-top: 1em;
}
/*==============================================================================================  Reserve  ===*/
.img_toppage{
	width:17em;
	height:17em;
}

.img_toppage_size{
	width:300px;
	height:250px;
}

.toppage_title_mg{
	background-color: var(--main-lightgray);
}

.toppage_title_ly{
	margin-top:1em;
}

.toppage_how_to_use_button{
	width:50vw !important;
	height:2.5em !important;
	margin-bottom:1em !important;
	background-color: var(--main-white) !important;
}

.toppage_msg_ly{
	margin-left: 1.5em;
    margin-right: 1em;
    margin-top: 0.5em;
}
.toppage_msg_mg{
	color: var(--main-green);
	font-size:0.95em;
}

.toppage_ul_ly{
	margin-left:1.5em;
	margin-right:2em;
	padding-left:2em;
}

.toppage_start_button_text_ly{
	margin-left:20%;
}
/*==============================================================================================  ShopSearch  ===*/
#shopSearch .ui-accordion .ui-accordion-content {
	padding:0;
	margin: -1px;
	top:0;
}

#shopSearch .ui-accordion .ui-accordion-header {
	border:1px solid var(--main-green);
	background-color: var(--main-white);
	color: var(--main-green);
	font-weight: 500;
	margin-bottom: -2px;
}

#shopSearch .ui-accordion .ui-state-active {
	background-color: var(--main-green);
	color: var(--main-white);
	border: none !important;
}

#shopSearch .accordion .ui-state-default .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow-green.svg") no-repeat !important;
    top: calc(50% + 3px);
    left: calc(100% - 29px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(0deg);
}

#shopSearch .accordion .ui-state-active .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow-white.svg") no-repeat !important;
    top: calc(50% + 3px);
    left: calc(100% - 30px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(0deg);
}

#shopSearch .accordion .ui-widget-content .p-grid .basicLabel .commandButton_even .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow.svg") no-repeat !important;
    top: calc(50% + 1px);
    left: calc(100% - 25px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(0deg);
}

#shopSearch .accordion .ui-widget-content .p-grid .basicLabel .commandButton_odd .ui-icon{
	display:inline !important;
	background: url("../resources/web/img/allow.svg") no-repeat !important;
    top: calc(50% + 1px);
    left: calc(100% - 25px);
    right: 0;
    bottom: 0;
    min-width:16px;
	min-height:16px;
	transform: rotate(0deg);
}



#shopSearch .ui-accordion .ui-accordion-header{
	padding: .8em .8em 1em 1.5em;
}

#shopSearch .accordion .ui-widget-content .p-grid .basicLabel .ui-button-text-icon-right .ui-button-text{
	padding: .7em .5em .7em 1em;
}

/*==============================================================================================  ShopList    ===*/
.shoplist_area{
	font-weight: bold;
	font-size:1.2em !important;
}

.shoplist_count{
	text-align: right;
}
.shoplist_count_text{
	margin-right:1em;
	font-size: 0.95em;
}

.shoplist_tenpo_header{
	font-weight:bold;
	color: var(--main-green);
}

.shoplist_tenpo_contents{
	font-size: 0.8em !important;
}

.shoplist_commandLink .flame{
	padding:10px;
}
/*==============================================================================================  ShopDetails  ===*/
.shop_details_header{
	font-weight: bold;
}
.shop_details_data{
	margin:0 auto;
	margin-bottom:0.5em;
	width:90vw;
}
.shopDetails_background_lightgray_area{
	text-align:center;
	border:none !important;
	margin-top:0.5em;
	margin-bottom:1.5em;
	background-color: var(--main-lightgray);
}

.shop_details_waitcount_text{
	font-size: 1.4em !important;
	font-weight: bold;
}
.shop_details_waitminute_text{
	font-size: 1em;
}

.shop_details_border{
	border-bottom: 1px solid;
}
.shop_details_data_column{
	font-size: 1.1em !important;
}
.shop_details_data_value{
	display:inline-block;
	font-size:12px;
}
.shop_details_reserve_title{
	display:inline-block;
	margin-top:50px;
}
.shop_details_reserve_button{
	margin-top:30px;
}

.shop-details_offline-msg_ly{
	margin-bottom: .5em;
}

/*==============================================================================================  ShopData  ===*/

.shopdata_frame{
	border: 3px solid var(--main-green);
	border-radius: 20px;
	width: 200px;
}

.shop_data_map_button{
	font-size: 0.8em !important;
}

.input-count_selectbox_ly .ui-panelgrid-cell{
	padding: 8px 10px 8px 0px;
}

/*==============================================================================================  SelectDate  ===*/
.selectdate_reservedateinfo_today .ui-button{
	/* disable時のopacityを打ち消す */
	opacity: 1.0 !important;
	vertical-align: middle;
	color: var(--main-white);
	background-color: var(--main-green)!important;
}

.selectdate_reservedateinfo .ui-button{
	/* disable時のopacityを打ち消す */
	opacity: 1.0 !important;
	vertical-align: middle;
	color: var(--main-gray);
	background-color: var(--main-lightgray)!important;
}

.selectDate_commandLink_contents:active .selectdate_reservedateinfo_today .ui-button{
	color: var(--main-green);
	background-color: var(--main-white)!important;
}

.selectdate_reservedateinfo_today .ui-button-text,.selectdate_reservedateinfo .ui-button-text{
	font-size: 10px;
}

.selectDate_commandLink_contents{
	padding:0.8em;
}

.selectDate_commandLink_contents{
	color:var(--main-green);
}
.selectDate_commandLink_contents:active{
	background:none !important;
	background-color: var(--main-green) !important;
	color: var(--main-white) !important;
}

.selectDate_commandLink:active .flame div div{
	background-color: var(--main-green) !important;
}

.contents .ui-state-disabled .flame div div{
	background-color:var(--main-white) !important;
}

/*==============================================================================================  SelectTime  ===*/
.selecttime_hour{
	width:20%;
}

.selecttime_minute{
	width:20%;
}

.selecttime_minute_button{
	width:100%;
	border-color: var(--main-green);
	color: var(--main-green);
}

.selecttime_minute_button:disabled{
	opacity: 1.0 !important;
	background-color: var(--main-lightgray) !important;
	border-color: var(--main-gray);
	color: var(--main-gray);
}

.selecttime_minute_button:active {
	color:var(--main-white);
	background:none !important;
	background-color: var(--main-green) !important;
}

/*==============================================================================================  RequestSeats  ===*/
.result-seats_select-one-radio{
	margin-bottom: 10px !important;
	background-color:var(--main-white) !important;
	border: 1px solid var(--main-green) !important;
	height:46px;
	font-weight: bold !important;
	display: flex;
    align-items: center;
    padding-left: 0.7em;
    border-radius: 3px;
}
/*==== p:selectManyMenu ====*/
.result-seats_many_menu,.result-seats_one_menu{
	width:90vw;
}

.result-seats_many_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item
,.result-seats_one_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item{
	margin-bottom: 10px !important;
	background-color:var(--main-white) !important;
	border: 1px solid var(--main-green) !important;
	height:46px;
	font-weight: bold !important;
	display: flex;
    align-items: center;
    padding-left: 1em;
}

.result-seats_many_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-state-highlight
,.result-seats_one_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-state-highlight{
	background:none !important;
	background-color: var(--main-green) !important;
	padding-left:1em;
}

.result-seats_many_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-state-highlight .ui-icon{
	background-image:  url(../resources/web/img/check.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:20px;
	margin-left: -0.7em;
}

.result-seats_one_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-state-highlight .ui-icon{
	background-image:  url(../resources/web/img/radio-true.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:20px;
	margin-left: -0.7em;
}

.result-seats_one_menu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-state-default .ui-icon-blank{
	background-image:  url(../resources/web/img/radio-false.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:20px;
	margin-left: -0.7em;
}

.selectAnnai{
	margin-bottom: 10px !important;
	background-color:var(--main-white) !important;
	border: 1px solid var(--main-green) !important;
	height:46px;
	font-weight: bold !important;
	display: flex;
    align-items: center;
    padding-left: 0.7em;
    border-radius: 3px;
}

.selectAnnai .ui-outputlabel{
	width: 100%;
}

.select_annai_icon{
	background-image:  url(../resources/web/img/radio-false.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:20px;
	margin-left: -0.1em;
    margin-right: 0.4em;
}

.ui-state-highlight .select_annai_icon{
	background-image:  url(../resources/web/img/radio-true.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:20px;
	height:20px;
	margin-left: -0.4em;
	margin-right: 0.4em;
}

/*==============================================================================================  Confirm  ===*/
.confirm_link{
	display:block;
	color:var(--main-green);
	text-align: right;
}

.confirm_ul_ly{
	padding-left:1em;
}

.confirm_li_ly{
	margin-bottom: 1em;
}

.confirm_title_ly{
	text-align: center;
	display: block;
	margin-top: 10px;
}

.confirm_title_bl{
	font-size: 1.1em;
	font-weight: 600;
}

.confirm_button_bl{
	width: 80vw;
	height: 8vh;
	max-height: 40px;
}

.confirm_button_text{
	font-size: 0.9em;
}
/*==============================================================================================  reserveData  ===*/
.reserve-data_frame{
	border: 3px solid var(--main-green);
	border-radius: 6px;
}

.reserve-data_header{
	background-color: var(--main-green);
	color: var(--main-white);
	height:40px;
	font-size:1.3em !important;
}

.reserve-data_border{
	border-bottom: 3px dotted var(--main-gray);
}

.reserve-data_notice{
	background-color: var(--main-lightgray);
}

.reserve-data_ul{
	padding-top:10px;
	padding-right: 15px;
    padding-left: 30px;
	padding-bottom: 10px;
	margin: 0;
}

/*==============================================================================================  completeReserve  ===*/
.complete-reserve_warning{
	padding:15px;
	background-color: var(--main-lightyellow);
}

.reserve-wait_frame{
	border: 3px solid var(--main-yellow);
	border-radius: 6px;
	background-color: var(--main-lightyellow);
}

.reserve-wait_header{
	background-color: var(--main-yellow);
	color: var(--main-white);
	height:40px;
	font-size:1.3em !important;
}

.reserve_reload-button{
	background-color: var(--main-white) !important;
}

/*==============================================================================================  howToUse  ===*/
.graphic-panel-block{
	background-color: var(--main-lightgray);
	border-radius: 10px;
	padding:15px;
	margin-top: -10px;
}

.how_to_use_img_ly{
	width:60%;
}

.graohic-panel_img{
	background-image:  url(../resources/web/img/header.svg);
	background-repeat:no-repeat;
	background-position: center center;
	width:100px;
	height:100px;
}

.how_to_use_green_button_ly{
	margin-left: -5px !important;
}

/*==============================================================================================  userPolicy  ===*/
.user-policy_mod{
	font-size: 0.9em;
}

.user-policy_ly{
	margin-bottom: 0;
}

.user-policy_ol_ly{
	padding-left: 20px;
	margin-top: 0;
}