@charset "UTF-8";

/*** 基本 ***/
body {
	padding: 0;
	border-top: solid 5px brown;
	/*font-size: large !important;*/
}
h1,h2 {
	white-space: nowrap;
	font-size: 28px;
}
h1 span {
	font-size: 80%;
}
table th,
table td {
	padding: 1px 3px;
    word-break: break-all;
    /*word-wrap: break-word;*/
}
th {
	background-color: #DFDFDF;
	font-weight: bold;
	text-align: center;
}

input {
	margin: 1px !important;
}
input[type="text"] {
	width: 100%;
}
input[type="email"] {
	width: 20em;
}
input[type="checkbox"], input[type="radio"] {
    margin: 4px 3px;
}
input[readonly="readonly"]{
	border: none;
	font-weight: bold;
	overflow: hidden;
	padding: 0;
	/*text-indent: -1.1em;*/
}
.number input,
.num input {
	width: 4em !important;
}
textarea {
	width: 100%;
}
/*ul {
	margin: 0;
	overflow: hidden;
}*/
ol.select li,
ul.select li,
dl.select dt,
dl.select dd {
	margin-right: 2em;
	font-size: 18px;
}
hr {
	margin-top: 10px !important;
	margin-bottom: 10px;
}

/*Bootstrap*/
p a.btn {
	margin-bottom: 5px;
}
span.btn {
	margin-bottom: 5px;
}
#contents .table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #aaa;
}
.table th,
.table td {
	border-color: #999!important;
	padding: 1px 5px;
	vertical-align: middle !important;
}
.table th {
	white-space: nowrap;
}
.table td div {
	white-space: nowrap;
}
#edit.calendar .table td {
	white-space: nowrap;
}
.table caption {
	font-size: 20px;
	color: #333;
}
.modified th {
	background-color: #ccc;
}
/*
.table.edit .odd th {
	background-color: #c2d2df;
}
.table.edit .even th {
	background-color: #dfd6c2;
}
*/

.table caption {
	text-align: center;
	font-weight: bold;
}
.table.edit label.single {
	display: block;
	border: dotted 1px #aaa;
	padding: 0;
	line-height: 1em;
}
td label {
	margin-right: 1em;
}

header.fix {
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
header.fix + article#contents {
	padding-top: 60px !important;
}
header.fix .btn-primary {
	position: absolute;
	right: 15px;
}

#contents input[type="file"] {
	display: inline;
}

/*** 独自Class,ID ***/
#contents {
	padding: 15px !important;
	padding-top: 12px !important;
}
#contents > p,
#contents > h1,
#contents > h2,
#contents > h3,
#contents form > p {
	text-align: center;
}
.delete,
.control {
	text-align: right;
	padding: 15px;
}
.dupe {
	font-weight: normal;
}
.navi {
	text-align: center;
}
.checkbox,
.radio {
	display: inline !important;
}

/*ヘッダ、フッタ*/
header,footer {
	padding: 15px;
}
header {
	border-bottom: solid 1px #ccc;
}
#contents {
	/*border-bottom: solid 1px #ccc;*/
}


/*サジェスト機能用*/
.suggest td {
	white-space: normal;
}
.suggest input[type="text"] {
	width: 5em;
}
.hospital .suggest input[type="text"] {
	width: 100%;
}
.suggest ul,.suggest li {
	margin: 1em 0.5em 1em 0;
	text-align: center;
}

.suggest {
	position: relative;
}
.suggest_input {
	width: 6em;
}
.suggest_list {
	position: absolute !important;
	top: 15px;
	left: 0;
	z-index: 20;
	display: none;
	border: solid 1px #333;
	background-color: #fff;
	padding: 1em;
}
.suggest_list ul {
	margin: 0;
	padding: 0;
	overflow: auto;
}
.suggest_list li {
	float: left;
	cursor: pointer;
	cursor: hand;
	list-style: none;
	width: 14em;
	text-align: left;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.hospital .suggest_list li {
	width: 30em;
}
.hospital .suggest_list li.next {
	text-align: right;
}
.suggest_list li .tel,
.suggest_list li .fax {
	display: none;
}
#contents .arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #666;
	width: 35em;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 160px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 6px;
	margin-left: -6px;
}
.arrow_box:before {
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #000;
	border-width: 7px;
	margin-left: -7px;
}
dl.event_list {
	max-width: 500px;
	margin:1em auto;
}
.event_list dt,
.event_list dd
 {
	text-align: center;
}
.admin input[type="text"] {
	width: auto;
}
.admin li {
	margin-bottom: 0.5em;
}
.redline {
	border-color: red !important;
}

/*個別ページ*/
#report td {
	text-align: right;
}
#mypage .reserve {
	background-color: #fcc;
}
#mypage dl,
#mypage ul {
	width: 32em;
	margin: 1em auto;
}
#mypage .table td.wrap {
	white-space: nowrap;
}

#select .btn {
	margin: 5px;
}
.calendar form p {
	text-align: center;
}
#admin {
	font-size: large;
}
#admin .btn {
	margin-bottom: 5px;
}
#admin .table {
	width: 800px;
	margin: 10px auto;
}
#admin .table th,
#admin .table td {
	text-align: center;
}
#admin .table .btn+.btn {
	margin-left: 10px;
}
#admin .table.main .btn {
	padding-left: 40px;
	padding-right: 40px;
}
#admin .wrap {
	max-width: 1200px;
	margin: 0 auto;
}
#opt table {
	display: none;
}
#contents .table.edit {
	/*width: 550px;*/
	width: 100%;
	max-width: 800px;
}
#daily th,
#daily td {
	font-weight: normal;
	white-space: normal;	
}
#daily th {
	font-size: smaller;
}
.return {
	position: relative;
	z-index: 999;	
}
#return_top a {
	display: block;
}

/*追加*/
.ul_option {
    text-align: center;
}
.db_time {
	width: 5em;
}
#contents ul {
	width: 100%;
	/*max-width: 500px;*/
	margin: 1em auto;
}
#contents li {
	margin: 1em;
	/*white-space: nowrap;*/
}
.order_item_box {
	display: block;
	padding: 10px 20px;
	margin: 15px;
	text-align: left;
	border: solid 1px #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.order_item_box a {
	display: block;
	float: left;
	margin-right: 10px;
}
.order_item_data {
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 1em;
	width: 100%;
	max-width: 29em;
	white-space: nowrap;
}
.order_item_data span {
	float: right;
}
.order_item_data:hover {
	text-decoration: underline;
}
.order_item_box img {
	border: solid 1px #ccc;
}
.order_item_data {
	cursor: pointer;
}
.order_item_box a.venobox,
.order_item_box span.dummy {
	display: block;
	width: 240px;
	min-height: 45px;
	background-color: #eee;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.vbox-container img {
	width: 800px !important;
}
.pageend,
.pagesep {
	display: none;
}
table.sign_field {
	width: 30em;
	margin: 1em;
	float: right;
	font-size: 12px;
}
.sign_field .firstline {
	font-size: 80%;
	font-weight: normal;
	height: 1em;
}
.sign_field tr {
	height: 4em;
}
.sign_field th {
	white-space: nowrap;
	text-align: left !important;
	background-color: #fff !important;
}
.sign_field td {
	white-space: nowrap;
	text-align: right !important;
}
.koekisha {
	margin: 1em;
	float: left;
	font-size: 8px;
	letter-spacing: -1px;
}
.koekisha.foot {
	display: none;
}
.printable {
	display: none;
}
#edit p .comment {
	font-size: 20px;
}
#edit strong.comment {
	display: block;
	font-size: 20px;
	text-align: center;
}
#contents .list-parent {
	text-align: center;
}
#contents .list-child li {
	white-space: normal;
}
#contents .list-child {
	width: auto;
	text-align: left;
	display: inline-block;
	list-style: disc;
	padding: 0;
}
.ex_charge .val_insert,
.gradeup_price .val_insert {
	display: none;
}



@media screen and (max-width: 1200px) {
	#admin .wrap .table {
		float: none;
		margin: 10px auto;
	}
}
@media screen and (max-width: 810px) {
	#mypage .table th,
	#mypage .table td.wrap,
	#mypage .btn {
		white-space: normal;
		word-break: break-all;
	}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 599px) {
	h1, h2 {
		white-space: normal!important;
	}
	#contents .table {
		width: 100% ;
	}
	#contents .table th,
	#contents .table td
	 {
		text-align:center;
		white-space: normal;
	}
	#admin #contents .table th,
	#admin #contents .table td
	 {
		display: block;
	}
	#guide {
		display: none;
	}
}

@media print {
	body {
		font-size: 12px;
	}
	.printable {
		display: block;
	}
	.return,
	.delete,
	.dupe,
	.noprint,
	.staff.fix,
	header,
	footer,
	#return_top,
	input[type=submit]
	{
		display: none!important;
	}
	header.fix + article#contents {
		padding-top: 0 !important;
	}
	#contents {
		border-bottom: none;
	}
	.btn,
	.btn-primary {
		border: none !important;
		color: #000;
		background-color: #fff;
		font-weight: bold;
		padding: 0 !important;
		margin: 0 !important;
	}
	.pagesep {
		overflow: hidden;
		height: 1px;
		font-size: 8px;
		display: block;
		page-break-after: always;
		clear: both;
	}
	.pageend {
		font-size: 8px;
		display: block;
		margin-top: 1em;
		text-align: center;
		clear: both;
	}
	.koekisha.foot {
		display: block;
		font-size: 8px;
		line-height: 100%;
		margin: 10px;
		float: right;
		white-space: nowrap;
	}
	.koekisha.foot img {
		margin-right: 10px;
		margin-top: -3px;
	}
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type='number'] {
    -moz-appearance:textfield;
}

td {
	text-align: center;
}
.ceremony_order td.name {
	text-align: left;
}
.ceremony_order_entry .clipbord {
	display: none;
}
p .btn {
	margin-bottom: 5px;
}
.edisabled #contents a,
#contents .edisabled a {
	text-decoration: line-through !important;
	pointer-events: none !important;
}
.edisabled #contents .btn,
.edisabled #contents .btn,
#contents .edisabled .btn,
#contents .edisabled .btn,
.edisabled #contents th a,
.edisabled #contents td a,
#contents .edisabled th a,
#contents .edisabled td a {
	text-decoration: line-through !important;
	pointer-events: none !important;
	opacity:0.5 !important;
}
.edisabled a:hover {
	cursor: default;
}
.withouttax_price td span {
	display: none !important;
}
tr.mosyu_organization th,
tr.mosyu_organization td,
tr.memo th,
tr.memo td,
tr.mosyu_betsumei th,
tr.mosyu_betsumei td,
tr.waribiki__tokukei th,
tr.waribiki__tokukei td,
tr.waribiki2__tokukei th,
tr.waribiki2__tokukei td,
tr.mosyu_name1 th,
tr.mosyu_name1 td,
tr.ceremony_name th,
tr.ceremony_name td,
tr.kaso_saijyo th,
tr.kaso_saijyo td {
	border-top: double 3px #666 !important;
}
.incl_price .btn {
	display: none !important;
}
.unit input[type='text'] {
	width: 4em;
}
.ui-datepicker {
	font-size: 150% !important;
}
/*tr.gradeup_price {
	display: none !important;
}*/
.dislock {
	display: none !important;
}
em {
	font-style: normal !important;
	color: red !important;
}
.diff td,
.diff th,
.diff {
	color: red;
}

/*iOS対応*/
form input[type='submit'] {
	background-color: #fff;
	color: #333;
	border: solid 1px #999;
}
.diff {
	color: red;
}