@charset 'utf-8';

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
	background:0 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}
nav,ul{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
input,select{
	vertical-align:middle;
}
textarea{
	vertical-align:top;
}

html,body{
	height: 100%;
	color:#333;
	font-size: 12px;
	font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
	background:#fff;
}
input,textarea,select{
	font-size: 100%;
	font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color:inherit;
	outline:none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.over a:hover {
	opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	text-decoration:none;
}

li.acc_link:hover,
li.acc_link a:hover {
	cursor: default !important;
	opacity: 1 !important;
}

img {
	max-width:100%;
	outline:none;
	vertical-align:bottom;
}
.btn{
	cursor: pointer;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	height: auto;
	overflow: hidden;
}

.conseal {
	visibility: collapse;
	position: absolute;
}

#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.70);
	z-index:99;
	display:none;
}

input[type="button"]:hover ,
input[type="submit"]:hover ,
button:hover {
	opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	cursor:pointer;
}

#wrap {
	position: relative;
	min-width: 1400px;
	min-height: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1400px){
#wrap {
	min-width: inherit;
}
}

@media screen and (max-width: 1024px){
#wrap {
	min-width: 1024px;
}
}

.login #wrap {
	background: #fff;
}

/* 基本入力スタイル */

input[type="text"] ,
input[type="tel"] ,
input[type="email"] ,
input[type="password"],
input[type="number"] {
	height: 34px;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 2px;
	border: 1px solid #ccc;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #ccc;
}

input[type="radio"] ,
input[type="checkbox"] {
	margin: 0 4px 0 0;
	vertical-align: middle;
}

input[type="radio"] + label ,
input[type="checkbox"] + label {
	vertical-align: middle;
}

input[type="button"] ,
input[type="submit"] ,
button {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: none;
	background: none;
}

select {
	height: 34px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #ccc;
}

textarea {
	box-sizing: border-box;
	padding: 7px 12px;
	border-radius: 2px;
	border: 1px solid #ccc;
}

input.switch {
	display: none;
}

input.switch + label {
	display: inline-block;
	width: 47px;
	height: 26px;
	background: url(../img/ico_table_switch01.png) no-repeat center center;
	cursor: pointer;
}
input.switch:checked + label {
	background: url(../img/ico_table_switch01_checked.png) no-repeat center center;
}

input.check {
	display: none;
}

input.check + label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
}

input.check + label:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 13px;
	height: 13px;
	margin: -7.5px 0 0;
	background: #fff;
	border:1px solid #ccc;
	content: "";
}
input.check:checked + label:after {
	position: absolute;
	top: 50%;
	left: -7px;
	width: 29px;
	height: 29px;
	margin: -14.5px 0 0;
	background: url(../img/ico_check01.png) no-repeat center center;
	content: "";
}

/*--------------------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------------------*/

header {
	position: fixed;
	width: 100%;
	background:#fff;
	border-bottom:6px solid #161638;
	z-index: 10;
}

header .inner {
	padding: 0 28px;
}

header .logo {
	float: left;
	/*margin: 6px 0 0;*/
	margin: 0;
	font-size: 19px;
	color: #fff;
}

header .accountBox {
	position: relative;
	float: right;
	min-width: 140px;
	margin: 0 10px 0 30px;
	font-size: 13px;
}

@media screen and (max-width: 1024px){
header .accountBox {
	margin: 0 0 2px 0;
}
}

header .accountBox .accountName {
	position: relative;
	z-index: 1;
}

header .accountBox .accountName a {
	display: block;
	padding: 9px 0;
	color: #161638;
	text-decoration:none;
}
header .accountBox .accountName.open a {
	background:#e7e7eb;
}

header .accountBox .accountName a span {
	position: relative;
	display: block;
	padding: 5px 20px 5px 36px;
	background: url(../img/ico_accountBox01.png) no-repeat 5px center;
}
header .accountBox.shopBox .accountName a span {
	padding: 5px 20px 5px 42px;
	background: url(../img/ico_shopBox01.png) no-repeat 5px center;
}
header .accountBox .accountName a span:after {
	position: absolute;
	top: 0;
	right: 3px;
	width: 9px;
	height: 100%;
	background: url(../img/ico_accountBox02.png) no-repeat right center;
	content: "";
}

header .accountBox .menu {
	position: absolute;
	width: 100%;
	border: 1px solid #ccc;
	border-top:none;
	border-radius: 0 0 2px 2px;
	background: #fff;
	text-align: center;
	display: none;
}

header .accountBox.shopBox .menu {
	width: 138%;
	max-height: 80vh;
	border-top:1px solid #ccc;
	overflow: auto;
}

header .accountBox .menu li {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
header .accountBox .menu li:last-child {
	border-bottom: none;
}

header .accountBox .menu li a {
	display: block;
	padding: 7px 34px;
	color:#161638;
	text-decoration:none;
	text-align:left;
	background: url(../img/ico_accountBox03.png) no-repeat 12px center;
}

header .accountBox .menu li a:hover {
	opacity:1;
	background:#f3f3f5 url(../img/ico_accountBox03.png) no-repeat 12px center;;
}

header .accountBox .menu li:nth-child(2) a {
	background: url(../img/ico_accountBox05.png) no-repeat 12px center;
}

header .accountBox .menu li:nth-child(2) a:hover {
	background:#f3f3f5 url(../img/ico_accountBox05.png) no-repeat 12px center;
}

header .accountBox .menu li:last-child a {
	background: url(../img/ico_accountBox04.png) no-repeat 12px center;
}

header .accountBox .menu li:last-child a:hover {
	background:#f3f3f5 url(../img/ico_accountBox04.png) no-repeat 12px center;
}

header .accountBox.shopBox .menu li a:hover {
	background:#f3f3f5;
}

header .accountBox.shopBox .menu li a {
	padding: 7px 13px;
	background: none;
}



/*--------------------------------------------------------------------------------
	フッター
--------------------------------------------------------------------------------*/

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background: #fff;
	box-shadow: 0 -2px 2px rgba(0,0,0,.1);
	z-index: 10;
}

footer .inner {
	width: 1340px;
	margin: 0 auto;
	padding: 0 30px;
}

@media screen and (max-width: 1400px){
footer .inner {
	width: auto;
}
}

footer .floatTxt {
	float: left;
	margin: 30px 0 30px 15px;
	font-size: 16px;
}

footer .btnBox {
	float: right;
	margin: 0 3px 0 0;
}
footer .btnBox.left {
	float: left;
	margin: 0 0 0 200px;
}

footer .btnBox p {
	display: inline-block;
	margin: 0 8px;
	vertical-align: top;
}
footer .btnBox p:last-child {
	margin: 0;
}

footer .btnBox.left p:first-child {
	margin: 0;
}

footer .btnBox .cancel {
	width: 146px;
	height: 38px;
	border:1px solid #8a8a9b;
	border-radius: 3px;
	background: #fff;
	color:#161638;
	font-size: 15px;
	box-sizing:border-box;
}

footer .btnBox .save,
footer .btnBox #submitEdit {
	width: 146px;
	height: 38px;
	padding:0 0 0 22px;
	border-radius: 3px;
	background:url(../img/ico_save01.png) no-repeat 31px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

footer .btnBox .saved{
	width: 146px;
	height: 38px;
	padding: 0 0 0 22px;
	border-radius: 3px;
	background: url(../img/ico_save01.png) no-repeat 31px center #5c5c74;
	color: #fff;
	font-size: 15px;
	box-sizing: border-box;
}

footer .btnBox .search {
	height: 38px;
	padding:0 19px 0 37px;
	border-radius: 3px;
	background:url(../img/ico_search02.png) no-repeat 16px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

footer .btnBox .btn a {
	display: block;
	height: 38px;
	padding: 0 19px 0 19px;
	border-radius: 3px;
	background: #5c5c74;
	color:#fff;
	font-size: 15px;
	line-height: 2.53;
}

footer .btnBox .add {
	height: 38px;
	padding: 0 19px 0 40px;
	border-radius: 3px;
	background: url(../img/ico_add02.png) no-repeat 19px center #5c5c74;
	color:#fff;
	font-size: 15px;
}

footer .btnBox a.add {
	display: block;
	line-height: 2.53;

}

footer .btnBox .linkBtn {
	font-size: 18px;
}

footer .btnBox .btn a:hover,
footer .btnBox a.add:hover {
	text-decoration: none;
	opacity: 0.7;
}

footer .btnBox .add_cate {
	width: 176px;
	padding: 0 14px 0 38px;
	color:#161638;
	border:1px solid #8a8a9b;
	background: url(../img/ico_add03.png) no-repeat 16px center #fff;
}

footer .btnBox .delete {
	width: 146px;
	height: 38px;
	padding: 0 14px 0 38px;
	border-radius: 3px;
	background: url(../img/ico_trash02.png) no-repeat 18px center #d75452;
	color:#fff;
	font-size: 15px;
}





/*--------------------------------------------------------------------------------
	サイド
--------------------------------------------------------------------------------*/

#side {
	position: fixed;
	left: 0;
	width: 200px;
	height: 100%;
	padding:0 !important;
	background: #f3f3f5;
	z-index: 11;
}

#side .menu {
	text-align: center;
	font-size: 15px;
}

#side .menu li {
	border-bottom: 2px solid #d4d4db;
}

#side .menu li a {
	position: relative;
	display: flex;
	color:#161638;
	background: #f3f3f5;
	text-decoration:none;
	vertical-align: middle;
}
.account #side .menu li.account a ,
.item #side .menu li.item a ,
.user #side .menu li.user a ,
.sales #side .menu li.sales a ,
.daily #side .menu li.daily a ,
.mail #side .menu li.daily a ,
.mail #side .menu li.mails a ,
.entry #side .menu li.entry_tickets a ,
.order #side .menu li.order a ,
.reserve #side .menu li.reserve a ,
.subsc #side .menu li.subsc a ,
#side .menu li a:hover {
	background: #fff;
}

.account.shop2 #side .menu li.account a,
.account.shop3 #side .menu li.account a{
	background: #f3f3f5 !important;
}

#side .menu li a i {
	position: absolute;
	top: 0;
	bottom: 0;
    left: 30px;
    width: 30px;
    height: 30px;
    margin: auto;
    font-size: 30px;
	color: #a0a0ae;
}

#side .menu li a span {
	display: block;
	padding: 25px 0 25px 79px;
	text-align:left;
}

#side .menu li.mails a span {
		padding: 15px 0 15px 79px;
}	

#side .menu li.user a span {	background: url(../img/ico_nav_user.png) no-repeat 26px center;}
#side .menu li.sales a span {	background: url(../img/ico_nav_sales.png) no-repeat 26px center;}
#side .menu li.daily a span {	background: url(../img/ico_nav_daily.png) no-repeat 26px center;}
#side .menu li.reserve a span {	background: url(../img/ico_nav_reserve.png) no-repeat 26px center;}
#side .menu li.order a span {	background: url(../img/ico_nav_order.png) no-repeat 26px center;}
#side .menu li.mails a span {	background: url(../img/ico_nav_mail.png) no-repeat 26px center;}
#side .menu li.entry_tickets a span {	background: url(../img/ico_numbering_black.png) no-repeat 26px center;}
#side .menu li.marketing a span {	background: url(../img/ico_marketing.png) no-repeat 26px center;}
#side .menu li.art a span {	    background: url(../img/ico_nav_marketing.png) no-repeat 26px center;}
#side .menu li.movie a span {	background: url(../img/ico_nav_movie01.png) no-repeat 26px center;}
#side .menu li.movie_smaregi a span {	background: url(../img/ico_nav_movie02.png) no-repeat 26px center;}
#side .menu li.help a span {	background: url(../img/ico_help.png) no-repeat 26px center;}


#side .menu li.item .sidebar-sub-menu ul{
	padding-left: 0;
    list-style: none;
	
}


#side .menu li.item .sidebar-sub-menu{
	display: none;
}
#side .menu li.item .fly-out-list{
    background-color: "#ccc";
    border-top: 1px solid rgb(201, 201, 201);
    border-bottom: 1px solid rgb(201, 201, 201);
    border-right: 1px solid rgb(201, 201, 201);
    /* border-radius: 20px; */
    position: absolute;
    left: 200px;
    top: 73px;
    display: block;
    width: 180px;
}


#side .menu li.item .fly-out-list .sub-list{
	border: none;
}

/*--------------------------------------------------------------------------------
    flexBox
--------------------------------------------------------------------------------*/

.flex {
    display: flex;
}

.flex.justify-content-end {
    justify-content: end;
}

/*--------------------------------------------------------------------------------
	位置
--------------------------------------------------------------------------------*/

.center {
	text-align: center;
}


/*--------------------------------------------------------------------------------
	隙間
--------------------------------------------------------------------------------*/

.mt15 {
	margin-top: 15px !important;
}

.mt65 {
	margin-top: 65px !important;
}

/*--------------------------------------------------------------------------------
	フォントサイズ
--------------------------------------------------------------------------------*/

.bold {
	font-weight: bold;
}

.f22 {
	font-size: 22px !important;
}

/* 多言語アイコン */
input.i18n_input {
	width: 100%;
	margin-bottom: 10px;
}
input.input_ja {
  padding:0 12px 0 34px;
  background:url(/assets/img/ico_lang01.png) no-repeat 5px center;
}
input.input_en {
  padding:0 12px 0 34px;
  background:url(/assets/img/ico_lang02.png) no-repeat 5px center;
}
input.input_hans {
  padding:0 12px 0 34px;
  background:url(/assets/img/ico_lang03.png) no-repeat 5px center;
}
input.input_hant {
  padding:0 12px 0 34px;
  background:url(/assets/img/ico_lang04.png) no-repeat 5px center;
}
input.input_ko {
  padding:0 12px 0 34px;
  background:url(/assets/img/ico_lang05.png) no-repeat 5px center;
}
textarea.input_ja {
  padding:12px 34px;
  background:url(/assets/img/ico_lang01.png) no-repeat 5px center;
}
textarea.input_en {
  padding:12px 34px;
  background:url(/assets/img/ico_lang02.png) no-repeat 5px center;
}
textarea.input_hans {
  padding:12px 34px;
  background:url(/assets/img/ico_lang03.png) no-repeat 5px center;
}
textarea.input_hant {
  padding:12px 34px;
  background:url(/assets/img/ico_lang04.png) no-repeat 5px center;
}
textarea.input_ko {
  padding:12px 34px;
  background:url(/assets/img/ico_lang05.png) no-repeat 5px center;
}


/*--------------------------------------------------------------------------------
	コンテンツ
--------------------------------------------------------------------------------*/

#ctArea .inner {
	position: relative;
	width: 1140px;
	margin: 0 auto;
	padding: 0 30px 0 230px;
}
.login #ctArea .inner {
	padding: 0 30px;
}

@media screen and (max-width: 1400px){
#ctArea .inner {
	width: auto;
}
.order.index #ctArea .inner {
	width: 940px;
}
}

#ctArea .breadcrumb {
	margin:0 0 -10px;
	padding: 15px 30px 13px 230px;
	letter-spacing:-0.5em;
	border-bottom:1px solid #ebebeb;
}

#ctArea .breadcrumb li {
	display:inline-block;
	margin:0 10px 0 0;
	font-size:12px;
	letter-spacing:0;
	vertical-align:top;
}

#ctArea .breadcrumb li a {
	color:#5C5C74;
	margin:0 10px 0 0;
}

#ctArea .breadcrumb li span {
	color:#5C5C74;
	font-weight:bold;
}

#ctArea .ttlBox {
	padding: 48px 0 28px;
}

#ctArea .ttlBox h2 {
	float: left;
	color:#5C5C74;
	font-size: 30px;
}

#ctArea .ttlBox h2.title_icon {
	background: url("../img/ico_numbering_black.png") no-repeat left center;
	padding-left: 45px;
	line-height: 1.4;
	display: inline-block;
}

#ctArea .ttlBox h2.icoOem {
	padding:0 0 0 52px;
	background: url(../img/img_oem_03.png) no-repeat left center;
}

#ctArea .ttlBox h2.icoStore {
	padding:0 0 0 52px;
	background: url(../img/img_store_03.png) no-repeat left center;
}

.item.index #ctArea .ttlBox h2 {
	position: relative;
	padding:0 0 0 54px;
}

.item.index #ctArea .ttlBox h2 i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	width: 30px;
	height: 30px;
	margin: auto;
	font-size: 30px;
	color: #a0a0ae;
}

.user.index #ctArea .ttlBox h2 {
	padding:0 0 0 54px;
	background: url(../img/ico_ttl_user01.png) no-repeat left center;
}

.sales.index #ctArea .ttlBox h2 {
	padding:0 0 0 54px;
	background: url(../img/ico_ttl_sales01.png) no-repeat left center;
}

.mail.index #ctArea .ttlBox h2 {
	padding:0 0 0 54px;
	background: url(../img/ico_nav_mail.png) no-repeat left center;
}

.order.index #ctArea .ttlBox h2 {
	margin:0 0 10px;
	padding:0 0 0 40px;
	background: url(../img/ico_ttl_order02.png) no-repeat left center;
}

.reserve #ctArea .ttlBox h2 {
	margin:0 0 20px;
	padding:0 0 0 54px;
	background: url(../img/ico_ttl_reserve01.png) no-repeat left center;
}
.order.detail #ctArea .ttlBox h2 {
	float: none;
	margin:0 0 62px;
	padding:0 0 0 40px;
	background: url(../img/ico_ttl_order02.png) no-repeat left center;
}

.order.detail #ctArea .ttlBox h3 {
	float: left;
	color: #5c5c74;
	font-size: 24px;
}

#ctArea .ttlBox .accountEdit {
	float: left;
	width: auto;
	margin: 5px 0 0 28px;
}

#ctArea .ttlBox .accountEdit a {
	display: block;
	padding: 4px 18px 4px 42px;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #B9B9C3;
	border-radius: 15px;
	background: url(../img/img_oem_03.png) no-repeat left 18px center;
	background-size: auto 20px;
}
#ctArea .ttlBox .shop_link,
#ctArea .ttlBox .shop_link_table,
#ctArea .ttlBox .shop_link_takeout,
#ctArea .ttlBox .shop_link_icon {
	float: left;
	width: auto;
	margin: 5px 0 0 12px;
}

#ctArea .ttlBox .shop_link a,
#ctArea .ttlBox .shop_link_table a,
#ctArea .ttlBox .shop_link_takeout a {
	display: block;
	padding: 4px 18px;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #B9B9C3;
	border-radius: 15px;
	background-size: auto 20px;
}

#ctArea .ttlBox .shop_link_icon a {
	display: block;
	padding: 4px 18px 4px 42px;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #B9B9C3;
	border-radius: 15px;
	background: url(../img/ico_numbering_black.png) no-repeat 10px;
	background-size: auto 20px;
}

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

#ctArea .ttlBox .shop_link_table + div {
width: 100%;
}

}

#ctArea .ttlBox .basic_btn {
    margin-top: 7px;
    margin-right: 10px;
}

.order.detail #ctArea .ttlBox .status,
.pay_select {
	float: right;
	display: flex;
	align-items: center;
	color: #161539;
	font-size: 16px;
}

.order.detail #ctArea .ttlBox .status .btn,
.pay_select .btn {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 5px 10px;
    border-radius: 50px;
    background: #5c5c74;
    color: #fff;
    font-size: 12px;
    text-align: center;
}


.order.detail #ctArea .ttlBox .status span {
	margin: 0 0 0 0;
}

.order.detail #ctArea .ttlBox .status select{
	width: 200px;
	margin: 0 0 0 10px;
	padding: 3px 15px;
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
}

.order.detail #ctArea .ttlBox .status .is_completed_data {
	margin: 0 0 0 8px;
}

.order.detail #ctArea .ttlBox .status .is_completed_data [name='order_detail_reg_date'] {
	width: auto;
}

.pay_select select{
	width: 200px;
	margin: 0 0 0 40px;
	padding: 3px 15px;
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
}

.order.detail #ctArea .ttlBox .status .is_completed_data select[name='year'],
.order.detail #ctArea .ttlBox .status .is_completed_data select[name='month'],
.order.detail #ctArea .ttlBox .status .is_completed_data select[name='day'] {
	width: auto;
	margin: 0;
	padding: 0;
}

.order.detail #ctArea .ttlBox .err {
	display: none;
	margin: 0 54px 0 0;
	font-size: 14px;
	text-align: right;
}

#ctArea .ttlBox .back {
	float: right;
	margin: 5px 0 0 0;
	font-size: 18px;
}

#ctArea .ttlBox .back a {
	padding: 0 0 0 24px;
	background: url(../img/ico_arw_back01.png) no-repeat left center;
}

#ctArea .ttlBox .link {
	float: right;
	margin: 5px 0 0 0;
	font-size: 18px;
}

#ctArea .contents {
	padding: 0 0 50px;
}
.login #ctArea .contents {
	padding: 228px 0 50px;
}

/* loginArea */

#ctArea .loginArea {
	text-align: center;
}

#ctArea .loginArea .logo {
	margin: 0;
}

#ctArea .loginArea .loginBox {
	width: 302px;
	margin: 102px auto 0;
	margin-top: 0px;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
}

#ctArea .loginArea .loginBox.mailsend_box {
	width: auto;
	margin: 102px auto 0;
	margin-top: 0px;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
}

#ctArea .loginArea .loginBox p {
	margin: 0 0 20px;
	font-size: 15px;
}
#ctArea .loginArea .loginBox p.password {
	margin: 0;
}

#ctArea .loginArea p.forgetpass {
	margin: 14px 0 0;
	font-size: 15px;
	text-align: center;
}

#ctArea .loginArea .loginBox p span {
	display:block;
	margin:0 0 5px;
	padding:0 0 0 23px;
	color:#5C5C74;
	font-weight:bold;
}

#ctArea .loginArea .loginBox p input {
	display:block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #8a8a9b;
	border-radius: 3px;
	background: transparent;
}
#ctArea .loginArea .loginBox p.name span {	background: url(../img/ico_login_name.png) no-repeat left center transparent;}
#ctArea .loginArea .loginBox p.password span {	background: url(../img/ico_login_password.png) no-repeat left center transparent;}

#ctArea .loginArea .btnBox {
	margin: 38px 0 0;
}

#ctArea .loginArea .btnBox a {
	color:#5C5C74;
	font-size: 15px;
	font-weight:bold;
	text-decoration:underline;
}

#ctArea .loginArea .btnBox .login {
	width: 300px;
	height: 42px;
	border-radius: 3px;
	background: #5c5c74;
	box-shadow: 0 1px 0 rgba(0,0,0,.3);
	font-size: 15px;
	font-weight:bold;
	color: #fff;
}

/* inputArea */

#ctArea .inputArea table {
	width: 100%;
}

#ctArea .inputArea table th {
	width: 180px;
	padding: 10px 17px;
	text-align: left;
	font-size: 16px;
}

.order.detail #ctArea .inputArea table {
	border-bottom:1px solid #5C5C74;
}
.order.detail #ctArea .inputArea table th {
	width: auto;
	padding: 5px 15px;
	color:#5C5C74;
	font-size: 14px;
	text-align: center;
	background:#e7e7eb;
	border-top:1px solid #d0d0d7;
	border-bottom:1px solid #d0d0d7;
	border-right:1px solid #d0d0d7;
	box-sizing: border-box;
}
.order.detail #ctArea .inputArea table th:first-child {
	width: 68.5%;
	text-align: left;
}

.order.detail #ctArea .inputArea table th:last-child {
	border-right:none;
}

.order.detail #ctArea .inputArea table td {
	color:#5C5C74;
	font-size: 18px;
	padding: 10px 15px;
	vertical-align: middle;
	text-align: center;
	background:#fff !important;
	border-top:none;
	border-bottom:1px solid #5c5c75;
	border-right:1px solid #d0d0d7;
}
.order.detail #ctArea .inputArea table td:first-child {
	text-align: left;
}
.order.detail #ctArea .inputArea table td:last-child {
	text-align: right;
	border-right:none;
}

.order.detail #ctArea .inputArea table td p {
	font-size: 14px;
	line-height: 1.29;
}
.order.detail #ctArea .inputArea .total {
	margin: 15px 15px 0;
	color: #5c5c75;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

.order.detail #ctArea .inputArea .total span {
	font-size: 14px;
}

#ctArea .inputArea table td input.name {	width: 270px;}
#ctArea .inputArea table td input.password {	width: 270px;}
#ctArea .inputArea table td input.email {	width: 454px;}

#ctArea .inputArea table td .note {
	color: #999;
}
#ctArea .inputArea table td span.note {
	padding: 0 0 0 .5em;
}

/* searchArea */

#ctArea .searchArea {
	margin: 0 0 39px;
	padding: 18px 38px 24px;
	border:2px solid #eee;
	border-radius: 3px;
	background: #f8f8f9;
}
.order.index #ctArea .searchArea ,
.user #ctArea .searchArea {
	position:relative;
	padding: 18px 25px 93px;
}
.sales #ctArea .searchArea {
	position:relative;
	padding: 18px 25px 4px;
}

.sales.index #ctArea .searchArea form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sales #ctArea .searchArea form.sales_item_search_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#ctArea .searchArea .searchBox {
	float:left;
	font-size: 14px;
}

.sales #ctArea form.sales_item_search_area .searchBox {
	float: none;
	font-size: 14px;
}

#ctArea .searchArea .searchBox p {
	float:left;
	width:302px;
	margin:0 28px 0 0;
}

.sales #ctArea form.sales_item_search_area .searchBox p {
	float:left;
	width:302px;
	margin:0 0 20px 0 !important;
}

#ctArea .searchArea .searchBox .radio_input {
	float: none;
	width: 150px !important;
	margin: 0 31px 0 0 !important;
}

#ctArea .searchArea .searchBox .radio_input_box {
	justify-content: space-between;
	margin: 0 !important;
	padding: 8px 0 0 !important;
}

#ctArea .searchArea .searchBox .radio_input_box label {
	display: block;
	margin: 0 6px 0 0;
}

#ctArea .searchArea .searchBox .radio_input_box input {
	width: auto !important;
	vertical-align: middle !important;
}

#ctArea .searchArea .searchBox .radio_input_box span label input {
	width: 33px;
}

#ctArea .searchArea .searchBox .box {
	float:left;
	width:172px;
	margin:0 47px 0 0;
}
/*
#ctArea .searchArea .searchBox p:first-child {
	width:202px;
}
*/
.order.index #ctArea .searchArea .searchBox p ,
.user #ctArea .searchArea .searchBox p {
	float:left;
	width:186px;
	margin:0 42px 0 0;
}
.sales #ctArea .searchArea .searchBox p {
/*	width:225px;
	margin:0 45px 0 0; */
	width:550px;
	margin:0 45px 20px 0;
}
.sales.index #ctArea .searchArea .searchBox p {
		width:auto;
		margin:0 45px 20px 0;
	}
#ctArea .searchArea .searchBox p.link {
	margin: 6px 0 0;
	letter-spacing: 0;
}
.order.index #ctArea .searchArea .searchBox p.link ,
.user #ctArea .searchArea .searchBox p.link {
	position:absolute;
	top:105px;
	left:50%;
	margin:0 0 0 -93px;
	text-align:center;
}
.order.index #ctArea .searchArea .searchBox p.link a ,
.user #ctArea .searchArea .searchBox p.link a {
	display:block;
	height:auto;
	padding:0 0 35px;
	color:#1155CC;
	font-size:15px;
	font-weight:normal;
	text-decoration:underline;
	background: url(../img/ico_searchform01.png) no-repeat center bottom;
}
#ctArea .searchArea .searchBox p > * {
	display: inline-block;
	height:40px;
	margin-right: .5em;
	padding:3px 10px;
	font-size:15px;
	vertical-align: middle;
	letter-spacing: 0;
}

.sales.index #ctArea .searchArea form span {
	height:auto;
	margin-right: .5em;
	padding: 0;
	font-size:15px;
	vertical-align: middle;
}

/* -----------------------------------------------------
Customer/list
------------------------------------------------------ */

#ctArea .inner.nolets_area .searchArea  {
	display: grid;
	grid-template-columns: 400px 400px 1fr;
	justify-content: space-between;
	column-gap: 20px;
	row-gap: 30px;
	padding: 18px 25px 25px 25px;
}

#ctArea .inner.nolets_area .searchArea .searchBox {
	float: none;
}

#ctArea .inner.nolets_area .searchArea .searchBox p {
	width: 100%;
	margin: auto;
}

#ctArea .inner.nolets_area .searchArea .searchBox input,
#ctArea .inner.nolets_area .searchArea .searchBox select {
	width: 100%;
}

#ctArea .inner.nolets_area .searchArea .searchBox:first-child {
	grid-column: 1/3;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(2) {
	grid-column: 1/2;
	grid-row: 2/3;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(3) {
	grid-column: 2/3;
	grid-row: 2/3;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) {
	grid-column: 3/4;
	grid-row: 2/3;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) select {
	width: 30.3333% !important;
	margin: 0 10px 0 0;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) select:last-child {
	margin: 0 0 0 0;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(5) {
	grid-column: 1/2;
	grid-row: 3/4;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(6) {
	grid-column: 2/4;
	grid-row: 3/4;
}

#ctArea .inner.nolets_area .searchArea .btnBox {
	grid-column: 1/4;
	grid-row: 4/5;
}

/* ボタン */
#ctArea .inner.nolets_area .searchArea .btnBox {
	display: flex;
	justify-content: center;
	padding: 10px 0 0;
}

#ctArea .inner.nolets_area .searchArea .btnBox p {
	float: none;
	margin: 0 10px !important;
}

#ctArea .inner.nolets_area .searchArea .btnBox p input.reset {
	padding: 0 0 0 0 !important;
}

/* 顧客詳細 */

#ctArea .customer_list_detail_area {
	margin: 50px 0 0;
}

#ctArea .customer_list_detail_area h2 {
	font-size: 24px;
}

#ctArea .customer_list_detail_area .tab_area {
	margin: 10px 0 0;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	border: 2px #E7E7EB solid;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li a {
	display: block;
	padding: 8px;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li a:hover {
	background: #E0E0E4;
	text-decoration: none;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li.active a {
	background: #E0E0E4;
}


/* ボタンレイアウト */

#ctArea .btn_area210105 {
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
}

#ctArea .btn_area210105 p {
	margin: 0 10px;
}

#ctArea .btn_area210105 .cancel {
	width: 146px;
	height: 38px;
	border:1px solid #8a8a9b;
	border-radius: 3px;
	background: #fff;
	color:#161638;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .save,
#ctArea .btn_area210105 #submitEdit {
	width: 146px;
	height: 38px;
	padding:0 0 0 22px;
	border-radius: 3px;
	background:url(../img/ico_save01.png) no-repeat 31px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .search {
	height: 38px;
	padding:0 19px 0 37px;
	border-radius: 3px;
	background:url(../img/ico_search02.png) no-repeat 16px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .btn a {
	display: block;
	height: 38px;
	padding: 0 19px 0 19px;
	border-radius: 3px;
	background: #5c5c74;
	color:#fff;
	font-size: 15px;
	line-height: 2.53;
}

#ctArea .btn_area210105 .add {
	height: 38px;
	padding: 0 19px 0 40px;
	border-radius: 3px;
	background: url(../img/ico_add02.png) no-repeat 19px center #5c5c74;
	color:#fff;
	font-size: 15px;
}

#ctArea .btn_area210105 a.add {
	display: block;
	line-height: 2.53;

}

#ctArea .btn_area210105 .linkBtn {
	font-size: 18px;
}

#ctArea .btn_area210105 .btn a:hover,
#ctArea .btn_area210105 a.add:hover {
	text-decoration: none;
	opacity: 0.7;
}

#ctArea .btn_area210105 .add_cate {
	width: 176px;
	padding: 0 14px 0 38px;
	color:#161638;
	border:1px solid #8a8a9b;
	background: url(../img/ico_add03.png) no-repeat 16px center #fff;
}

#ctArea .btn_area210105 .delete {
	width: 146px;
	height: 38px;
	padding: 0 14px 0 38px;
	border-radius: 3px;
	background: url(../img/ico_trash02.png) no-repeat 18px center #d75452;
	color:#fff;
	font-size: 15px;
}

#ctArea .basic_btn {
    width: 146px;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #8a8a9b;
    font-size: 15px;
    box-sizing: border-box;
}

/* 顧客詳細テーブル */

#ctArea .user_detail_area210105 {
	margin: 36px 0 0;
}

#ctArea .user_detail_area210105 table {
	border-top:2px solid #e9ecef !important;
}

#ctArea .user_detail_area210105 th {
	border-right:2px solid #e9ecef !important;
	border-bottom:2px solid #e9ecef !important;
	font-weight: normal !important;
}
#ctArea .user_detail_area210105 td {
	border-bottom:2px solid #e9ecef !important;
	background: none !important;
}

#ctArea .user_detail_area210105 td select {
	width: auto !important;
}

/* 購買履歴一覧テーブル */

#ctArea .listTableArea210105 {
	margin: 36px 0 0;
}
#ctArea .listTableArea210105 th {
	border: 2px solid #E7E7EB !important;
	}
#ctArea .listTableArea210105 td {
	padding: 12px 8px !important;
	border: 2px solid #E7E7EB !important;
	font-size: 12px !important;
	text-align: center !important;
}

/*
	顧客詳細 注文管理
	/Auth/Customer/order_management
 */

.order.detail #ctArea .order_management_area210105 {
	padding: 0 30px;
}

.order.detail #ctArea .order_management_area210105.ttl {
	display: flex;
	justify-content: space-between;
}

.order.detail #ctArea .order_management_area210105 .clearfix h3 {
	font-size: 20px;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox {
	justify-content: space-between;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox p {
	margin: 0 10px 0 0;
	padding: 0 0 0 35px;
	font-size: 16px;
	line-height: 2;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status {
	font-size: 16px;
	text-align: right;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status select {
	width: 200px;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status .btn {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	border-radius: 50px;
	background: #5c5c74;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.order.detail #ctArea .order_management_area210105 .userBox h3 {
	font-size: 24px;
}


@media screen and (max-width: 1200px){
#ctArea .searchArea .searchBox p > *:last-child {
	margin-right: 0;
}
}
#ctArea .searchArea .searchBox .box .label ,
#ctArea .searchArea .searchBox p .label ,
#ctArea .searchArea .btnBox p .label {
	display:block;
	height:auto;
	margin:0 0 4px;
	padding:0 0 0 7px;
	font-size: 15px;
	line-height:1.4;
	border-left:7px solid #b9b9c3;
}

#ctArea .searchArea .searchBox .box ul {
	display:inline-block;
	letter-spacing:-0.5em;
}
#ctArea .searchArea .searchBox .box ul li {
	display:inline-block;
	width:55px;
	padding:7px 0;
	color:#161638;
	font-size:15px;
	letter-spacing:0;
	vertical-align:top;
	text-align:center;
	border:1px solid #e6e6e6;
	border-left:none;
	background:#fff;
	cursor:pointer;
}
#ctArea .searchArea .searchBox .box ul li:first-child {
	border-radius:3px 0 0 3px;
	border-left:1px solid #e6e6e6;
}
#ctArea .searchArea .searchBox .box ul li:last-child {
	border-radius:0 3px 3px 0;
}
#ctArea .searchArea .searchBox .box ul li.act {
	font-weight:bold;
	background:#d0d0d7;
}
#ctArea .searchArea .searchBox p select.category {	width: 202px;}
#ctArea .searchArea .searchBox p select.count {	width: 177px;}
#ctArea .searchArea .searchBox p select.birth {	width: 177px;}
#ctArea .searchArea .searchBox p select.gender {	width: 157px;}
#ctArea .searchArea .searchBox p select.type {	width: 157px;}
/*
#ctArea .searchArea .searchBox p select.month {	width: 117px;}
#ctArea .searchArea .searchBox p select.year {	width: 117px;}
#ctArea .searchArea .searchBox p select.day {	width: 117px;}
*/
#ctArea .searchArea .searchBox p input.name {	width: 302px;}
.user #ctArea .searchArea .searchBox p select.count {	width: 186px;}
.user #ctArea .searchArea .searchBox p select.birth {	width: 186px;}
.user #ctArea .searchArea .searchBox p select.gender {	width: 186px;}

#ctArea .searchArea .searchBox p.link a {
	padding: 0 0 0 14px;
	background: url(../img/ico_arw01.png) no-repeat left center;
	font-size: 16px;
	font-weight: bold;
	color: #399;
}

#ctArea .searchArea .btnBox {
	float: left;
}
#ctArea .searchArea .btnBox.right {
	float: right;
}
.sales #ctArea form.sales_item_search_area .btnBox {
	float: none;
	width: 146px;
}

.sales #ctArea form.sales_item_search_area .btnBox p {
	float: none;
	margin:0 0 20px !important;
	text-align: center;
}



@media screen and (max-width: 1200px){
#ctArea .searchArea .btnBox.right {
	float: none;
	margin: 12px 0 0;
}
}

#ctArea .searchArea .btnBox p {
	float: left;
	margin: 25px 10px 0 0;
}

#ctArea .searchArea .btnBox p.ordered {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 31px 10px 0 0;
}

#ctArea .searchArea .btnBox p.ordered span {
	display: inline-block;
	margin: 0 6px 0 0;
}

#ctArea .searchArea .btnBox p select {
	height: 38px;
	padding-left: 5px;
	font-size: 15px;
}

.sales #ctArea .searchArea .btnBox p {
	margin:0 10px 20px 0;
}
#ctArea .searchArea .btnBox .show {
	width:146px;
	height: 38px;
	padding:0 0 0 20px;
	border-radius: 3px;
	border:1px solid #8a8a9b;
	background: #fff url(../img/ico_search01.png) no-repeat 30px center;
	color: #333;
	font-size: 15px;
	box-sizing:border-box;
}
#ctArea .searchArea .btnBox .show_log {
	width:146px;
	height: 38px;
	padding:0 0 0 20px;
	border-radius: 3px;
	border:1px solid #8a8a9b;
	background: #fff url(../img/ico_search01.png) no-repeat 12px center;
	color: #333;
	font-size: 15px;
	box-sizing:border-box;
}
#ctArea .searchArea .btnBox .reset {
	display: inline-block;
	width:146px;
	height: 38px;
	padding: 7px 0 0 0;
	border-radius: 3px;
	border:1px solid #8a8a9b;
	background: #fff;
	font-size: 15px;
	box-sizing:border-box;
	text-align: center;
}
#ctArea .searchArea .btnBox .reset:hover {
	text-decoration: none;
	opacity: .75;
}
.order.index #ctArea .searchArea .btnBox p ,
.user #ctArea .searchArea .btnBox p {
	margin: 25px 56px 0 0;
}
@media screen and (max-width: 1200px){

.order.index #ctArea .searchArea .btnBox p ,
.user #ctArea .searchArea .btnBox p {
	margin: 14px 40px 0 0;
}
}
.order.index #ctArea .searchArea .btnBox .show ,
.user #ctArea .searchArea .btnBox .show ,
.sales #ctArea .searchArea .btnBox .show {
	background: #fff url(../img/ico_search01.png) no-repeat 15px center;
}

#ctArea .resetBtn .reset {
color: #333;
}

/* qrStoreSelectArea */
#ctArea .searchArea #qrStoreSelectArea{
    padding-top: 30px;
    display: flex;
    width: 100%;
}

#ctArea .searchArea #qrStoreSelectArea #form_post_qr_select_store {
    display: flex;
}

#ctArea .searchArea #qrStoreSelectArea #form_post_qr_select_store p .label {
    display: block;
    height: auto;
    margin: 0 0 4px;
    padding: 0 0 0 7px;
    font-size: 15px;
    line-height: 1.4;
    border-left: 7px solid #b9b9c3;
}

#ctArea .searchArea #qrStoreSelectArea #form_post_qr_select_store .select_area {
    margin: 0 28px 0 0;
}

#ctArea .searchArea #qrStoreSelectArea #form_post_qr_select_store select {
	height: 38px;
	padding-left: 5px;
	font-size: 15px;
    min-width: 302px;
}

#ctArea .searchArea #qrStoreSelectArea #form_post_qr_select_store input {
    display: inline-block;
    width: 146px;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #8a8a9b;
    background: #fff;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    margin: 25px 10px 0 0;
}

#ctArea .searchArea #qrStoreSelectArea #qr_show_area {
	font-size: 15px;
}

#ctArea .searchArea #qrStoreSelectArea #qr_show_area .select_store_qr_toggle {
    display: inline-block;
    width: 146px;
    height: 38px;
    border-radius: 3px;
    padding: 7px 0 0 0;
    border: 1px solid #8a8a9b;
    background: #fff;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin: 25px 20px 0 0;
}

#ctArea .searchArea #qrStoreSelectArea #qr_show_area .show_qr_other_page {
    margin-left: 10px;
}

/* listTableArea */

#ctArea .listTableArea h3 {
	color:#5C5C74;
	font-size:18px;
	font-weight:bold;
}

#ctArea .listTableArea table {
	position:relative;
	width: 100%;
	border-collapse:collapse;
}

#ctArea .listTableArea table:after {
	content:'';
	position:absolute;
	top:56px;
	left:0;
	width:100%;
	height:2px;
	/*border-bottom: 2px solid #b2bbc6;*/
}

#ctArea .listTableArea table th {
	padding: 19px 9px;
	border-right: 2px solid #f1f3f5;
	border-top: 2px solid #f1f3f5;
	vertical-align: middle;
	text-align: left;
	color:#5C5C74;
	font-size: 13px;
	font-weight: bold;
	box-sizing:border-box;
}
#ctArea .listTableArea table th:first-child {
	padding:9px 9px;
	text-align:center;
}
.user #ctArea .listTableArea table th:nth-child(9) ,
#ctArea .listTableArea table th:last-child ,
.user #ctArea .listTableArea table td:nth-child(9) ,
#ctArea .listTableArea table td:last-child {
	border-right:none;
}

#ctArea .listTableArea table th * {
	font-weight: bold;
}

#ctArea .listTableArea table td {
	padding: 25px 13px;
	background: #fff;
	vertical-align: middle;
	text-align: left;
	color:#454560;
	font-size: 13px;
	border-right: 2px solid #E6E9ED;
	border-bottom: 2px solid #E6E9ED;
}
#ctArea .listTableArea table td.StoreName {
	color: #1155CC;
}
.user #ctArea .listTableArea table td {
	padding: 13px 13px;
}
#ctArea .listTableArea table td:first-child {
	padding: 13px 20px;
	text-align:center;
}
#ctArea .listTableArea table tr:nth-child(2n) td {
	background: #F8F8F9;
}

#ctArea .listTableArea table td a {
	color: #1155CC;
}

#ctArea .listTableArea table td.select {	width: 6.38%;}
#ctArea .listTableArea table td.id {	width: 11%;}
#ctArea .listTableArea table td.name {	width: 34.9%;}
#ctArea .listTableArea table td.category {	width: 16%;}
#ctArea .listTableArea table td.price {	width: 13.83%; text-align:right;}
#ctArea .listTableArea table td.tax {	width: 11%;}

@media screen and (max-width: 1200px){
#ctArea .listTableArea table td.name {	width: 27%;}
#ctArea .listTableArea table td.category {	width: 27%;}
#ctArea .listTableArea table td.price {	width: 13.5%;}
#ctArea .listTableArea table td.tax {	width: 10.5%;}
}

#ctArea .listTableArea table td input[type="text"] ,
#ctArea .listTableArea table td input[type="tel"] ,
#ctArea .listTableArea table td input[type="email"] ,
#ctArea .listTableArea table td input[type="password"] ,
#ctArea .listTableArea table td select {
	width: 100%;
	font-size: 16px;
}

#ctArea .listTableArea table th input[type="checkbox"] ,
#ctArea .listTableArea table td input[type="checkbox"] {
	width: 16px;
	height: 16px;
}

#ctArea .listTableArea table td.soldOut {
	width: 64px;
}

#ctArea .listTableArea table td.show {
	width: 48px;
}

#ctArea .listTableArea table td.trash {
	width: 32px;
}

#ctArea .listTableArea table td.link {
	width: 48px;
	font-size: 16px;
	font-weight: bold;
}

#ctArea .listTableArea table td.link a {
	color: #399;
}


#ctArea .listTableArea .note {
	margin: 10px 0 0;
	color:#5C5C74;
	font-size: 15px;
	line-height:1.7;
}

#ctArea .listTableArea .note a {
	color: #1155CC;
	text-decoration:underline;
}

/* listGraphArea */

#ctArea .listGraphArea {
	margin: 0 10px;
}

#ctArea .listGraphArea .graphBox {
	margin: 0 0 35px;
	padding: 16px 0 10px;
}

#ctArea .listGraphArea .graphBox h3 {
	color:#161638;
	font-size: 22px;
	text-decoration:underline;
}

#ctArea .listGraphArea .graphBox .graphCanvas > * {
	width: 100% !important;
}

#ctArea .listGraphArea table {
	position:relative;
	width: 100%;
	border-top: 2px solid #e6e9ed;
}

#ctArea .listGraphArea table th {
	padding: 4px 15px;
	border-right: 2px solid #e6e9ed;
	vertical-align: middle;
	text-align: left;
	color:#5C5C74;
	font-size: 13px;
	font-weight:bold;
	box-sizing:border-box;
}
#ctArea .listGraphArea table th:first-child {
	width: 20%;
}
#ctArea .listGraphArea table th:last-child {
	border-right: none;
}
#ctArea .listGraphArea table th.col{
	width: 110px;
	border-top: 2px solid #e6e9ed;
}

#ctArea .listGraphArea table th * {
	font-weight: bold;
}

#ctArea .listGraphArea table td {
	padding: 10px 15px;
	border-bottom: 2px solid #e6e9ed;
	border-right: 2px solid #e6e9ed;
	background: #fff;
	vertical-align: middle;
	text-align: right;
	font-size: 13px;
}
#ctArea .listGraphArea table td:first-child {
	text-align:left;
}
#ctArea .listGraphArea table tr td:last-child {
	border-right: none;
}
#ctArea .listGraphArea table tr:nth-child(2n+1) td {
	background: #f5f5f5;
}

#ctArea .listGraphArea table td a {
	color: #1155CC;
}

/* itemDetailArea */

#ctArea .itemDetailArea table {
	width: 100%;
	border-top:2px solid #f3f4f6;
}

#ctArea .itemDetailArea table .required th span:after {
	display: inline-block;
	margin: 0 0 3px 1em;
	padding: 1px 5px;
	background: #d75452;
	vertical-align: middle;
	font-size: 10px;
	color: #fff;
	content: "必須";
}

#ctArea .itemDetailArea table tr {
	border-bottom:2px solid #f3f4f6;
}

#ctArea .itemDetailArea table th {
	width: 184px;
	padding: 12px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color:#5C5C74;
	font-size: 15px;
	font-weight: bold;
	background:#f8f8f9;
	box-sizing:border-box;
}

#ctArea .itemDetailArea table td {
	padding: 7px 17px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	font-size: 16px;
}

#ctArea .inputArea table td.lang label,
#ctArea .itemDetailArea table td.lang label {
	display:inline-block;
	width:46px;
	margin:0 8px 0 0;
	padding:1px 0;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:#454560;
	border-radius:3px;
}

#ctArea .inputArea table td.lang input,
#ctArea .itemDetailArea table td.lang input {
	width: 91.9%;
}

#ctArea .inputArea table td.lang #error_message,
#ctArea .itemDetailArea table td.lang #error_message {
	margin:0 0 6px;
}

#ctArea .inputArea table td.lang #error_message:last-child,
#ctArea .itemDetailArea table td.lang #error_message:last-child {
	margin:0;
}

#ctArea .itemDetailArea table td input:read-only {
background-color: #eee;
}

#ctArea .itemDetailArea table td input[type="text"] ,
#ctArea .itemDetailArea table td input[type="tel"] ,
#ctArea .itemDetailArea table td input[type="email"] ,
#ctArea .itemDetailArea table td input[type="password"] {
	height: 40px;
	border:2px solid #e6e6e6;
	border-radius:3px;
	box-sizing:border-box;
}

#ctArea .itemDetailArea table td input.name {	width: 100%;}
#ctArea .itemDetailArea table td input.price01 {	width: 100%;}
#ctArea .itemDetailArea table td input.price02 {	width: 27.5%;}

#ctArea .itemDetailArea table td input.price02+label {
	margin:0 0 0 6%;
}

#ctArea .itemDetailArea table td .stockBox ,
#ctArea .itemDetailArea table td .perBox {
display: flex;
justify-content: space-between;
}

#ctArea .itemDetailArea table td .perBox,
#ctArea .itemDetailArea table td .soldOutBox {
margin: 10px 0 0;
}

#ctArea .itemDetailArea table td .stockBox .noteBox {
flex: 1;
margin: 0 0 0 3%;
}

#ctArea .itemDetailArea table td .perBox .noteBox {
    flex: 1;
}

#ctArea .itemDetailArea table td .stockBox .noteBox span:first-child {
margin: 0;
}

#ctArea .itemDetailArea table td .perBox .inputBox {
width: 30.6%;
}

#ctArea .itemDetailArea table td .perBox .inputBox + .inputBox {
width: auto;
flex: 1;
}

#ctArea .itemDetailArea table td .perBox .inputBox .price02 {
width: 51%;
}

#ctArea .itemDetailArea table td .perBox .inputBox + .inputBox .price02 {
width: 35%;
}

#ctArea .itemDetailArea table td select {
	height: 40px;
	padding:0 5px;
	border:2px solid #e6e6e6;
	border-radius:3px;
	box-sizing:border-box;
}

#ctArea .itemDetailArea table td select.category {	width: 27.5%;}
#ctArea .itemDetailArea table td select.tax {	width: 27.5%;}

#ctArea .itemDetailArea table td textarea {
	width: 100%;
	height: 117px;
	padding:0 5px;
	border:2px solid #e6e6e6;
	border-radius:3px;
	box-sizing:border-box;
}

#ctArea .itemDetailArea table td .note {
	color: #8A8A9B;
}
#ctArea .itemDetailArea table td span.note {
	display:block;
	margin:5px 0 0;
	font-size:15px;
}
#ctArea .itemDetailArea table td textarea + span.note {
	display: block;
	width: 80%;
	padding: 0;
	text-align: right;
}

#ctArea .itemDetailArea table td .tableBtn a {
	display: block;
	width: 210px;
	padding: 9px 0 8px;
	border: 2px solid #ccc;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
	text-align: center;
	font-size: 16px;
}

#ctArea .itemDetailArea table td.imgSelect img {
	display:block;
	margin:0 0 10px;
    object-fit: contain;
}

#itemImgBtn {
	width:108px;
	background: #fff;
	color: #5C5C74;
	cursor: pointer;
	font-size:13px;
	padding: 2px 9px;
	display: inline-block;
	border:1px solid #8A8A9B;
	border-radius:3px;
}
#ctArea .itemDetailArea table td input[type="file"] {
	background: none;
	box-shadow: none;
	border: none;
}
#ctArea .itemDetailArea table td.imgSelect #itemFileName {
	height:25px;
	color:#5C5C74;
	font-size:15px;
	border:none;
}

/* userDetailArea */

#ctArea .userDetailArea .userDetailBox {
	padding: 0 0 50px;
}
#ctArea .userDetailArea .userDetailBox:first-child {
	padding: 0 0 20px;
	border-top: none;
}
#ctArea .userDetailArea .userDetailBox:last-child {
	padding: 0;
}

#ctArea .userDetailArea .userDetailBox h3 {
	color:#5c5c74;
	font-size: 18px;
	font-weight:bold;
}

#ctArea .userDetailArea .tableBox {
	width: 100%;
	margin: 6px 0 0;
}

#ctArea .userDetailArea .tableBox table {
	width: 100%;
	border-top:1px solid #e9ecef;
}

.account #ctArea .inputArea table {
	width: 100%;
	margin:30px 0 0;
	border-top:1px solid #e9ecef;
}

.account .inputArea h3 {
	color:#5c5c74;
	font-size:18px;
	font-weight:bold;
}

.account #ctArea .inputArea table th ,
#ctArea .userDetailArea .tableBox table th {
	width: 256px;
	padding: 8px 15px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;
	color:#5C5C74;
	font-size: 15px;
	background:#f8f8f9;
	box-sizing:border-box;
	border-bottom:1px solid #e9ecef;
}
#ctArea .userDetailArea .tableBox table th.vTop {
	vertical-align: top;
}

.account #ctArea .inputArea table td,
#ctArea .userDetailArea .tableBox table td {
	padding: 8px 25px 8px 16px;
	vertical-align: middle;
	color:#5C5C74;
	font-size: 15px;
	border-bottom:1px solid #e9ecef;
	box-sizing:border-box;
}
#ctArea .userDetailArea .tableBox table td.txt {
	padding: 10px 25px 10px 32px;
}
#ctArea .userDetailArea .tableBox table td > * {
	margin: 0 .5em 0 0;
}
#ctArea .userDetailArea .tableBox table td > *:last-child {
	margin: 0;
}

.account #ctArea .inputArea table td input ,
.account #ctArea .inputArea table td select ,
#ctArea .userDetailArea .tableBox table td input ,
#ctArea .userDetailArea .tableBox table td select {
	padding:0 12px;
	height:40px;
	color:#5C5C74;
}

#ctArea .userDetailArea .tableBox table td.err input ,
#ctArea .userDetailArea .tableBox table td.err textarea ,
#ctArea .userDetailArea .tableBox table td.err select {
	border:1px solid #D75452;
	color:#D75452;
}

#ctArea .userDetailArea .tableBox table td input.num {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.name {	width: 25%;}
#ctArea .userDetailArea .tableBox table td input.tel {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.email {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.zip {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.municipality {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.npid {	width: 100%;}

#ctArea .userDetailArea .tableBox table td input.birth {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.gender {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.receive {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.pref {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.count {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.country_select {	width: 27.5%;}

#ctArea .userDetailArea .tableBox table td textarea {
	width: 100%;
	height: 65px;
	color:#5C5C74;
}

#ctArea .userDetailArea .historyBox {
	margin: 40px 0 0;
}

#ctArea .userDetailArea .historyBox table {
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

#ctArea .userDetailArea .historyBox table th {
	padding: 4px;
	border-bottom: 1px solid #b6b6b6;
	font-size: 16px;
	font-weight: bold;
}

#ctArea .userDetailArea .historyBox table td {
	padding: 23px 4px;
	background: #fff;
	text-align: center;
	font-size: 14px;
}
#ctArea .userDetailArea .historyBox table tr:nth-child(2n) td {
	background: #f5f5f5;
}

/* salesDetailArea */

#ctArea .salesDetailArea {
	margin: 0 2px;
}

#ctArea .salesDetailArea .salesDetailBox {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 8px 0;
}

#ctArea .salesDetailArea .tableBox {
	display: table-cell;
	width: 33.3%;
	box-sizing: border-box;
	padding: 0 0 22px;
	border: 1px solid #D0D0D7;
	border-radius:5px;
}

#ctArea .salesDetailArea .tableBox h3 {
	margin: 0 0 4px;
	padding: 9px 12px;
	color:#5C5C74;
	font-size: 16px;
	font-weight:bold;
	background:#e7e7eb;
}

#ctArea .salesDetailArea .tableBox .tableBlock {
	font-size: 16px;
}
#ctArea .salesDetailArea .tableBox .tableBlock:last-child {
	border-bottom: none;
}
#ctArea .salesDetailArea .tableBox .tableBlock.salesSum {
	margin: 0 0 9px;
	border-bottom: none;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock {
	border-bottom: none;
}

#ctArea .salesDetailArea .tableBox .tableBlock table {
	width: 96%;
	margin:0 auto;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table.detail {
	display: none;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock.active table.detail {
	display: table;
	width:100%;
	background:#f8f8f9;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table.detail tr {
	border:none;
}

#ctArea .salesDetailArea .tableBox .tableBlock table tr {
	border-top: 1px solid #D0D0D7;
}
#ctArea .salesDetailArea .tableBox .tableBlock table .bdNone ,
#ctArea .salesDetailArea .tableBox .tableBlock table .countSum ,
#ctArea .salesDetailArea .tableBox .tableBlock.salesSum table tr {
	border:none !important;
}

#ctArea .salesDetailArea .tableBox .tableBlock table th {
	width: 60%;
	box-sizing: border-box;
	padding: 12px 0 11px 12px;
	color:#5C5C74;
	font-size:16px;
	text-align: left;
}
#ctArea .salesDetailArea .tableBox .tableBlock.salesSum table th ,
#ctArea .salesDetailArea .tableBox.category .tableBlock.salesSum table th {
	width: 60%;
	padding: 20px 0 40px 12px;
	vertical-align:top;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table tr {
	border-top: none;
	border-bottom: 1px solid #D0D0D7;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock.active table tr {
	border:none;
}

#ctArea .salesDetailArea .tableBox.category .tableBlock table th {
	width:50%;
	padding: 12px 12px 11px 0;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table.detail th {
	padding: 9px 12px 9px 6px;
}

#ctArea .salesDetailArea .tableBox.category .tableBlock table th a {
	padding: 0 0 0 24px;
	background: url(../img/ico_open01.png) no-repeat left center;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock.active table th a {
	background: url(../img/ico_open02.png) no-repeat left center;
}
#ctArea .salesDetailArea .tableBox.salesTable .tableBlock table tr {
	border-top: 1px solid #D0D0D7;
	border-bottom: none;
}
#ctArea .salesDetailArea .tableBox.salesTable .tableBlock table tr th {
	width: 60%;
	padding: 12px 0 11px 12px;
}
#ctArea .salesDetailArea .tableBox.salesTable .tableBlock table tr th a {
	margin-left: -12px;
}

#ctArea .salesDetailArea .tableBox .tableBlock table td {
	padding: 12px 12px 11px 0;
	color:#5C5C74;
	font-size:16px;
	text-align: right;
}
#ctArea .salesDetailArea .tableBox .tableBlock.salesSum table td ,
#ctArea .salesDetailArea .tableBox.category .tableBlock.salesSum table td {
	padding: 50px 12px 25px 0;
	font-size:24px;
	font-weight: bold;
	vertical-align:bottom;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table td {
	padding: 1px 12px 0 0;
}
#ctArea .salesDetailArea .tableBox.category .tableBlock table td.count {
	width: 52px;
	text-align: left;
}

/* frameArea */

.frameArea {
	position: relative;
	height: 780px;
	box-sizing: border-box;
	padding: 27px 12px 59px 29px;
	border:1px solid #d2d0d2;
	overflow-y: scroll;
}

.frameArea h3 {
	color:#161638;
	margin: 0 0 40px;
	font-size: 18px;
}

.frameArea h3 p {
display: none;
}

.frameArea h3 p:last-child {
display: block !important;
}

.frameArea .frameBox {
	margin: 0 0 50px;
}

.frameArea .frameBox table {
	width: 100%;
	border-bottom: 2px solid #f3f4f6;
}

.frameArea .frameBox table th {
	position:relative;
	padding:0 0 8px 4px;
	border-bottom: 2px solid #cfcfcf;
	color:#5C5C74;
	font-size: 15px;
	vertical-align:bottom;
	text-align:left;
}

.frameArea_v .frameBox table th {
	padding:25px 0 8px 4px;
	border-right:2px solid #f3f4f6;
	vertical-align:top;
}

.frameArea .frameBox table th:nth-child(2) {
	padding:0 0 8px 12px;
}
.frameArea_v .frameBox table th:nth-child(2) ,
.frameArea_v .frameBox table th:nth-child(4) {
	padding: 50px 8px 7px 0;
}
.frameArea_v .frameBox table th:nth-child(1) ,
.frameArea_v .frameBox table th:nth-child(3) ,
.frameArea_v .frameBox table th:last-child {
	border-right:none;
}

.frameArea .frameBox table th:nth-child(7) {
	vertical-align:top;
	border-right:2px solid #f3f4f6;
	border-left:2px solid #f3f4f6;
}

.frameArea .frameBox table th span {
	display:block;
	width:46px;
	padding:1px 0;
	color:#fff;
	font-size:11px;
	text-align:center;
	border-radius:3px;
	background:#454560;
}

.frameArea_v .frameBox table th span {
	position:absolute;
	top:24px;
	left:7px;
	width:auto;
	padding:0;
	color:#5C5C74;
	font-size:15px;
	text-align:left;
	border-radius:0;
	background:none;
	white-space:nowrap;
}

.frameArea .frameBox table th:nth-child(2) span {
	margin:10px 0 0;
}

.frameArea_v .frameBox table th:nth-child(1) ,
.frameArea_v .frameBox table th:nth-child(3) {
	padding:60px 7px 14px;
	vertical-align:top;
}

.frameArea_v .frameBox table th .i18n_type_title input ,
.frameArea_v .frameBox table td .i18n_type_name input {
	margin:6px 0 0;
}

.frameArea_v .frameBox table a {
	display:block;
	height:15px;
}
.frameArea_v .frameBox table a img {
	vertical-align:top;
}
.frameArea_v .frameBox table a.open {
	background:url(../img/ico_open02.png) no-repeat left top;
}
.frameArea_v .frameBox table a.open img {
	opacity:0;
}

.frameArea .frameBox table td {
	width: 15px;
	padding: 7px;
	font-size: 15px;
}
.frameArea_v .frameBox table td {
	padding: 7px 8px;
	border-right:2px solid #f3f4f6;
	border-bottom:2px solid #f3f4f6;
}
.frameArea .frameBox table td:nth-child(2) {
	padding: 7px 2px 7px 12px;
}
.frameArea_v .frameBox table td:nth-child(2) ,
.frameArea_v .frameBox table td:nth-child(4) {
	padding: 7px 8px 7px 0;
}
.frameArea .frameBox table td:nth-child(6) {
	padding: 7px 8px 7px 2px;
}
.frameArea_v .frameBox table td:nth-child(6) {
	padding: 7px 8px;
}
.frameArea .frameBox table td:last-child {
	padding: 18px 7px 18px 7px;
}
.frameArea .frameBox table td:nth-child(7) {
	border-right:2px solid #f3f4f6;
	border-left:2px solid #f3f4f6;
}
.frameArea_v .frameBox table td:nth-child(1) ,
.frameArea_v .frameBox table td:nth-child(3) ,
.frameArea_v .frameBox table td:last-child {
	border-right:none;
}

.frameArea .frameBox table td.id {	width: 15px; padding:24px 7px 7px; vertical-align:top;}
.frameArea .frameBox table td.name {	width: 12%; box-sizing:border-box;}
.frameArea .frameBox table td.price {	width: 11%;}
.frameArea .frameBox table td.price2 {	width: 8%;}
.frameArea .frameBox table td.barcode {	width: 30%;}
.frameArea .frameBox table td.category {	width: 14%;}
.frameArea .frameBox table td.tag {	width: 14%;}
.frameArea .frameBox table td.show {	width: 70px;	text-align: center;}
.frameArea .frameBox table td.trash {	width: 46px;	text-align: center;}
.frameArea_v .frameBox table td.trash {	width: 15px;	text-align: center;}

.frameArea_v .frameBox table td.price input {text-align:right;}
.frameArea_v .frameBox table td.price2 input {text-align:right;}

.frameArea .frameBox table td input[type="text"] ,
.frameArea .frameBox table td input[type="tel"] ,
.frameArea .frameBox table td input[type="email"] ,
.frameArea .frameBox table td input[type="password"] {
	width: 100%;
	height: 40px;
}
.frameArea .frameBox table td.barcode input[type="text"] ,
.frameArea .frameBox table td.barcode input[type="tel"] ,
.frameArea .frameBox table td.barcode input[type="email"] ,
.frameArea .frameBox table td.barcode input[type="password"] {
	width: 75%;
	margin: 0 0 0 .5em;
}

.frameArea_v .frameBox table #typeName01 ,
.frameArea_v .frameBox table #typeName02 ,
.frameArea_v .frameBox table .name #varName01 ,
.frameArea_v .frameBox table .name #varName02 {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang01.png) no-repeat 5px center;
}
.frameArea_v .frameBox table #typeName01_en ,
.frameArea_v .frameBox table #typeName02_en ,
.frameArea_v .frameBox table .name #varName01_en ,
.frameArea_v .frameBox table .name #varName02_en {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang02.png) no-repeat 5px center;
}
.frameArea_v .frameBox table #typeName01_hans ,
.frameArea_v .frameBox table #typeName02_hans ,
.frameArea_v .frameBox table .name #varName01_hans ,
.frameArea_v .frameBox table .name #varName02_hans {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang03.png) no-repeat 5px center;
}
.frameArea_v .frameBox table #typeName01_hant ,
.frameArea_v .frameBox table #typeName02_hant ,
.frameArea_v .frameBox table .name #varName01_hant ,
.frameArea_v .frameBox table .name #varName02_hant {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang04.png) no-repeat 5px center;
}
.frameArea_v .frameBox table #typeName01_ko ,
.frameArea_v .frameBox table #typeName02_ko ,
.frameArea_v .frameBox table .name #varName01_ko ,
.frameArea_v .frameBox table .name #varName02_ko {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang05.png) no-repeat 5px center;
}


.frameArea .frameBox .note {
	margin: 10px 0 0;
	color:#8A8A9B;
	font-size: 15px;
}
.frameArea .frameBox .note2 {
	margin: 10px 0 0;
	color:#8A8A9B;
	font-size: 15px;
}

.frameArea .frameBox .note_tickets {
	font-size: 12px;
	color: #5C5C74;
	margin: 10px 0;
	display: inline-block;
	vertical-align: middle;
}

.frameArea .ttl {
	margin: -10px 0 46px;
	color: #5C5C74;
	font-size: 20px;
	font-weight: bold;
}

.frameArea .frameSearch {
	margin: -28px 0 50px;
}

.frameArea .frameSearch table {
	width: 100%;
}

.frameArea .frameSearch table th {
	width: 132px;
	padding: 20px 0 0 13px;
	text-align: left;
	font-size: 15px;
	line-height:1.4;
	background:url(../img/bg_framesearch01.png) no-repeat left 18px;
	box-sizing:border-box;
	vertical-align: top;
}

.frameArea .frameSearch table tr.ips_edit {
	display: none;
}

.frameArea .frameSearch table td {
	padding: 10px 0;
	font-size: 15px;
}
.frameArea .frameSearch table td > * {
	margin: 0 .25em 0 0;
}
.frameArea .frameSearch table td > *:last-child {
	margin: 0;
}

.frameArea .frameSearch table td > span {
	display: inline-block;
	margin: 0 .5em 0 .25em;
}
.frameArea .frameSearch table td input ,
.frameArea .frameSearch table td select {
	height: 40px;
	padding:0 10px;
	box-sizing:border-box;
}

.frameArea .frameSearch table td input.num {	width: 100%;}
.frameArea .frameSearch table td input.name {	width: 100%;}
.frameArea .frameSearch table td input.tel {	width: 100%;}
.frameArea .frameSearch table td input.email {	width: 100%;}
.frameArea .frameSearch table td input.address {
	width: -webkit-calc(100% - 202px - 1em);
	width: calc(100% - 202px - 1em);
}
.frameArea .frameSearch table td input.date {
	width: 28%;
	margin:0;
}
.frameArea .frameSearch table td input.date:last-child {
	margin:0 0 0 -5px;
}

.frameArea .frameSearch table td select { width: 13.75%;}
.frameArea .frameSearch table td select.pref { width: 202px; margin:0 1em 0 0;}
.frameArea .frameSearch table tr:first-child td select { width: 28%;}

.frameArea .frameSearch table td input.tshort { width: 225px;}
.frameArea .frameSearch table td input.tlong { width: 100%;}
.frameArea .frameSearch table td select.sshort { width: 200px;}

.frameArea .frameSearch table td select.selectnone {
-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  background-image: none;
  pointer-events: none;
}

.frameArea .frameSearch table td .error {
	display: block;
	margin: 4px 0 0;
	font-size: 13px;
	color: #FA6F7F;
}

.frameArea .frameSearch .note {
	margin: 10px 0 0;
	font-size: 14px;
}
.frameArea .frameSearch .note2 {
	margin: 10px 0 0;
	font-size: 14px;
}

.frameArea .frameFooter {
	left:0;
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;
	padding: 20px 0 58px;
	box-shadow: none;
	transform: translate3d(0, 0, 0);
}
.frameArea .frameFooter .btnBox.left {
	margin:0 0 0 170px;
}
.frameArea .frameFooter .btnBox {
	margin:0 150px 0 0;
}

.frameArea .frameFooter .searchBtnBox {
	float:none;
	width: 312px;
	margin:0 auto;
}

.frameArea .frameFooter .btnBox p {
	margin: 0 15px 0 0;
}
.frameArea .frameFooter .btnBox p:last-child {
	margin: 0;
}
.frameArea .frameFooter .btnBox button {
	margin: 0 15px 0 0;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(0,0,0,.9); opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{display:none;}
    #cboxTopRight{display:none;}
    #cboxBottomLeft{display:none;}
    #cboxBottomRight{display:none;}
    #cboxMiddleLeft{display:none;}
    #cboxMiddleRight{display:none;}
    #cboxTopCenter{display:none;}
    #cboxBottomCenter{display:none;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{display:none;}
        #cboxLoadedContent{display:none;}
        #cboxTitle{display:none;}
        #cboxCurrent{display:none;}
        #cboxLoadingOverlay{display:none;}
        #cboxLoadingGraphic{display:none;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{display:none;}
        #cboxPrevious{display:none;}
        #cboxNext{display:none;}
        #cboxClose{display:none;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


#listImgBtn01 ,
#listImgBtn02 ,
#listImgBtn03 ,
#listImgBtn04 ,
#listImgBtn05 ,
#listImgBtn06 {
	width:108px;
	background: #fff;
	color: #5C5C74;
	cursor: pointer;
	font-size:13px;
	padding: 2px 9px;
	display: inline-block;
	border:1px solid #8A8A9B;
	border-radius:3px;
}
.account #ctArea input.name01 ,
.account #ctArea input.name02 ,
.account #ctArea input.name03 ,
.account #ctArea input.name04 ,
.account #ctArea input.name05 ,
.account #ctArea input.name06 {
	background: none;
	box-shadow: none;
	border: none;
}
#listFileName01 ,
#listFileName02 ,
#listFileName03 ,
#listFileName04 ,
#listFileName05 ,
#listFileName06 {
	height:25px;
	color:#5C5C74;
	font-size:15px;
	border:none;
}

.order .reserveBox {
	margin:0 0 40px;
	padding:20px 25px;
	border:1px solid #E7E7EB;
	border-radius:3px;
	background:#f8f8f9;
}

.order .reserveBox h3 {
	padding:0 0 0 8px;
	color:#5C5C74;
	font-size:15px;
	line-height:1.34;
	border-left:7px solid #b9b9c3;
}

.order .reserveBox p {
	padding:5px 0 0 8px;
	color:#5C5C74;
	font-size:20px;
}

.sales .periodBox {
	margin:0 0 40px;
	padding:20px 25px;
	border:1px solid #E7E7EB;
	border-radius:3px;
	background:#f8f8f9;
}

.sales .periodBox h3 {
	padding:0 0 0 8px;
	color:#5C5C74;
	font-size:15px;
	line-height:1.34;
	border-left:7px solid #b9b9c3;
}

.sales .periodBox p {
	padding:5px 0 0 8px;
	color:#5C5C74;
	font-size:20px;
}

#ctArea .changeBtn {
	position:absolute;
	top:0;
	right:0;
	letter-spacing:-0.5em;
	z-index:3;
}
#ctArea .changeBtn li {
	display:inline-block;
	width:55px;
	padding:7px 0;
	color:#161638;
	font-size:15px;
	letter-spacing:0;
	vertical-align:top;
	text-align:center;
	border:1px solid #e6e6e6;
	border-left:none;
	background:#fff;
	cursor:pointer;
}
#ctArea .changeBtn li:first-child {
	border-radius:3px 0 0 3px;
	border-left:1px solid #e6e6e6;
}
#ctArea .changeBtn li:last-child {
	border-radius:0 3px 3px 0;
}
#ctArea .changeBtn li.act {
	font-weight:bold;
	background:#d0d0d7;
}





/* variation_table */

#ctArea .itemDetailArea #variation_table {
	width: 100%;
	border-bottom: 2px solid #f3f4f6;
}

#ctArea .itemDetailArea #variation_table th {
	position:relative;
	padding:25px 0 8px 4px;
	border-bottom: 2px solid #cfcfcf;
	border-right:2px solid #f3f4f6;
	color:#5C5C74;
	font-size: 15px;
	vertical-align:top;
	text-align:left;
	background:none;
	font-weight:normal;
	width:150px;
}

#ctArea .itemDetailArea #variation_table th:nth-child(2) ,
#ctArea .itemDetailArea #variation_table th:nth-child(4) {
	padding: 50px 8px 7px 0;
}
#ctArea .itemDetailArea #variation_table th:nth-child(1) ,
#ctArea .itemDetailArea #variation_table th:nth-child(3) ,
#ctArea .itemDetailArea #variation_table th:last-child {
	border-right:none;
}

#ctArea .itemDetailArea #variation_table th:nth-child(7) {
	vertical-align:top;
	border-right:2px solid #f3f4f6;
	border-left:2px solid #f3f4f6;
}

#ctArea .itemDetailArea #variation_table th span {
	position:absolute;
	top:24px;
	left:7px;
	width:auto;
	padding:0;
	color:#5C5C74;
	font-size:15px;
	text-align:left;
	border-radius:0;
	background:none;
	white-space:nowrap;
}

#ctArea .itemDetailArea #variation_table th:nth-child(2) span {
	margin:10px 0 0;
}

#ctArea .itemDetailArea #variation_table th:nth-child(1) ,
#ctArea .itemDetailArea #variation_table th:nth-child(3) {
	padding:60px 7px 14px;
	vertical-align:top;
}

#ctArea .itemDetailArea #variation_table th .i18n_type_title input ,
#ctArea .itemDetailArea #variation_table td .i18n_type_name input {
	margin:6px 0 0;
}

#ctArea .itemDetailArea #variation_table a {
	display:block;
	width: 14px;
	height:15px;
}
#ctArea .itemDetailArea #variation_table a img {
	vertical-align:top;
}
#ctArea .itemDetailArea #variation_table a.open {
	background:url(../img/ico_open02.png) no-repeat left top;
}
#ctArea .itemDetailArea #variation_table a.open img {
	opacity:0;
}

#ctArea .itemDetailArea #variation_table td {
	width: 15px;
	padding: 7px 8px;
	font-size: 15px;
	border-right:2px solid #f3f4f6;
	border-bottom:2px solid #f3f4f6;
}
#ctArea .itemDetailArea #variation_table td:nth-child(2) ,
#ctArea .itemDetailArea #variation_table td:nth-child(4) {
	padding: 7px 8px 7px 0;
}
#ctArea .itemDetailArea #variation_table td:nth-child(6) {
	padding: 7px 8px;
}
#ctArea .itemDetailArea #variation_table td:last-child {
	padding: 18px 7px 18px 7px;
}
#ctArea .itemDetailArea #variation_table td:nth-child(7) {
	border-right:2px solid #f3f4f6;
	border-left:2px solid #f3f4f6;
}
#ctArea .itemDetailArea #variation_table td:nth-child(1) ,
#ctArea .itemDetailArea #variation_table td:nth-child(3) ,
#ctArea .itemDetailArea #variation_table td:last-child {
	border-right:none;
}
#ctArea .itemDetailArea #variation_table th input ,
#ctArea .itemDetailArea #variation_table td input {
	padding:0 8px;
}

#ctArea .itemDetailArea #variation_table td.id {	width: 15px; padding:24px 7px 7px; vertical-align:top;}
#ctArea .itemDetailArea #variation_table td.name {	width: auto; box-sizing:border-box;}
#ctArea .itemDetailArea #variation_table td.price {	width: 12%;}
#ctArea .itemDetailArea #variation_table td.price2 {	width: 10%;}
#ctArea .itemDetailArea #variation_table td.barcode {	width: 30%;}
#ctArea .itemDetailArea #variation_table td.category {	width: 17.8%;}
#ctArea .itemDetailArea #variation_table td.show {	width: 70px;	text-align: center;}
#ctArea .itemDetailArea #variation_table td.trash {	width: 15px;	text-align: center;}

#ctArea .itemDetailArea #variation_table td.price input {text-align:right;}
#ctArea .itemDetailArea #variation_table td.price2 input {text-align:right;}

#ctArea .itemDetailArea #variation_table td input[type="text"] ,
#ctArea .itemDetailArea #variation_table td input[type="tel"] ,
#ctArea .itemDetailArea #variation_table td input[type="email"] ,
#ctArea .itemDetailArea #variation_table td input[type="password"] {
	width: 100%;
	height: 40px;
}
#ctArea .itemDetailArea #variation_table td.barcode input[type="text"] ,
#ctArea .itemDetailArea #variation_table td.barcode input[type="tel"] ,
#ctArea .itemDetailArea #variation_table td.barcode input[type="email"] ,
#ctArea .itemDetailArea #variation_table td.barcode input[type="password"] {
	width: 75%;
	margin: 0 0 0 .5em;
}

#ctArea .itemDetailArea #variation_table #typeName01 ,
#ctArea .itemDetailArea #variation_table #typeName02 ,
#ctArea .itemDetailArea #variation_table .name #varName01 ,
#ctArea .itemDetailArea #variation_table .name #varName02 {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang01.png) no-repeat 5px center;
}
#ctArea .itemDetailArea #variation_table #typeName01_en ,
#ctArea .itemDetailArea #variation_table #typeName02_en ,
#ctArea .itemDetailArea #variation_table .name #varName01_en ,
#ctArea .itemDetailArea #variation_table .name #varName02_en {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang02.png) no-repeat 5px center;
}
#ctArea .itemDetailArea #variation_table #typeName01_hans ,
#ctArea .itemDetailArea #variation_table #typeName02_hans ,
#ctArea .itemDetailArea #variation_table .name #varName01_hans ,
#ctArea .itemDetailArea #variation_table .name #varName02_hans {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang03.png) no-repeat 5px center;
}
#ctArea .itemDetailArea #variation_table #typeName01_hant ,
#ctArea .itemDetailArea #variation_table #typeName02_hant ,
#ctArea .itemDetailArea #variation_table .name #varName01_hant ,
#ctArea .itemDetailArea #variation_table .name #varName02_hant {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang04.png) no-repeat 5px center;
}
#ctArea .itemDetailArea #variation_table #typeName01_ko ,
#ctArea .itemDetailArea #variation_table #typeName02_ko ,
#ctArea .itemDetailArea #variation_table .name #varName01_ko ,
#ctArea .itemDetailArea #variation_table .name #varName02_ko {
	padding:0 12px 0 34px;
	background:url(../img/ico_lang05.png) no-repeat 5px center;
}
#ctArea .itemDetailArea #variation_table td .w40 {
	width: 40px !important;
}
#ctArea .itemDetailArea #variation_table td .w45 {
	width: 45px !important;
}
#ctArea .itemDetailArea #variation_table td .w65 {
	width: 65px !important;
}
#ctArea .itemDetailArea #variation_table td.middle {
	padding: 17px 8px !important;
}
#ctArea .itemDetailArea #variation_table .price {
	min-width: 90px;
	max-width: 110px;
	box-sizing: border-box;
}
#ctArea .itemDetailArea #variation_table .price2 {
	width: 100px !important;
}
#ctArea .itemDetailArea #variation_table .price2 input {
	width: 60px !important;
}
#ctArea .itemDetailArea #variation_table th.nowrap {
	white-space: nowrap;
}
#ctArea .itemDetailArea #variation_table td.trash {
	padding: 18px 2px;
}
#ctArea .itemDetailArea #variation_table td.trash img {
	width: 14px;
	min-width: 14px;
}

.item .itemDetailArea {
	min-width:940px;
	margin:0 auto;
}

#ctArea .itemDetailArea table td p .add,
#ctArea .cmsBody p .add {
	width: 176px;
	height: 38px;
	margin:10px 0 0;
	padding: 0 14px 0 38px;
	color:#161638;
	font-size: 15px;
	border:1px solid #8a8a9b;
	border-radius: 3px;
	background: url(../img/ico_add03.png) no-repeat 16px center #fff;
}

.account .linkTab {
	margin:20px 0;
	letter-spacing:-0.5em;
	border:2px solid #e7e7eb;
	border-radius:5px;
}

.account .linkTab li {
	display:inline-block;
	width:50%;
	letter-spacing:0;
	vertical-align:top;
}

.account .linkTab li a {
	display:block;
	padding:8px 0;
	color:#5c5c74;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.account .linkTab li span {
	display:block;
	padding:8px 0;
	color:#5c5c74;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:#e7e7eb;
}

.account .period li {
	margin:0 0 9px;
}

.account .period li:last-child {
	margin:0;
}

.account .period li select {
	margin:0 10px;
}

.account .period li input[type="checkbox"] {
	margin:0 8px;
}

.account #ctArea .period li input[type="text"] {
	width:495px;
}

.account .service label {
	width:100px;
	font-size:14px;
}

.account .service label:nth-child(8) ,
.account .service label:nth-child(18) {
	width:135px;
}
.account .service label:nth-child(10n) {
	width:115px;
}

.account .inputArea table td img {
	max-width: 300px;
	max-height: 300px;
}





/*! jQuery UI - v1.12.1 - 2019-02-13
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.datepicker_area {
	position: absolute;
	top: 0;
	right: 37px;
}
#datepickerFrom,
#datepickerTo {
	width: 180px;
}



/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev span {
    background-image: url(../img/ico_date_arw01.png);
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-next span {
    background-image: url(../img/ico_date_arw02.png);
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #fff;
	background: #fff;
	font-weight: normal;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #fff;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	/*
	color: #ffffff;
	*/
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #5c5b74;
	color: #fff;
}
.ui-state-checked {
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../../assets/img/ui-icons_444444_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -32px 0px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -97px 0px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}




/* reserve
----------------------------------*/

.reserve.index #ctArea .inner {
width: 915px;
}

.reserve #ctArea .inner {
width: 940px;
}

.reserve.index .calHead {
position: relative;
margin: 0 0 10px;
}

.reserve.index .calHead h3 {
color: #5c5c74;
font-size: 26px;
line-height: 1.54;
text-align: center;
}

.reserve.index .calHead .pager {
position: absolute;
top: 0;
left: 0;
}

.reserve.index .calHead .pager button {
float: left;
position: relative;
height: 38px;
margin: 0 0 0 -1px;
padding: 0 1.2em;
color: #333;
font-size: 1em;
white-space: nowrap;
border-radius: 4px 0 0 4px;
background: #fff;
box-shadow: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
border: 1px solid #e6e6e6;
box-sizing: border-box;
cursor: pointer;
}

.reserve.index .calHead .pager button + button {
border-radius: 0 4px 4px 0;
}

.reserve.index .calHead .pager button span {
display: inline-block;
position: relative;
top: -0.05em;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
margin: 0 .2em;
vertical-align: middle;
user-select: none;
}

.reserve.index .calHead .pager button .left:after {
position: relative;
content: "\02039";
font-weight: bold;
font-size: 200%;
top: -7%;
}

.reserve.index .calHead .pager button .right:after {
position: relative;
content: "\0203A";
font-weight: bold;
font-size: 200%;
top: -7%;
}

.reserve.index .calHead .plus {
position: absolute;
top: 0;
right: 80px;
padding: 13px 12px 12px;
background: #5c5c74;
border-radius: 2px;
}

.reserve.index .calHead .cal {
position: absolute;
top: 0;
right: 20px;
padding: 0;
}

.reserve.index .calHead .cal:hover {
opacity: 0.7;
}

.reserve.index .time {
/*letter-spacing: -0.5em;*/
text-align: right;
}

.reserve.index .time li {
display: inline-block;
margin: 0 0 0 1px;
color: #5c5c74;
font-size: 10px;
/*letter-spacing: 1.6px;*/
/*vertical-align: top;*/
text-align: center;
}

.reserve.index .tableBox {
position: relative;
}

.reserve.index .tableBox table {
/*width: 895px;*/
}

.reserve.index .tableBox table th {
width: 110px;
padding: 20px 0 16px;
text-align: center;
border-right: 1px solid #e8e8ec;
border-bottom: 1px solid #fff;
background: #e7e7eb;
box-sizing: border-box;
}

.reserve.index .tableBox table th .ttl {
display: block;
margin: 0 0 10px;
color: #161638;
font-size: 16px;
font-weight: bold;
}

.reserve.index .tableBox table th .txt {
margin: 0 10px 0 0;
color: #5c5c74;
font-size: 12px;
}

.reserve.index .tableBox table td {
width: 50px;
padding: 7px;
border-right: 1px solid #e8e8ec;
border-bottom: 1px solid #e8e8ec;
box-sizing: border-box;
cursor: pointer;
}
.reserve.index .tableBox table td[colspan] {
padding: 0px;
position: relative;
overflow: hidden;
}
.reserve.index .tableBox .r01 {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #f7931e;
display: flex;
align-items: center;
justify-content: center;
}
.reserve.index .tableBox table td[colspan='1'] .r01 p{
	font-size: 10px;
}
.reserve.index .tableBox table td[colspan='2'] .r01 p{
	font-size: 12px;
}

/*.reserve.index .tableBox .r01 p {
color: #fff;
font-size: 14px;
line-height: 1.43;
text-align: center;
}*/


.reserve.index .overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.70);
z-index: 9999;
}

.reserve.index .popup {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 890px;
height: 593px;
margin: auto;
padding: 87px 36px 71px;
background: #fff;
border-radius: 3px;
box-sizing: border-box;
z-index: 10000;
overflow-y:auto;
}

.reserve.index .popup .close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
}

.reserve.index .popup table {
width: 100%;
margin: 0 0 66px;
border-top: 1px solid #e9ecef;
}

.reserve.index .popup table th {
width: 180px;
padding: 16px 18px 17px;
color: #5c5c74;
font-size: 14px;
text-align: left;
background: #f8f8f9;
border-bottom: 1px solid #e9ecef;
box-sizing: border-box;
}

.reserve.index .popup table td {
width: 636px;
padding: 7px 9px;
color: #161638;
font-size: 14px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #e9ecef;
box-sizing: border-box;
}

.reserve.index .popup table td span {
margin: 0 12px;
font-weight: bold;
}

.reserve.index .popup table td h3{
color: #3c7059;
font-weight: bold;
}

.reserve.index .popup table td .option_group span{
color: #6f6f8b;
font-weight: normal;
}

.reserve.index .popup table td .option{
padding: 5px 10px;
}

.reserve.index .popup table td select {
height: 40px;
padding: 0 12px;
color: #161638;
}

.reserve.index .popup table td .date {
width: 165px;
margin: 0 6px 0 0;
}

.reserve.index .popup table td .time {
width: 120px;
letter-spacing: 0;
text-align: left;
}

.reserve.index .popup table td .course {
width: 490px;
}

.reserve.index .popup table td .room {
width: 292px;
}

.reserve.index .popup table td input {
width: 292px;
height: 40px;
color: #161638;
font-weight: bold;
}

.reserve.index .popup table td .option_group input {
	width: auto;
	height: auto;
	}

.reserve.index .popup .btnBox {
letter-spacing: -0.5em;
text-align: center;
}

.reserve.index .popup .btnBox p {
display: inline-block;
width: 146px;
margin: 0 7px;
font-size: 14px;
letter-spacing: 0;
vertical-align: top;
}

.reserve.index .popup .btnBox p .cancel {
width: 100%;
height: 38px;
padding: 0 14px;
border: 1px solid #5c5c74;
border-radius: 3px;
color: #161638;
font-size: 15px;
}

.reserve.index .popup .btnBox p .save {
width: 100%;
height: 38px;
padding: 0 14px;
border-radius: 3px;
background: #5c5c74;
color: #fff;
font-size: 15px;
}

.reserve.index .popup .btnBox p .delete {
width: 100%;
height: 38px;
padding: 0 14px 0 38px;
border-radius: 3px;
background: url(/assets/img/ico_trash02.png) no-repeat 30px center #d75452;
color: #fff;
font-size: 15px;
}




.reserve .reserveBox {
width: 100%;
border-top: 1px solid #e9ecef;
}

.reserve .reserveBox th {
width: 180px;
padding: 16px 18px 17px;
color: #5c5c74;
font-size: 14px;
text-align: left;
background: #f8f8f9;
border-bottom: 1px solid #e9ecef;
box-sizing: border-box;
}

.reserve .reserveBox td {
width: 636px;
padding: 7px 9px;
color: #161638;
font-size: 14px;
text-align: left;
border-bottom: 1px solid #e9ecef;
box-sizing: border-box;
}

.reserve .reserveBox td label {
display: inline-block;
width: 148px;
}

.reserve .reserveBox td span {
margin: 0 12px;
}

.reserve .reserveBox td select, .reserve .reserveBox td input[type="text"] {
width: 100px;
height: 40px;
padding: 0 12px;
color: #161638;
}

.reserve .reserveBox td .date, .reserve .reserveBox td input[type="text"] {
width: 210px;
background-color: rgb(248, 248, 248);
}

.reserve .reserveBox td .time {
width: 100px;
margin: 0 0 9px;
letter-spacing: 0;
text-align: left;
}

.reserve .reserveBox td .time + .time {
margin: 0 0 9px 10px;
}

.reserve .reserveBox td input {
width: 20px;
height: 20px;
margin: 0 7px 0 0;
color: #161638;
}

*[class^="message-error"]{
	margin: 4px 0 0!important;
	display: block;
	color:red!important;
}






.order.index #ctArea .dateArea {
position: relative;
margin: 0 0 20px;
}

.order.index #ctArea .dateArea h3 {
color: #5c5c74;
font-size: 24px;
text-align: center;
}

.order.index #ctArea .dateArea ul {
position: absolute;
top: 0;
left: 0;
width: 102px;
letter-spacing: -0.5em;
}

.order.index #ctArea .dateArea ul li {
display: inline-block;
letter-spacing: 0;
vertical-align: top;
}

.order.index #ctArea .dateArea ul li:hover {
cursor: pointer;
opacity: 0.7;
}

.order.index #ctArea .dateArea .tableBtn {
position: absolute;
top: 0;
right: 72px;
}

.order.index #ctArea .dateArea .tableBtn a {
display: block;
width: 150px;
padding: 7px 0;
text-align: center;
text-decoration: none;
border-radius: 3px;
border: 1px solid #8a8a9b;
font-size: 15px;
box-sizing: border-box;
}

.order.index #ctArea .dateArea .tableBtn a:hover {
opacity: 0.7;
}

.order.index #ctArea .dateArea .calendar {
position: absolute;
top: 0;
right: 0;
width: 52px;
height: 37px;
background:url(../img/ico_calendar_01.png) no-repeat;
}

.order.index #ctArea .dateArea .calendar input:hover {
cursor: pointer;
}

.order.index #ctArea .dateArea .calendar input {
width: 100%;
height: 37px;
opacity: 0;
box-sizing: border-box;
}

.order.index #ctArea .searchArea .searchBox p select ,
.order.index #ctArea .searchArea .searchBox p input {
	width: 200px;
	box-sizing: border-box;
}

.order.index #ctArea .searchArea .searchBox p {
	width: 200px;
	margin: 0 40px 0 0;
}

.order.index .frameArea .frameSearch table th {
	width:180px;
}

.order.index .frameArea .frameSearch table input[type=checkbox] {
display: none;
}
.order.index .frameArea .frameSearch table label {
position: relative;
display: inline-block;
width: 125px;
margin: 0 0 0 28px;
padding: 2px 0;
font-size: 14px;
}
.order.index .frameArea .frameSearch table input[type=radio] + label {
width: 90px;
margin: 0;
}
.order.index .frameArea .frameSearch table input[type=checkbox] + label:before {
content: '';
position: absolute;
top: 0;
left: -27px;
display: inline-block;
background-image:url(../img/ico_check_off.png);
background-repeat: no-repeat;
background-size:contain;
width: 19px;
height:20px;
}
.order.index .frameArea .frameSearch table input[type=checkbox]:checked + label:before {
background-image:url(../img/ico_check_on.png);
background-repeat: no-repeat;
background-size:contain;
width: 19px;
height:20px;
}

.order.index #ctArea .inputArea table {
width: 100%;
border-collapse: collapse;
}

.order.index #ctArea .inputArea table th {
	padding: 19px 5px;
	color: #5c5c74;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #f1f3f5;
	border-right: 1px solid #f1f3f5;
	border-bottom: 1px solid #b2bbc6;
}

.order.index #ctArea .inputArea table tr.selection {
	cursor: pointer;
}

/*
.order.index #ctArea .inputArea table tr.selection:hover {
	background: rgba(92,92,116,.50);
	color: #fff;
}
.order.index #ctArea .inputArea table tr.selection:hover td {
	background: rgba(92,92,116,.50);
	color: #fff;
}
*/

.order.index #ctArea .inputArea table td {
	padding: 21px 5px;
	color: #161539;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #f1f3f5;
	border-bottom: 1px solid #f1f3f5;
	vertical-align: middle;
}

.order.index #ctArea .inputArea table th:last-child ,
.order.index #ctArea .inputArea table td:last-child {
	border-right: none;
}

.order.index #ctArea .inputArea table tr:nth-child(even) td {
background: #f8f8f9;
}

.order.index #ctArea .inputArea table td.btn a {
    display: block;
    width: 38px;
    margin: 0 auto;
    padding: 3px 10px;
    border-radius: 50px;
    background: #5c5c74;
    color: #fff;
    font-size: 12px;
    text-align: center;
}


.order.detail #ctArea .accessorieBox {
display: flex;
align-items: center;
margin: 40px 0 15px;
}

.order.detail #ctArea .accessorieBox p {
margin: 0 40px 0 0;
padding: 0 0 0 35px;
font-size: 16px;
line-height: 2;
}

.order.detail #ctArea .accessorieBox .table {
	background: url(../img/ico_table_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .takeout {
	background: url(../img/ico_takeout_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .eatin {
	background: url(../img/ico_eatin_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .time {
	background: url(../img/ico_time_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .order {
	background: url(../img/ico_order_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .register {
	background: url(../img/ico_regi_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .member {
	background: url(../img/ico_member_01.png) no-repeat left center;
}
.order.detail #ctArea .accessorieBox .pay {
	background: url(../img/ico_paypay_01.png) no-repeat left center;
}

.order.detail #ctArea .userBox {
margin: 60px 0 0;
}

.order.detail #ctArea .userBox h3 {
float: none;
margin: 0 0 5px;
}

.order.detail #ctArea .userBox table {
	width: 100%;
	border-bottom:1px solid #5C5C74;
}
.order.detail #ctArea .userBox table th {
	width: auto;
	padding: 5px 15px;
	color:#5C5C74;
	font-size: 14px;
	text-align: center;
	background:#e7e7eb;
	border-top:1px solid #d0d0d7;
	border-bottom:1px solid #d0d0d7;
	border-right:1px solid #d0d0d7;
	box-sizing: border-box;
}
.order.detail #ctArea .userBox table th:last-child {
	border-right:none;
}

.order.detail #ctArea .userBox table td {
	color:#5C5C74;
	font-size: 16px;
	padding: 10px 15px;
	vertical-align: middle;
	text-align: center;
	background:#fff !important;
	border-top:none;
	border-bottom:1px solid #d0d0d7;
	border-right:1px solid #d0d0d7;
}
.order.detail #ctArea .userBox table td:last-child {
	border-right:none;
}

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

.order.index #ctArea .dateArea {
margin: 0 0 5%;
}

.order.index #ctArea .dateArea h3 {
padding: 5px 0 5px 51px;
font-size: 18px;
}

.order.index #ctArea .dateArea ul li:hover {
opacity: 1;
}

.order.index #ctArea .dateArea .calendar:hover {
opacity: 1;
}

.order.index #ctArea .searchArea .searchBox p select ,
.order.index #ctArea .searchArea .searchBox p input {
	width: 200px;
	box-sizing: border-box;
}

.order.index #ctArea .searchArea .searchBox p {
	margin: 0 62px 20px 0;
}

.order.index #ctArea .searchArea .searchBox p.link {
	top: auto;
	bottom: 18px;
}

.order.index .frameArea .frameSearch table th ,
.order.index .frameArea .frameSearch table td {
	display: block;
	width:auto;
}

.order.index .frameArea .frameSearch table input[type=checkbox] {
display: none;
}
.order.index .frameArea .frameSearch table label {
position: relative;
display: inline-block;
width: 125px;
margin: 0 0 0 28px;
padding: 2px 0;
font-size: 14px;
}
.order.index .frameArea .frameSearch table input[type=checkbox] + label:before {
content: '';
position: absolute;
top: 0;
left: -27px;
display: inline-block;
background-image:url(../img/ico_check_off.png);
background-repeat: no-repeat;
background-size:contain;
width: 19px;
height:20px;
}
.order.index .frameArea .frameSearch table input[type=checkbox]:checked + label:before {
background-image:url(../img/ico_check_on.png);
background-repeat: no-repeat;
background-size:contain;
width: 19px;
height:20px;
}

.order.index .frameArea .frameFooter {
	display: block;
}

.order.index #ctArea .inputArea {
width: 100%;
overflow-x: scroll;
}
.order.index #ctArea .inputArea table {
width: 1123px;
border-collapse: collapse;
}


.order.index #ctArea .inputArea table tr:nth-child(even) td {
background: #f8f8f9;
}

.order.detail #ctArea .ttlBox h2 {
margin: 0 0 10%;
padding: 0 0 0 30px;
background: url(../img/ico_ttl_order02.png) no-repeat left center;
background-size: 24px auto;
}

.order.detail #ctArea .ttlBox h3 {
float: none;
margin: 0 0 3%;
font-size: 21px;
}

.order.detail #ctArea .ttlBox .status {
	float: none;
	display: block;
	font-size: 14px;
}

.order.detail #ctArea .ttlBox .status select {
	width: 150px;
	margin: 0 0 0 10px;
	padding: 3px 10px;
	font-size: 14px;
}

.order.detail #ctArea .inputArea table th {
	padding: 5px 8px;
	font-size: 12px;
}

.order.detail #ctArea .inputArea table td {
	font-size: 14px;
	padding: 5px 8px;
}

.order.detail #ctArea .inputArea table td p {
	font-size: 12px;
}

.order.detail #ctArea .inputArea .total {
	margin: 3% 8px 0;
	font-size: 14px;
}

.order.detail #ctArea .accessorieBox {
display: block;
margin: 8% 0 3%;
}

.order.detail #ctArea .accessorieBox p {
display: inline-block;
margin: 0 4% 0 0;
padding: 0 0 0 24px;
font-size: 12px;
line-height: 2;
}

.order.detail #ctArea .accessorieBox .table ,
.order.detail #ctArea .accessorieBox .takeout ,
.order.detail #ctArea .accessorieBox .eatin ,
.order.detail #ctArea .accessorieBox .time ,
.order.detail #ctArea .accessorieBox .order ,
.order.detail #ctArea .accessorieBox .register ,
.order.detail #ctArea .accessorieBox .member ,
.order.detail #ctArea .accessorieBox .pay {
	background-size: 20px auto;
}

.order.detail #ctArea .userBox {
margin: 10% 0 0;
}

.order.detail #ctArea .userBox h3 {
float: none;
margin: 0 0 2%;
font-size: 18px;
}

.order.detail #ctArea .userBox table th {
	padding: 5px 8px;
	font-size: 12px;
}

.order.detail #ctArea .userBox table td {
	font-size: 14px;
	padding: 5px 8px;
}

}


/*        19/10/29             */

.noSide #ctArea .breadcrumb {
padding: 15px 30px 13px 50px;
}

.noSide #ctArea .inner {
padding: 0 30px 0 50px;
}

.noSide footer .inner {
padding: 0 30px 0 50px;
}

.noSide footer .btnBox.left {
margin: 0;
}

 #ctArea .account_tab_area ul.account_tab_nav {
	 display: flex;
	 border-bottom: 2px #f1f3f5 solid;
	 font-size: 18px;
}

 #ctArea .account_tab_area ul.account_tab_nav li a {
	 display: block;
	 width: 260px;
	 margin: 0 0 0 8px;
	 padding: 8px 0;
	 border-top: 2px #f1f3f5 solid;
	 border-right: 2px #f1f3f5 solid;
	 border-left: 2px #f1f3f5 solid;
	 border-radius: 6px 6px 0 0;
	 text-align: center;
}

 #ctArea .account_tab_area ul.account_tab_nav li:first-child a {
	 margin: 0 0 0 0;
}

 #ctArea .account_tab_area ul.account_tab_nav li.active a {
	 background: #f1f3f5;
}


.noSide #ctArea .listTableArea table {
margin: 15px 0 0;
}

.noSide #ctArea .listTableArea table th {
font-size: 14px;
text-align: center;
}

.noSide #ctArea .listTableArea table td {
width: auto;
padding: 11px;
font-size: 14px;
text-align: center;
box-sizing: border-box;
}

.noSide #ctArea .listTableArea table td:nth-child(2) {
	/*
width: 54%;
*/
}

.noSide #ctArea .listTableArea.lyt02 table td {
width: auto;
}

.noSide #ctArea .listTableArea table td.btn_edit_trash ul {
display: flex;
justify-content: center;
padding: 7px 0 8px;
}

.noSide #ctArea .listTableArea.lyt02 table td span.open {
padding: 5px 19px;
color: #000;
font-size: 14px;
font-weight: bold;
border-radius: 26px;
background: #FFCF28;
}

.noSide #ctArea .listTableArea.lyt02 table td span.closed {
padding: 5px 19px;
color: #fff;
font-size: 14px;
font-weight: bold;
border-radius: 26px;
background: #d2d2d2;
}


/*
.noSide #ctArea .listTableArea table td .trash {
display: block;
width: 52px;
margin: 0 auto;
padding: 7px 0 8px;
text-align: center;
background: #D75452;
border-radius: 2px;
cursor: pointer;
}

.noSide #ctArea .listTableArea table td .edit {
display: block;
width: 52px;
margin: 0 auto;
padding: 7px 0 8px;
text-align: center;
background: #1155CC;
border-radius: 2px;
cursor: pointer;
}
*/


.noSide #ctArea .listTableArea table td .trash {
	padding: 0 4px;
	cursor: pointer;
}

.noSide #ctArea .listTableArea table td .edit {
	padding: 0 4px;
}

.noSide #ctArea .listTableArea table td .trash i {
font-size: 20px;
color: #D75452;
}

.noSide #ctArea .listTableArea table td .edit i {
font-size: 20px;
color: #1155CC;
}

.tabMenu {
display: flex;
align-items: center;
padding: 25px 0 10px;
}

.tabMenu li {
width: 25%;
}

.tabMenu li a {
display: block;
color: #5C5C74;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 2.45;
border: 2px solid #e7e7eb;
border-right: none;
}

.tabMenu li:last-child a {
border-right: 2px solid #e7e7eb;
}

.tabMenu li.act a {
background: #e7e7eb;
}

@media screen and (max-width: 1100px){
.tabMenu li a {
font-size: 16px;
}
}

.account.info #ctArea .inputArea table th {
padding: 20px 15px;
font-size: 16px;
vertical-align: top;
}

.account.info #ctArea .inputArea table td input[type="radio"] {
width: 20px;
}

.account.info #ctArea .inputArea table td label + input[type="radio"] {
margin: 0 4px 0 70px;
}

.account.info #ctArea .inputArea table td label + input[type="checkbox"] {
margin: 0 4px 0 50px;
}

.account.info #ctArea .inputArea table td input.long {
width: 100%;
}

.account.info #ctArea .inputArea table td ul li {
margin: 0 0 11px;
}

.account.info #ctArea .inputArea table td ul li span {
display: inline-block;
width: 75px;
font-size: 16px;
}

.account.info #ctArea .inputArea table td ul li input.long {
width: calc(100% - 80px);
}

.account.info #ctArea .inputArea table td .note {
display: block;
margin: 5px 0 0;
color: #8A8A9B;
font-size: 15px;
}

.account.info #ctArea .inputArea table td.imgSelect .imgFile {
height: 25px;
color: #5C5C74;
font-size: 15px;
border: none;
}

#topImgBtn ,
#mapImgBtn {
width:108px;
background: #fff;
color: #5C5C74;
cursor: pointer;
font-size:13px;
padding: 2px 9px;
display: inline-block;
border:1px solid #8A8A9B;
border-radius:3px;
}

.account.info #ctArea .inputArea table td textarea {
width: 100%;
height: 105px;
padding: 5px 12px;
border-radius: 2px;
box-sizing: border-box;
}

.account #ctArea .inputArea table .tColor select {
width: 230px;
margin: 0 0 0 20px;
}

.account #ctArea .inputArea table .tColor .tempList {
padding: 16px 0 12px;
letter-spacing: -0.5em;
}

.account #ctArea .inputArea table .tColor .tempList li {
display: inline-block;
width: 96px;
margin: 0 57px 20px 0;
letter-spacing: 0;
vertical-align: top;
cursor: pointer;
}

.account #ctArea .inputArea table .tColor .tempList li.active img {
border: 3px #D75452 solid;
}

.account #ctArea .inputArea table .tColor .tempList li span {
display: block;
font-size: 12px;
white-space: nowrap;
}

.account #ctArea .inputArea table .tColor .tempList li img {
width: 100%;
}

.account #ctArea .inputArea table .tColor .colorList {
padding: 10px 0 0 24px;
background-color: rgba(235,235,228,1.00)
}

.account #ctArea .inputArea table .tColor .colorList li {
display: flex;
align-items: center;
justify-content: flex-start;
}

.account #ctArea .inputArea table .tColor .colorList li .ttl {
width: 195px;
font-size: 14px;
}

.account #ctArea .inputArea table .tColor .colorList li .txt {
width: 3em;
margin: 0 1em 0 0;
font-size: 14px;
text-align: right;
}

.account #ctArea .inputArea table .tColor .colorList li .code {
display: inline-block;
width: 132px;
position: relative;
}

.account #ctArea .inputArea table .tColor .colorList li .code input {
width: 100%;
padding: 0 12px 0 24px;
border-radius: 2px 0 0 2px;
}

.account #ctArea .inputArea table .tColor .colorList li .code:after {
content: '#';
position: absolute;
top: 10px;
left: 10px;
color: #9C9CAB;
font-size: 14px;
}

.account #ctArea .inputArea table .tColor .colorList li .bg {
display: inline-block;
width: 38px;
height: 40px;
margin: 0 90px 0 0;
border: 1px solid #ccc;
border-left: none;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}

.account #ctArea .inputArea table .tColor .colorList li .bg input {
width: 100%;
height: 38px;
padding: 0;
color: rgba(0,0,0,0) !important;
text-indent: 9999px;
border: none;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}

.account #ctArea .inputArea table .tColor .colorList li .bg input.transparent {
background-image: url("../img/ico_slash_01.png") !important;
background-position: center;
background-repeat: no-repeat;
}

.account #ctArea .inputArea table .tColor .colorList li .err {
display: inline-block;
width: 226px;
margin: 0 90px 0 0;
color: #f00;
font-size: 14px;
}

.account #ctArea .inputArea table .imgSelect p {
margin: 0 0 30px;
}

.account #ctArea .inputArea table .imgSelect p .code {
display: inline-block;
width: 132px;
position: relative;
}

.account #ctArea .inputArea table .imgSelect p .code input {
width: 100%;
padding: 0 12px 0 24px;
border-radius: 2px 0 0 2px;
}

.account #ctArea .inputArea table .imgSelect p .code:after {
content: '#';
position: absolute;
top: 10px;
left: 10px;
color: #9C9CAB;
font-size: 14px;
}

.account #ctArea .inputArea table .imgSelect p .bg {
display: inline-block;
width: 38px;
height: 40px;
border: 1px solid #ccc;
border-left: none;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
}

.account #ctArea .inputArea table .imgSelect p .bg input {
width: 100%;
height: 38px;
padding: 0;
color: rgba(0,0,0,0) !important;
text-indent: 9999px;
border: none;
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
}

.account #ctArea .inputArea table .imgSelect p .bg input.transparent {
background-image: url("../img/ico_slash_01.png") !important;
background-position: center;
background-repeat: no-repeat;
}

.account #ctArea .inputArea table .imgSelect .errLine {
margin: -25px 0 30px;
}

.account #ctArea .inputArea table .imgSelect p .err {
display: inline-block;
width: 226px;
margin: 0 0 0 580px;
color: #f00;
font-size: 14px;
}

.account #ctArea .inputArea table td .edit {
width: 120px;
margin: 16px 0 0;
padding: 0 0 0 12px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 2;
background: #5C5C74 url("../img/ico_add02.png") no-repeat 12px center;
border-radius: 3px;
box-sizing: border-box;
cursor: pointer;
}

.account #ctArea .inputArea table .hoTime p + p {
margin: 9px 0 0;
}

.account #ctArea .inputArea table .hoTime label {
display: inline-block;
width: 162px;
}

.account #ctArea .inputArea table .hoTime select {
width: 89px;
margin: 0 9px 0 0;
}

.account #ctArea .inputArea table .hoTime input {
width: 187px;
}

.account #ctArea .inputArea table td select:disabled {
}


.account.noSide #colorbox {
border-radius: 5px;
}

.oemArea {
position: relative;
height: 600px;
padding: 40px 20px 40px;
border-radius: 5px;
box-sizing: border-box;
overflow-y: auto;
overflow-x: hidden;
}

.oemArea h3 {
padding: 95px 0 0;
font-size: 24px;
text-align: center;
background: url("../img/img_oem_01.png") no-repeat center top;
}

.storeArea h3 {
background: url("../img/img_store_01.png") no-repeat center top;
}

.oemArea .error {
	display: block;
	margin: 0 0 0;
	font-size: 13px;
	color: #FA6F7F;
}

.oemArea .btn {
letter-spacing: -0.5em;
text-align: center;
cursor: default;
}

/*
.oemArea .btn li {
display: inline-block;
width: 266px;
margin: 0 26px;
padding: 13px 0;
font-size: 16px;
letter-spacing: 0;
vertical-align: top;
border-radius: 6px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
cursor: pointer;
}
*/
.oemArea .btn li:hover {
opacity: 0.7;
}
.oemArea .btn .next_link {
display: inline-block;
width: 266px;
margin: 0 26px;
padding: 13px 0;
font-size: 16px;
letter-spacing: 0;
vertical-align: top;
border-radius: 6px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
cursor: pointer;
padding: 13px 0 13px 28px;
color: #fff;
background: #101010 url("../img/ico_check02.png") no-repeat 16px center;
}

.oemArea .btn .next input[type="submit"],
.oemArea .btn .next input[type="button"] {
display: inline-block;
	width: 266px;
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	vertical-align: top;
	letter-spacing: 0;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0,0,0,0.16);
	box-sizing: border-box;
	cursor: pointer;
	padding: 13px 0 13px 28px;
	font-size: 16px;
	color: #fff;
	background: #101010 url("../img/ico_check02.png") no-repeat 16px center;
}

.oemArea .btn li.back {
display: inline-block;
width: 266px;
margin: 0 26px;
padding: 13px 0;
font-size: 16px;
letter-spacing: 0;
vertical-align: top;
border-radius: 6px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
box-sizing: border-box;
cursor: pointer;
}

.oemArea .note.center {
text-align: center;
}


.oemArea .flow01 {
position: relative;
}

.oemArea table {
width: 630px;
margin: 75px auto 36px;
}

.oemArea .flow01 table {
margin: 35px auto 36px;
}

.oemArea table th {
width: 152px;
font-size: 14px;
line-height: 1.86;
text-align: left;
}

.oemArea table td {
padding: 8px 0;
}

.oemArea table td input {
width: 100%;
height: 42px;
background: #ECF1F5;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
}

.oemArea table td .note,
.oemArea table td.email #email-error {
	margin: 4px 0 0;
	font-size: 11px;
	color: #D75452;
}

.oemArea table td .note2,
.oemArea table td.email #email-error {
	margin: 4px 0 0;
	font-size: 11px;
	color: #D75452;
}

.oemArea .flow02 {
position: relative;
left: 30px;
display: none;
opacity: 0;
}

.oemArea .flow02 .select {
padding: 55px 0 20px;
letter-spacing: -0.5em;
text-align: center;
}

.storeArea .flow02 .select {
padding: 55px 0 150px;
}

.oemArea .flow02 .select li {
display: inline-block;
width: 240px;
margin: 0 8px 30px;
letter-spacing: 0;
vertical-align: top;
}

.oemArea .flow02 input {
display: none;
}

.oemArea .flow02 label {
display: block;
font-size: 16px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.oemArea .flow02 label span {
position: relative;
padding: 54px 0 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: auto;
border: 2px solid #fff;
}

.oemArea .flow02 .bg01 span {
background: url("../img/ico_oem_01.png") no-repeat center 11px;
}
.oemArea .flow02 .bg02 span {
background: url("../img/ico_oem_02.png") no-repeat center 11px;
}
.oemArea .flow02 .bg03 span {
background: url("../img/ico_oem_03.png") no-repeat center 11px;
}
.oemArea .flow02 .bg04 span {
background: url("../img/ico_oem_04.png") no-repeat center 11px;
}
.oemArea .flow02 .bg05 span {
background: url("../img/ico_oem_05.png") no-repeat center 11px;
}
.oemArea .flow02 .bg06 span {
background: url("../img/ico_oem_06.png") no-repeat center 11px;
}
.storeArea .flow02 .bg01 span {
background: url("../img/ico_store_01.png") no-repeat center 11px;
}
.storeArea .flow02 .bg02 span {
background: url("../img/ico_store_02.png") no-repeat center 11px;
}

.oemArea .flow02 label input:checked + span {
color: #101010;
border: 2px solid #FFCF28;
}

.oemArea .flow02 .bg01 input:checked + span {
background: url("../img/ico_oem_01_on.png") no-repeat center 11px;
}
.oemArea .flow02 .bg02 input:checked + span {
background: url("../img/ico_oem_02_on.png") no-repeat center 11px;
}
.oemArea .flow02 .bg03 input:checked + span {
background: url("../img/ico_oem_03_on.png") no-repeat center 11px;
}
.oemArea .flow02 .bg04 input:checked + span {
background: url("../img/ico_oem_04_on.png") no-repeat center 11px;
}
.oemArea .flow02 .bg05 input:checked + span {
background: url("../img/ico_oem_05_on.png") no-repeat center 11px;
}
.oemArea .flow02 .bg06 input:checked + span {
background: url("../img/ico_oem_06_on.png") no-repeat center 11px;
}
.storeArea .flow02 .bg01 input:checked + span {
background: url("../img/ico_store_01_on.png") no-repeat center 11px;
}
.storeArea .flow02 .bg02 input:checked + span {
background: url("../img/ico_store_02_on.png") no-repeat center 11px;
}

.oemArea .flow02 .btn .next {
opacity: 0.5;
cursor: default;
pointer-events: none;
}

.oemArea .flow03 {
position: relative;
left: 30px;
display: none;
opacity: 0;
}

.oemArea .flow03 .select {
padding: 55px 0 150px;
letter-spacing: -0.5em;
text-align: center;
}

.oemArea .flow03 .select li {
display: inline-block;
width: 240px;
margin: 0 8px 30px;
letter-spacing: 0;
vertical-align: top;
}

.oemArea .flow03 .select li input {
display: none;
}

.oemArea .flow03 .select li label {
display: block;
font-size: 16px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.oemArea .flow03 .select li label span {
position: relative;
padding: 54px 0 18px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: auto;
border: 2px solid #fff;
}

.oemArea .flow03 .select li .bg01 span {
background: url("../img/ico_oem_07.png") no-repeat center 11px;
}
.oemArea .flow03 .select li .bg02 span {
background: url("../img/ico_oem_08.png") no-repeat center 11px;
}
.oemArea .flow03 .select li label input:checked + span {
color: #74a2ce;
border: 2px solid #74a2ce;
}

.oemArea .flow03 .select li .bg01 input:checked + span {
background: url("../img/ico_oem_07_on.png") no-repeat center 11px;
}
.oemArea .flow03 .select li .bg02 input:checked + span {
background: url("../img/ico_oem_08_on.png") no-repeat center 11px;
}

.oemArea .flow03 .btn .next {
display: none;
}

.storeArea .flow03 table {
margin: 75px auto 164px;
}

.oemArea .flow04 {
position: relative;
left: 30px;
display: none;
opacity: 0;
}

.oemArea .flow04 .select {
padding: 55px 0 150px;
letter-spacing: -0.5em;
text-align: center;
}

.oemArea .flow04 .select li {
display: inline-block;
width: 240px;
margin: 0 8px 30px;
letter-spacing: 0;
vertical-align: top;
}

.oemArea .flow04.select li  input {
display: none;
}

.oemArea .flow04.select li  label {
display: block;
font-size: 16px;
box-shadow: 0 0 6px rgba(0,0,0,0.16);
}

.oemArea .flow04.select li  label span {
position: relative;
padding: 36px 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: auto;
border: 2px solid #fff;
}

.oemArea .flow04.select li  label input:checked + span {
color: #FA6F7F;
border: 2px solid #74a2ce;
}

.storeArea .flow04 table {
margin: 10px auto 30px;
}

.oemArea .flow04 .btn .next {
opacity: 0.7;
cursor: default;
pointer-events: none;
}

.storeArea .flow04 .btn .next {
opacity: 1;
cursor: pointer;
pointer-events: auto;
}

.oemArea .flow05 {
position: relative;
left: 30px;
display: none;
opacity: 0;
}

.oemArea .flow05 h3 {
margin: 148px 0 0;
padding: 190px 0 0;
font-size: 30px;
text-align: center;
background: url("../img/img_oem_02.png") no-repeat center top;
}

.storeArea .flow05 h3 {
background: url("../img/img_store_02.png") no-repeat center top;
}

.oemArea .progress {
position: absolute;
left: 0;
bottom: 53px;
width: 100%;
text-align: center;
}

.oemArea .progress ul {
letter-spacing: -0.5em;
}

.oemArea .progress ul li {
position: relative;
display: inline-block;
width: 219px;
margin: 0 0 0 -23px;
padding: 13px 0;
color: #101010;
font-size: 13px;
letter-spacing: 0;
vertical-align: top;
background: url("../img/bg_oem_01.png") no-repeat center;
z-index: 4;
}

.oemArea .progress ul li:nth-child(1) {
margin: 0;
}

.oemArea .progress ul li:nth-child(2) {
z-index: 3;
}

.oemArea .progress ul li:nth-child(3) {
z-index: 2;
}

.oemArea .progress ul li:nth-child(4) {
z-index: 1;
}

.oemArea .progress ul li.act {
background: url("../img/bg_oem_02.png") no-repeat center;
}

#ctArea .statusArea {
margin: 0 0 35px;
border: 1px solid #eee;
border-radius: 3px;
}

#ctArea .statusArea h3 {
padding: 7px 20px;
color: #5C5C74;
font-size: 16px;
font-weight: bold;
background: #F3F3F5;
border-bottom: 1px solid #eee;
}

#ctArea .statusArea .statusBox {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 2.9%;
}

#ctArea .statusArea .statusBox .chart {
flex: 1;
}

#ctArea .statusArea .statusBox .chart ul {
display: flex;
align-items: center;
}

#ctArea .statusArea .statusBox .chart ul li {
position: relative;
width: 23.934%;
margin-left: -6.23%;
padding: 39px 0 39px 8.23%;
color: #666;
font-size: 11px;
background: url("../img/bg_flow_02.png") no-repeat center;
background-size: contain;
box-sizing: border-box;
z-index: 1;
}

#ctArea .statusArea .statusBox .chart ul li .large01 {
width: 24.15%;
color: #000;
font-size: 33px;
line-height: 1;
vertical-align: baseline;
}

#ctArea .statusArea .statusBox .chart ul li .large02 {
color: #000;
font-size: 22px;
vertical-align: baseline;
}

#ctArea .statusArea .statusBox .chart ul li.act {
background: url("../img/bg_flow_02_on.png") no-repeat center;
background-size: contain;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(1) {
margin: 0;
padding: 39px 0 39px 2.23%;
background: url("../img/bg_flow_01.png") no-repeat center;
background-size: contain;
}

#ctArea .statusArea .statusBox .chart ul li.act:nth-child(1) {
background: url("../img/bg_flow_01_on.png") no-repeat center;
background-size: contain;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(2) {
z-index: 2;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(2) em {
position: relative;
margin: 0 0 0 -15px;
font-style: normal;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(3) {
z-index: 3;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(4) {
z-index: 4;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(5) {
z-index: 5;
}

#ctArea .statusArea .statusBox .chart ul li:nth-child(6) {
width: 3.716%;
margin: 0 0 0 2%;
padding: 15px 5px;
font-size: 16px;
line-height: 1.8;
text-align: center;
border-radius: 17px;
background: #FFCF28;
z-index: 6;
}


#ctArea .statusArea .statusBox .chart ul li i {
color: #5C5C74;
font-size: 12px;
}

#ctArea .statusArea .statusBox .chart ul li:hover,
#ctArea .statusArea .statusBox .chart ul li:hover a {
text-decoration: none;
cursor: pointer;
}


#ctArea .statusArea .statusBox .graph {
width: 211px;
margin: 0 0 0 15px;
padding: 80px 0;
background: url("../img/bg_open_00.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph10 {
background: url("../img/img_dashboard_10.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph20 {
background: url("../img/img_dashboard_20.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph30 {
background: url("../img/img_dashboard_30.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph40 {
background: url("../img/img_dashboard_40.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph50 {
background: url("../img/img_dashboard_50.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph60 {
background: url("../img/img_dashboard_60.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph70 {
background: url("../img/img_dashboard_70.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph80 {
background: url("../img/img_dashboard_80.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph90 {
background: url("../img/img_dashboard_90.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph100 {
background: url("../img/img_dashboard_100.png") no-repeat center;
}

#ctArea .statusArea .statusBox .graph p {
color: #666;
font-size: 12px;
text-align: center;
}

#ctArea .statusArea .statusBox .graph p span {
color: #000;
font-size: 33px;
line-height: 1;
vertical-align: baseline;
}

#ctArea .newsArea {
display: flex;
margin: 0 0 48px;
}

#ctArea .newsArea .left {
flex: 1;
border: 1px solid #eee;
border-radius: 3px;
}

#ctArea .newsArea .left h3 {
padding: 7px 20px;
color: #5C5C74;
font-size: 16px;
font-weight: bold;
background: #F3F3F5;
border-bottom: 1px solid #eee;
}

#ctArea .newsArea .left ul {
padding: 23px 23px 10px;
}

#ctArea .newsArea .left ul li {
margin: 0 0 10px;
font-size: 14px;
}

#ctArea .newsArea .left ul li span {
display: inline-block;
width: 100px;
}

#ctArea .newsArea .right {
width: 274px;
margin: 0 0 0 50px;
}

#ctArea .newsArea .right .bx-wrapper {
position: relative;
}

#ctArea .newsArea .right .bx-pager {
position: absolute;
left: 0;
bottom: -23px;
width: 100%;
text-align: center;
}

#ctArea .newsArea .right .bx-pager-item {
display: inline-block;
}

#ctArea .newsArea .right .bx-pager-item a {
display: block;
width: 13px;
height: 13px;
margin: 0 7px;
background: #eee;
border-radius: 50%;
text-indent: 9999px;
overflow: hidden;
}

#ctArea .newsArea .right .bx-pager-item a.active {
background: #B9B9C3;
}

#ctArea .newsArea .left ul li {
    display: flex;
}
#ctArea .newsArea .left ul li div {
    flex: 1;
}
#ctArea .newsArea .left ul li .news_red {
    font-weight: bold;
    color: red;
}

#ctArea .infoArea ul {
display: flex;
justify-content: space-between;
margin: 0 0 48px;
}

#ctArea .infoArea ul li {
width: 31.32%;
padding: 0 0 41px;
border: 1px solid #eee;
border-radius: 3px;
box-sizing: border-box;
}

#ctArea .infoArea02 {
width: 100%;
padding: 0 0 41px;
border: 1px solid #eee;
border-radius: 3px;
box-sizing: border-box;
}

#ctArea .infoArea02.basicinfo_area {
margin: 0 0 48px;
}

#ctArea .infoArea02 h3 ,
#ctArea .infoArea ul li h3 {
padding: 7px 20px;
color: #5C5C74;
font-size: 16px;
font-weight: bold;
background: #F3F3F5;
border-bottom: 1px solid #eee;
}

#ctArea .infoArea02 h3 span.open {
padding: 5px 19px;
color: #000;
font-size: 14px;
font-weight: bold;
border-radius: 26px;
background: #FFCF28;
}

#ctArea .infoArea02 h3 span.closed {
padding: 5px 19px;
color: #fff;
font-size: 14px;
font-weight: bold;
border-radius: 26px;
background: #d2d2d2;
}

#ctArea .infoArea ul li table {
width: calc(100% - 56px);
margin: 25px 28px 0;
border-collapse: collapse;
}

#ctArea .infoArea02 table {
width: calc(100% - 56px);
margin: 25px 28px 0;
border-collapse: collapse;
text-align: left;
}

#ctArea .infoArea02 table th ,
#ctArea .infoArea ul li table th {
padding: 16px 8px;
font-size: 14px;
border-bottom: 1px solid #ccc;
}

#ctArea .infoArea02 table td ,
#ctArea .infoArea ul li table td {
padding: 0 20px;
font-size: 14px;
text-align: right;
border-bottom: 1px solid #ccc;
}

#ctArea .infoArea02 .pay {
margin: 0 28px;
}

#ctArea .infoArea02 .pay td {
padding: 45px 20px 15px;
}

#ctArea .infoArea ul li table td + th {
position: relative;
}

#ctArea .infoArea02 table td + th {
border-left: 32px solid #fff;
}

#ctArea .infoArea ul li table td + th:after {
content: '';
position: absolute;
left: -5px;
bottom: -1px;
width: 10px;
height: 1px;
background: #fff;
}

#ctArea .infoArea ul li table .bdNone {
border: none;
}

#ctArea .infoArea02 table td .large01 ,
#ctArea .infoArea ul li table td .large01 {
color: #5C5C74;
font-size: 20px;
font-weight: bold;
vertical-align: baseline;
}

#ctArea .infoArea ul li table td .large02 {
color: #5C5C74;
font-size: 16px;
font-weight: bold;
vertical-align: baseline;
}

#ctArea .infoArea02 table td .bold {
font-weight: bold;
}

/* Amount List Table */
#ctArea .amntlist table th{
	padding-bottom: 5px;
	padding-top: 35px;
}

#ctArea .amntlistTable ul li,
#ctArea .amntlistTable2 ul li {
	border: 0;
}

#ctArea .amntlistTable ul li table th,
#ctArea .amntlistTable ul li table td {
	padding: 6px 8px 0px;
	border-bottom: 0;
}

#ctArea .amntlistTable ul li h3,
#ctArea .amntlistTable2 ul li h3 {
	background:0;
	border-bottom: 0;
	padding-left: 0;
}

#ctArea .amntlistTable2 ul li {	
	border: 0;
	margin-top: -80px;
}

#ctArea .amntlistTable2 ul li table th {
	padding: 16px 8px 0px;
	border-bottom: 1px solid #ccc;
}

.account #ctArea .inputArea table.table_setting {
border-collapse: collapse;
	table-layout: fixed;
}
.account #ctArea .inputArea table th {
	padding: 8px 15px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;
	color:#5C5C74;
	font-size: 15px;
	background:#f8f8f9;
	box-sizing:border-box;
	border-bottom:1px solid #e9ecef;
}

.account #ctArea .inputArea table.table_setting colgroup col {
	width: 150px;
}
.account #ctArea .inputArea table.table_setting colgroup col:last-child {
	width: 241px;
}
#ctArea .userDetailArea .tableBox table th.vTop {
	vertical-align: top;
}

.account #ctArea .inputArea table td,
#ctArea .userDetailArea .tableBox table td {
	padding: 8px 25px 8px 16px;
	vertical-align: middle;
	color:#5C5C74;
	font-size: 15px;
	border-bottom:1px solid #e9ecef;
	box-sizing:border-box;
}
#ctArea .userDetailArea .tableBox table td.txt {
	padding: 10px 25px 10px 32px;
}

.account #ctArea .inputArea table td #input_pluralBox {
	margin: 12px 0 0;
}

.account #ctArea .inputArea table td #input_plural {
	margin: 6px 0 0;
}

#ctArea .userDetailArea .tableBox table td > * {
	margin: 0 .5em 0 0;
}
#ctArea .userDetailArea .tableBox table td > *:last-child {
	margin: 0;
}

.account #ctArea .inputArea table td .js_tab_nav {
	display: flex;
}

.account #ctArea .inputArea table td .js_tab_nav li {
	margin: 0 0 0 16px;
}

.account #ctArea .inputArea table td .js_tab_nav li:first-child {
	margin: 0 0 0 0;
}


.account #ctArea .inputArea table td input ,
.account #ctArea .inputArea table td select ,
#ctArea .userDetailArea .tableBox table td input ,
#ctArea .userDetailArea .tableBox table td select {
	padding:0 12px;
	height:40px;
	color:#5C5C74;
}

.account #ctArea .inputArea table td textarea {
    width: 100%;
    height: 150px;
    padding: 5px 12px;
    border-radius: 2px;
    box-sizing: border-box;
	color:#5C5C74;
}

#ctArea .userDetailArea .tableBox table td.err input ,
#ctArea .userDetailArea .tableBox table td.err textarea ,
#ctArea .userDetailArea .tableBox table td.err select {
	border:1px solid #D75452;
	color:#D75452;
}

#ctArea .userDetailArea .tableBox table td input.num {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.name {	width: 25%;}
#ctArea .userDetailArea .tableBox table td input.tel {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.email {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.zip {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.municipality {	width: 100%;}
#ctArea .userDetailArea .tableBox table td input.npid {	width: 100%;}

#ctArea .userDetailArea .tableBox table td input.birth {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.gender {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.receive {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.pref {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.count {	width: 27.5%;}
#ctArea .userDetailArea .tableBox table td select.country_select {	width: 27.5%;}

#ctArea .userDetailArea .tableBox table td textarea {
	width: 100%;
	height: 65px;
	color:#5C5C74;
}


#ctArea .ttlBox02 {
margin: 0 0 30px;
}

#ctArea .ttlBox02 .icoStore {
float: left;
color:#5C5C74;
font-size: 26px;
padding:0 0 0 50px;
background: url(../img/img_store_03.png) no-repeat left center;
}

#ctArea .ttlBox02 p {
float: right;
}

#ctArea .ttlBox02 p a {
display: block;
height: 38px;
padding: 0 19px 0 40px;
color: #fff;
font-size: 15px;
line-height: 2.53;
text-decoration: none;
border-radius: 3px;
background: url(../img/ico_add02.png) no-repeat 19px center #5c5c74;
}

#ctArea .ttlBox02 p a:hover {
opacity: 0.7;
}

#ctArea .ttlBox02 p + p {
margin-right: 15px;
}

#ctArea .ttlBox02 p a.btn {
padding: 0 19px;
color: #5c5c74;
border: 1px solid #5c5c74;
background: none;
box-sizing: border-box;
}

.tutorialArea {
position: fixed;
bottom: 1%;
left: 1%;
width: 290px;
padding: 20px 0 20px;
text-align: center;
background: #fff;
border: 2px solid #FFCF28;
border-radius: 6px;
box-sizing: border-box;
z-index: 99;
}

.tutorialArea .close {
position: absolute;
top: 12px;
right: 10px;
cursor: pointer;
}

.tutorialArea .txt {
margin: 15px auto 5px;
font-size: 12px;
text-align: center;
}

.tutorialArea .btn {
width: 130px;
margin: 0 auto;
}

.tutorialArea .btn button {
width: 100%;
padding: 6px 0;
color: #5C5C74;
font-size: 14px;
font-weight: bold;
}

.previewArea {
position: relative;
padding: 20px 0;
}

.previewArea .img {
text-align: center;
}

.previewArea .txt {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 330px;
margin: 0 auto;
text-align: center;
}

.previewArea .frameFooter .cancel {
display: block;
width: 146px;
height: 38px;
margin: 20px auto 0;
border: 1px solid #8a8a9b;
border-radius: 3px;
background: #fff;
color: #161638;
font-size: 15px;
box-sizing: border-box;
}

#text01.previewArea .txt {
position: static;
min-height: 270px;
font-size: 14px;
font-weight: bold;
white-space: pre-wrap;
}
#text02.previewArea .txt {
top: 471px;
width: 480px;
font-size: 13px;
}
#text03.previewArea .txt {
top: 471px;
width: 480px;
font-size: 13px;
}
#text04.previewArea .txt {
top: 103px;
left: 400px;
font-size: 18px;
font-weight: normal;
}
#text05.previewArea .txt {
top: 627px;
font-size: 12px;
}
#text06.previewArea .txt {
position: static;
width: 353px;
font-size: 12px;
font-weight: bold;
text-align: left;
white-space: pre-wrap;
}
#text07.previewArea .txt {
    top: 117px;
    font-size: 15px;
}
#text08.previewArea .txt {
    top: 218px;
    font-size: 11px;
}

#codeigniter_profiler {
    position: relative;
    width: 1140px;
    margin: 0 auto;
    padding: 0 30px 100px 230px !important;
}

#option_box input:read-only {
background-color: #eee;
}

#ctArea .itemDetailArea table .benefits {
padding: 7px 17px 17px;
}
.benefit_combination .trash {
margin-left: 10px;
}

.benefit_combination .trash img {
vertical-align: middle;
}

#priceSet {
margin: 10px 0 0;
}

#priceSet input[type="text"]{
margin-right: 5px;
}

/* -----------------------------------------------------
Customer/list
------------------------------------------------------ */

#ctArea .inner.nolets_area {
	position: relative;
	width: 1140px;
	margin: 0 auto;
	padding: 0 30px 0 30px;
	overflow: hidden;
}

#ctArea .inner.nolets_area .searchArea  {
	display: grid;
	grid-template-columns: 300px 300px 1fr;
	justify-content: space-between;
	column-gap: 20px;
	row-gap: 30px;
	padding: 18px 25px 25px 25px;
}

#ctArea .inner.nolets_area .searchArea .searchBox {
	float: none;
}

#ctArea .inner.nolets_area .searchArea .searchBox p {
	width: 100%;
	margin: auto;
}

#ctArea .inner.nolets_area .searchArea .searchBox input,
#ctArea .inner.nolets_area .searchArea .searchBox select {
	width: 100%;
}

#ctArea .inner.nolets_area .searchArea .searchBox:first-child {
	grid-column: 1/3;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(2) {
	/* grid-column: 1/2;
	grid-row: 2/3; */
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(3) {
	grid-column: 2/3;
	grid-row: 2/3;
}

/* #ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) {
	grid-column: 3/1; */
	/* grid-row: 2/4; */
/* } */

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) select {
	width: 30.3333% !important;
	margin: 0 10px 0 0;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(4) select:last-child {
	margin: 0 0 0 0;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(5) {
	/* grid-column: 1/3; */
	grid-row: 3/4;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(6) {
	grid-column: 2/3;
	grid-row: 3/4;
}

#ctArea .inner.nolets_area .searchArea .searchBox:nth-child(7) {
	/* grid-column: 2/3; */
	grid-row: 3/4;
}

#ctArea .inner.nolets_area .searchArea .btnBox {
	grid-column: 1/4;
	grid-row: 4/5;
}

/* ボタン */
#ctArea .inner.nolets_area .searchArea .btnBox {
	display: flex;
	justify-content: center;
	padding: 10px 0 0;
}

#ctArea .inner.nolets_area .searchArea .btnBox p {
	float: none;
	margin: 0 10px !important;
}

#ctArea .inner.nolets_area .searchArea .btnBox p input.reset {
	padding: 0 0 0 0 !important;
}

/* 顧客詳細 */

#ctArea .customer_id {
	cursor: pointer;
}

#ctArea table tr.customer_id:nth-child(4n) td {
	background: #fff !important;
}

#ctArea .customer_id td:first-child {
	color: #1155CC;
}

#ctArea .customer_id:hover td {
	color: #1155CC;
	text-decoration: underline;
}

#ctArea .customer_list_detail_wrap > td {
	padding: 0 !important;
	border: none !important;
}

/* #ctArea .customer_list_detail_wrap td .customer_list_detail_area {
	visibility: hidden;
	height: 0;
} */

#ctArea .customer_list_detail_wrap.active td .customer_list_detail_area {
	visibility: visible;
	height: auto;
	padding: 50px 0 40px;
	border-bottom: 1px solid #e9ecef !important;
}

#ctArea .customer_list_detail_wrap td .customer_list_detail_area .user_detail_area210105 td {
	padding: 8px 25px 8px 16px !important;
	border-bottom: 1px solid #e9ecef !important;
}

#ctArea .customer_list_detail_area {
	padding: 20px;
	border: 2px solid #E6E9ED;
	border-top: none;

	margin: 0 0 20px;
}

#ctArea .customer_list_detail_area h2 {
	font-size: 24px;
	text-align: left;
}

#ctArea .customer_list_detail_area .tab_area {
	margin: 10px 0 0;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	border: 2px #E7E7EB solid;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li a {
	display: block;
	padding: 8px;
	color: #454560;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li a:hover {
	background: #E0E0E4;
	text-decoration: none;
}

#ctArea .customer_list_detail_area .tab_area .tab_nav li.active a {
	background: #E0E0E4;
}


/* ボタンレイアウト */

#ctArea .btn_area210105 {
	display: flex;
	justify-content: center;
	margin: 0;
	/* margin-bottom: 50px; */
}

#ctArea .btn_area210105 p {
	margin: 0 10px;
}

#ctArea .btn_area210105 .cancel {
	width: 146px;
	height: 38px;
	border:1px solid #8a8a9b;
	border-radius: 3px;
	background: #fff;
	color:#161638;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .save,
#ctArea .btn_area210105 #submitEdit {
	width: 146px;
	height: 38px;
	padding:0 0 0 22px;
	border-radius: 3px;
	background:url(../img/ico_save01.png) no-repeat 31px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .search {
	height: 38px;
	padding:0 19px 0 37px;
	border-radius: 3px;
	background:url(../img/ico_search02.png) no-repeat 16px center #5c5c74;
	color:#fff;
	font-size: 15px;
	box-sizing:border-box;
}

#ctArea .btn_area210105 .btn a {
	display: block;
	height: 38px;
	padding: 0 19px 0 19px;
	border-radius: 3px;
	background: #5c5c74;
	color:#fff;
	font-size: 15px;
	line-height: 2.53;
}

#ctArea .btn_area210105 .add {
	height: 38px;
	padding: 0 19px 0 40px;
	border-radius: 3px;
	background: url(../img/ico_add02.png) no-repeat 19px center #5c5c74;
	color:#fff;
	font-size: 15px;
}

#ctArea .btn_area210105 a.add {
	display: block;
	line-height: 2.53;

}

#ctArea .btn_area210105 .linkBtn {
	font-size: 18px;
}

#ctArea .btn_area210105 .btn a:hover,
#ctArea .btn_area210105 a.add:hover {
	text-decoration: none;
	opacity: 0.7;
}

#ctArea .btn_area210105 .add_cate {
	width: 176px;
	padding: 0 14px 0 38px;
	color:#161638;
	border:1px solid #8a8a9b;
	background: url(../img/ico_add03.png) no-repeat 16px center #fff;
}

#ctArea .btn_area210105 .delete {
	width: 146px;
	height: 38px;
	padding: 0 14px 0 38px;
	border-radius: 3px;
	background: url(../img/ico_trash02.png) no-repeat 18px center #d75452;
	color:#fff;
	font-size: 15px;
}


/* 顧客詳細テーブル */

#ctArea .user_detail_area210105 {
	margin: 0;
}

#ctArea .user_detail_area210105 table {
	border-top:2px solid #e9ecef !important;
}

#ctArea .user_detail_area210105 th {
	border-right:2px solid #e9ecef !important;
	border-bottom:2px solid #e9ecef !important;
	font-weight: normal !important;
}
#ctArea .user_detail_area210105 td {
	border-bottom:2px solid #e9ecef !important;
	background: none !important;
}

#ctArea .user_detail_area210105 td select {
	width: auto !important;
}

/* 購買履歴一覧テーブル */

#ctArea .listTableArea210105 {
	display: none;
	margin: 30px 0;
}
.listTableArea210105 th {
	border: 2px solid #E7E7EB !important;
	}
.listTableArea210105 td {
	padding: 12px 8px !important;
	border: 2px solid #E7E7EB !important;
	font-size: 12px !important;
	text-align: center !important;
}

/*
	顧客詳細 注文管理
	/Auth/Customer/order_management
 */

.order.detail #ctArea .order_management_area210105 {
	padding: 0 30px;
}

.order.detail #ctArea .order_management_area210105.ttl {
	display: flex;
	justify-content: space-between;
}

.order.detail #ctArea .order_management_area210105 .clearfix h3 {
	font-size: 20px;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox {
	justify-content: space-between;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox p {
	margin: 0 10px 0 0;
	padding: 0 0 0 35px;
	font-size: 16px;
	line-height: 2;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status {
	font-size: 16px;
	text-align: right;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status select {
	width: 200px;
}

.order.detail #ctArea .order_management_area210105 .accessorieBox .status .btn {
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	border-radius: 50px;
	background: #5c5c74;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.order.detail #ctArea .order_management_area210105 .userBox h3 {
	font-size: 24px;
}


.tolalTransaction {
	height: 40px;
	position: relative;
	margin-top: 10px;
	top: 10px;
}

.centerbtn {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.catSetBtn {
	height: 40px;
	position: relative;
	margin-top: 0px;
	top: 5px;
}

.catSetblock {
	display: block;
	width: 100%;
	border: none;
	border: 1px solid #5c5c74;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
}

/* Narrow Search Area */
.narrowSearch_button {
	display: block;
	padding: 0px 19px 0 15px;
	color: #fff;
	font-size: 15px;
	line-height: 2.53;
	text-decoration: none;
	border-radius: 3px;
	background: no-repeat 13px center #5c5c74;
	background-image: url(../img/ico_add04.png);
	width: 100%;
	text-align: left;
}

.narrowSearch_button--active{
	float:left;
	background-image: url(../img/ico_minus02.png) ; 
}

.narrowSearch_button--active::after{
	float:left;
	background-image: url(../img/ico_minus02.png) ; 
}

.narrowSearch_content{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2x;
	width: 100%;
}

.narrowSearchArea {
	padding: 18px 18px 24px;
	border:2px solid #eee;
	border-radius: 3px;
	background: #f8f8f9;
}

.narrowSearchArea .searchBox1 .box .label, .narrowSearchArea .searchBox1 .label {
	display: block;
	height: auto;
	margin: 0 0 10px;
	padding: 0 20px 0 7px;
	font-size: 15px;
	line-height: 1.4;
	border-left: 7px solid #b9b9c3;
}

.narrowSearchArea .searchBox1 p {
	float:right;
	width:120px;
	margin:0 28px 0 0;
}

.narrowSearchArea .searchBox1 {
	float: left;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.narrowSearchArea .searchBox1 .filterButton {
	font-size: 14px;
	margin: 0 0 10px 0;
}
.narrowSearchArea .searchBox1 .category{
	height: 34px;
	box-sizing: border-box;
	border-radius: 2px;
	border: 1px solid #ccc;
	margin: 0 5px 0 0px;

}
.narrowSearchArea .searchBox1 .checkboxPay{
	height: 10px;
	width: 10px;
	margin: 0 0 0 0;
}

.narrowSearchArea .searchBox1 label{
	margin:0 20px 0 0;
}

.narrowSearchArea .searchBox1 .searchIcon{
	background: rgb(252, 249, 249) url(../img/ico_search01.png) no-repeat 20px;
}

.f-container{
	display:flex; 
	flex-wrap:wrap; 
  }

/* Daily 日次処理 */
    .daily #ctArea .dateArea {
        position: relative;
        margin: 0 0 20px;
    }

    .daily #ctArea .dateArea h3 {
        color: #5c5c74;
        font-size: 24px;
        text-align: center;
    }

    .daily #ctArea .dateArea ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 102px;
        letter-spacing: -0.5em;
    }

    .daily #ctArea .dateArea ul li {
        display: inline-block;
        letter-spacing: 0;
        vertical-align: top;
    }

    .daily #ctArea .dateArea ul li:hover {
        cursor: pointer;
        opacity: 0.7;
    }

    .daily #ctArea .tableBtn {
        position: absolute;
        top: 0;
        right: 72px;
    }

    .daily #ctArea .checkBtn a,
    .daily #ctArea .tableBtn a {
        display: block;
        width: 150px;
        padding: 7px 0;
        text-align: center;
        text-decoration: none;
        border-radius: 3px;
        border: 1px solid #8a8a9b;
        font-size: 15px;
        box-sizing: border-box;
    }

    .daily #ctArea .checkBtn a:hover,
    .daily #ctArea .tableBtn a:hover {
        opacity: 0.7;
    }

    .daily #ctArea .dateArea .calendar {
        position: absolute;
        top: 0;
        right: 0;
        width: 52px;
        height: 37px;
        background:url(../img/ico_calendar_01.png) no-repeat;
    }

    .daily #ctArea .dateArea .calendar input:hover {
        cursor: pointer;
    }

    .daily #ctArea .dateArea .calendar input {
        width: 100%;
        height: 37px;
        opacity: 0;
        box-sizing: border-box;
    }

    .daily #ctArea .ttlBox h2 {
        margin: 0 0 10px;
        padding: 0 0 0 40px;
        background: url(../img/ico_ttl_order02.png) no-repeat left center;
    }

    .daily #ctArea #inputCashArea {
        width: 100%;
        margin: 6px 0 0;
    }

    .daily #ctArea .calcTitleArea {
        position: relative;
        margin: 0 0 20px;
    }

    .daily #ctArea .checkBtn {
        position: absolute;
        top: 0;
        right: 0px;
    }

    .daily #ctArea #inputCashArea table {
        width: 100%;
        border-top: 1px solid #e9ecef;
        margin-bottom: 30px;
    }

    .daily #ctArea #inputCashArea table th {
        width: 256px;
        padding: 8px 15px;
        vertical-align: middle;
        text-align: left;
        line-height: 1.3;
        color: #5C5C74;
        font-size: 15px;
        background: #f8f8f9;
        box-sizing: border-box;
        border-bottom: 1px solid #e9ecef;
    }

    .daily #ctArea #inputCashArea table td {
        padding: 8px 25px 8px 16px;
        vertical-align: middle;
        color: #5C5C74;
        font-size: 15px;
        border-bottom: 1px solid #e9ecef;
        box-sizing: border-box;
    }

    .daily #ctArea .registerDetailBox {
        margin-bottom: 30px;
    }

    .daily #ctArea .registerDetailBox table {
        border-bottom: 1px solid #5C5C74;
        width: 100%;
    }

    .daily #ctArea .registerDetailBox table th {
        width: 16%;
        padding: 5px 15px;
        color: #5C5C74;
        font-size: 14px;
        text-align: center;
        background: #e7e7eb;
        border-top: 1px solid #d0d0d7;
        border-bottom: 1px solid #d0d0d7;
        border-right: 1px solid #d0d0d7;
        box-sizing: border-box;
    }

    .daily #ctArea .registerDetailBox table td {
        color: #5C5C74;
        font-size: 18px;
        padding: 10px 15px;
        vertical-align: middle;
        text-align: center;
        background: #fff !important;
        border-top: none;
        border-bottom: 1px solid #5c5c75;
        border-right: 1px solid #d0d0d7;
    }

    .daily #ctArea .red{
        font-weight: bold;
        color: red !important;
    }

    .daily #ctArea #inputCashArea h3 {
        color: #5C5C74;
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0px;
    }

    .daily footer .btnBox .cancelClose {
        width: 146px;
        height: 38px;
        border-radius: 3px;
        background-color: #d75452;
        color: #fff;
        font-size: 15px;
    }

    .daily select {
        width: 200px;
        box-sizing: border-box;
        display: inline-block;
        height: 40px;
        margin-right: 0.5em;
        padding: 3px 10px;
        font-size: 15px;
        vertical-align: middle;
        letter-spacing: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    .daily .right160px{
        right: 160px;
    }