/*!
Theme URI:		
Author:			Kyo Ichida
Author URI:		https://www.kyo.com
Description:
Version:		0.02
*/
@charset "utf-8";
html,body,div,tr,th,td,pre{margin:0;padding:0;font-family:serif}
html,body,div,span{
	box-sizing:        border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:   border-box;
	-ms-box-sizing:    border-box;
	-o-box-sizing:     border-box;
}
body{
	padding:14px;
	color:#FB3400;
}
img{border:0}
.content{
	width:100%;
	height:100%;
	margin:auto;
	padding:8px 1px;
	text-align:center;
}
.box-left{
	display:inline-table;
	width:48%;
}
.box-right{
	display:inline-table;
	width:50%;
	min-width:536px;
	text-align:center;
	padding:8px;
}
/*.box-right{border-left:1px solid #FB3400}*/

h1{
	margin:0 0 0 0;
	font-size:x-large;
}

dl{display:table}
dt,dd{display:table-cell;padding:0 1px}

table{
	background-color:#fff;
	border-collapse:collapse;
	empty-cells:show;
	border-top:1px solid #FB3400;
	border-left:1px solid #FB3400;
	margin:auto;
}
thead,
tbody{
	display:block;
	width:-webkit-max-content;
	width:-moz-max-content;
	width:max-content;
}
th,
td{
	background-color:transparent;
	border-right:1px solid #FB3400;
	border-bottom:1px solid #FB3400;
	text-align:center;
	color:#FB3400;
}
table.k th,/*吉凶表*/
table.k td{
	vertical-align:top;
	line-height:1.5;
	line-height:21px;
	width:39px;
}

tbody th{
	position:-webkit-sticky;
	position:sticky;
	left:0;
	z-index:1;
	background-color:#fff;
	border-right:1px solid #FB3400;
}
thead{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:2;
	background-color:#fff;
}
thead th.fix{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	left:0;
	z-index:3;
	background-color:#fff;
}

table.k .mini{
	font-size:9px;
	line-height:9px;
	vertical-align:middle;
	overflow:hidden;
}

table.k span{
	display:inline-block;
	width:100%;
	height:21px;
	line-height:21px;
	border-bottom:1px dotted #FB3400;
}
table.k span:nth-child(5n){border-bottom:1px solid red}
table.k .fix span,
table.k .nobb,
table.k span:nth-child(31){border-bottom:none}

table span:before,
table span:after{content:" "}
/*命式表*/
table.m span{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	width:24px;
	line-height:36px;
	height:100px;
	margin:auto;
}
table.m thead th,
table.m tbody td{
	vertical-align:middle;
	line-height:21px;
	width:100px;
}
table.m thead td,
table.m tbody th{
	width:1.35em;
}
table.m tbody td{
	position:relative;
}
table.m tbody tr:last-child td{vertical-align:top}

/*大運流年*/
table#ys{
	max-height:85vh;
	overflow-y:auto;
line-height:21px;
}
table.ys thead th{
	font-size:10px;
	white-space:nowrap;
}
table.ys th,
table.ys td{
	width:39px;
	border-bottom:1px dotted #FB3400;
}
table.ys thead th:last-child{width:45px}
table.ys thead th,
table.ys tbody{border-bottom:1px solid #FB3400}
table.ys th:nth-child(3),
table.ys td:nth-child(5){width:45px; color black !important;}
table.ys tr:last-child td{border-bottom:none}



#Obun{
	position:absolute;
	z-index:2;
	bottom:4px;
	left:20px;
	right:20px;
height:1em;
}
#Obun:before{content:"（"}
#Obun:after{content:"）"}

.natchin{
	position:absolute;
	z-index:2;
	top:2px;
	right:2px;
	width:1em;
}

.a1:before{content:"甲"}
.a0:before{content:"乙"}
.b1:before{content:"丙"}
.b0:before{content:"丁"}
.c1:before{content:"戊"}
.c0:before{content:"己"}
.d1:before{content:"庚"}
.d0:before{content:"辛"}
.e1:before{content:"壬"}
.e0:before{content:"癸"}

.s1:after{content:"子"}
.s2:after{content:"丑"}
.s3:after{content:"寅"}
.s4:after{content:"卯"}
.s5:after{content:"辰"}
.s6:after{content:"巳"}
.s7:after{content:"午"}
.s8:after{content:"未"}
.s9:after{content:"申"}
.s10:after{content:"酉"}
.s11:after{content:"戌"}
.s12:after{content:"亥"}

/*注意日*/
select[name="c1"],
select[name="c2"],
/*select[name="c3"],
select[name="c4"],*/
.chui{background-color:#fef87f}

/*空亡*/
#kubo1,
#kubo2{	background-color:#c7d5ee;}
.kubo{
	background-color:#c7d5ee;
	background-image:url(../img/mixed.gif);
	background-repeat:no-repeat;
	background-size:100% 100%;
}

/*天徳*/
#tentoku1,
#tentoku2,
.tentoku{background-color:#fcbdb6;}

.alignleft{float:left}
.top{vertical-align:top}
.middle{vertical-align:middle}

.columns-2{
	-moz-column-count:2;
	-moz-column-gap:30px;
	-webkit-column-count:2;
	-webkit-column-gap:30px;
	-o-column-count:2;
	-o-column-gap:30px;
	-ms-column-count:2;
	-ms-column-gap:30px;
	column-count:2;
	column-gap:30px;
	margin:0 0 20px 0;
	column-fill:balance;
}
.columns h1,
.columns h2,
.columns h3,
.columns li,
.columns img,
.columns-2 h1,
.columns-2 h2,
.columns-2 h3,
.columns-2 li,
.columns-2 img{
	break-before:column; 
	-moz-break-inside:avoid-column;
	-webkit-column-break-inside:avoid;
	-webkit-break-inside:avoid-column;
	-o-break-inside:avoid-column;
	-msbreak-inside:avoid-column;
	break-inside:avoid;
	break-after:avoid-column;
}
form{
	margin:auto;
	padding-bottom:16px;
	max-width:350px;
}
button,
input,
select{
	display:inline-block;
	border:1px solid #FB3400;
border-radius:0;
}
button{background-color:#fff;color:#FB3400}
button[type="submit"]{background-color:#FB3400;color:#fff}
#myurl{width:100%;max-width:350px;}
.birthday input{
	width:2em;
	border:none;
	text-align:right;
}
#birthYear{min-width:4em}
#birthMinute{text-align:left}
input[name="gender"]{text-transform:uppercase}

.borders{
	position:fixed;
	z-index:999;
	width:100%;
	height:100%;
	left:0;
	top:0;
	pointer-events:none;
}
.borders div{position:fixed;padding:7px;background-color:rgba(251,52,0,0.8)}
.border-top{top:0;left:0;width:100%}
.border-right{right:0;top:0;height:100%}
.border-bottom{bottom:0;left:0;width:100%}
.border-left{left:0;top:0;height:100%}

.ad ins,
.ad iframe,
.ad{margin:auto;text-align:center;}

body.hide-results .results,
.cache{display:none}

@media screen and (max-width:1024px){
	.box-left{
		width:400px;
	}
}
@media screen and (max-width:640px){
	.box-left,
	.box-right{
		display:block;
		float:none;
		width:100%;
		min-width:100%;
		padding:0;
	}
	.columns-2{
		-moz-column-count:1;
		-webkit-column-count:1;
		-o-column-count:1;
		-ms-column-count:1;
		column-count:1;
	}
}
@media screen and (max-width:480px){
	body{padding:14px 6px;}
	.borders div{padding:4px}
	table{
		display:block;
		position:relative;
		overflow:scroll;
		width:100%;
		height:calc(85vh);
		border-collapse:collapse;
	}
	img{
		max-width:100%;
		height:auto;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:2),
				  (min-resolution: 2dppx){
	table{
		border-top:0.5px solid #FB3400;
		border-left:0.5px solid #FB3400;
	}
	th,td{
		border-right:0.5px solid #FB3400;
		border-bottom:0.5px solid #FB3400;
	}
	table.k span{border-bottom:0.5px dotted #FB3400;}
	table.k span:nth-child(5n){border-bottom:0.5px solid red}
	tbody th{border-right:0.5px solid #FB3400;}
	thead th span,
	tbody th span{border-right:0.5px solid #FB3400;}
}
@media print{
	body{
		-webkit-print-color-adjust:exact;
		background-color:#fff;
		color:#000;
	}
	table{
		page-break-before:always;
		page-break-inside:avoid !important;
		break-inside:avoid !important;
		width:100%;
	}
	input{border:none !important;}
	select{
		border:none !important;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		padding-left:3px;
		text-align:center;
	}
	dt,dd,input,select{font-size:13px;}
	ins,
	ins ins,
	iframe,
	ins iframe,
	.adsbygoogle,
	.ad,
	.borders,
	#myurl,
	button{display:none !important}
}
.test{border:1px dotted blue}