/* miecat.com style */

a:link		{ color: #0040f0; text-decoration: none; }
a:visited	{ color: #000080; text-decoration: none; }
a:hover		{ color: #ff0080; background: linear-gradient(transparent 85%, #ffb0b0 0%); }
a:active	{ color: #00a040; text-decoration: none; }

html {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: メイリオ;
	margin: auto;
	padding: 8px;
	width: 960px;
	font-size: 15pt;
	line-height: 150%;
	color: #000000;
	background-color: #2090e0;
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

hr {
	border: none;
	border-top: 1px dashed #404040;
}

table {
	margin: 0px;
	padding: 0px;
	font-size: 15pt;
	line-height: 150%;
}

.table1 {
	border: solid 1px #606060;
	border-collapse: collapse;
	background-color: #ffffff;
	box-shadow: 1px 1px 8px;
}

.table2 {
	font-size: 14pt;
	border: solid 1px #606060;
	border-collapse: collapse;
	background-color: #ffffff;
	box-shadow: 1px 1px 8px;
}

pre {
	margin: 0px;
	padding: 12px 20px;
	font-size: 12pt;
	line-height: 150%;
	background-color: #eeeeee;
	color: #000060;
	border-radius: 20px;
	white-space: pre-wrap;
	border: solid 1px #cccccc;
}

.history {
	margin: 0px;
	padding: 12px 20px;
	font-size: 12pt;
	line-height: 150%;
	background-color: #ecf0ff;
	color: #0858a0;
	border-radius: 20px;
	border: solid 1px #b8d0e0;
}

.cap1 {
	padding: 4px 8px 0px 8px;
	font-size: 25pt;
	font-weight: bold;
	line-height: 100%;
	display: inline-block;
	background: linear-gradient(transparent 75%, #d4e0f8 25%);
}

.cap2 {
	padding: 8px 8px 0px 8px;
	font-size: 20pt;
	line-height: 100%;
	display: inline-block;
	background: linear-gradient(transparent 75%, #d4e0f8 25%);
}

.cap2b {
	padding: 0px 8px;
	font-size: 20pt;
	line-height: 100%;
	display: inline-block;
	background: linear-gradient(transparent 75%, #d4e0f8 25%);
}

.cap2c {
	padding: 0px 0px 5px 0px;
	font-size: 17pt;
	line-height: 100%;
	display: inline-block;
	background: linear-gradient(transparent 85%, #d4e0f8 15%);
}

.cap3 {
	margin: 0px 0px 28px 0px;
	padding: 8px;
	width: 98%;
	line-height: 100%;
	font-weight: bold;
	color: #ffffff;
	background-color: #4a6a90;
	border-radius: 10px;
	display: inline-block;
}

img { border: none; }
a > img { padding: 5px 0px; }

.youtube {
	background: #000000;
	border: solid 4px #303030;
	border-radius: 10px;
}

.btn0 {
	padding: 1px 2px;
	margin: 0px;
	box-sizing: border-box;
	border: 2px solid #406080;
	border-radius: 5px;
	background: #e8ecfa;
	font-size: 75%;
	cursor: pointer;
	transition: .2s;
}
.btn0:hover	{ background-color: #f4f4ff; }
.btn0:active	{ background-color: #ccdcea; }

.btn1 {
	vertical-align: top;
	padding: 1px 20px;
	margin: 0px;
	box-sizing: border-box;
	border: 2px solid #406080;
	border-radius: 5px;
	background: #e8ecfa;
	font-size: 75%;
	cursor: pointer;
	transition: .2s;
}
.btn1:hover	{ background-color: #f4f4ff; }
.btn1:active	{ background-color: #ccdcea; }

.btn2 {
	padding: 10px 48px;
	margin: 0px;
	box-sizing: border-box;
	border: 2px solid #406080;
	border-radius: 5px;
	background: #e8ecfa;
	font-size: 100%;
	cursor: pointer;
	transition: .2s;
}
.btn2:hover	{ background-color: #f4f4ff; }
.btn2:active	{ background-color: #ccdcea; }

.bbs-input {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-height: 168px;
	padding: 7px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #406080;
	font-size: 82%;
	outline: none;
	line-height: 150%;
	resize: none;
}

.bbs-title { color: #0858a0; }

.bbs-com { margin: 25px 0px 0px 32px; }

.boxb {
	margin: auto;
	padding: 18px;
	width: 95%;
	background: #fafafa;
	border: solid 5px #2090e0;
	border-radius: 20px;
	line-height: 125%;
}

.box1 {
	position: relative;
	padding: 25px;
	margin: 25px;
	width: 76%;
	color: #565656;
	background: #e0f0ff;
	box-shadow: 0px 0px 0px 10px #e0f0ff;
	border: dashed 2px #2090e0;
	border-radius: 40px;
}

.box2 {
	position: relative;
	margin: 0px;
	padding: 33px;
	width: 76%;
	background: #ffffff;
	border: solid 5px #2090e0;
	border-radius: 40px;
}

.box3 {
	position: relative;
	margin: 0px;
	padding: 33px;
	width: 76%;
	background: #ffffff;
	border: solid 3px #2090e0;
	border-radius: 40px;
}

.box-form {
	position: relative;
	margin: 0px;
	padding: 22px;
	width: 90%;
	background: #e0e8ff;
	border: solid 5px #2090e0;
	border-radius: 40px;
}

.box-com {
	position: relative;
	margin: 0px;
	padding: 25px;
	width: 90%;
	background: #ffffff;
	border: solid 3px #2090e0;
	border-radius: 20px;
}

.box-tips {
	position: relative;
	margin: 0px;
	padding: 25px;
	width: 92%;
	background: #ffffff;
	border: solid 3px #2090e0;
	border-radius: 20px;
	text-align: left;
	line-height: 150%;
}

.mark-g {
	display: inline-block;
	background: linear-gradient(transparent 40%, #b0ffc0 60%);
}

.mark-r {
	display: inline-block;
	background: linear-gradient(transparent 40%, #ffc8d0 60%);
}

.fs10	{ font-size: 10pt; }
.fs15	{ font-size: 15pt; }

.w2px	{
	margin: 8px;
	padding: 2px;
	border: solid 2px #606060;
}

.r10px	{
	margin: 8px;
	border: solid 1px #606060;
	border-radius: 10px;
}

.r40px	{
	margin: 8px;
	border: solid 1px #606060;
	border-radius: 40px;
}

.l4px	{ line-height: 4px; }
.l8px	{ line-height: 8px; }
.l16px	{ line-height: 16px; }
.l25p	{ line-height: 25%; }
.l200p	{ line-height: 200%; }

/* 以下隠し要素用 */

/*Tips*/
.hidden_box {
	margin: 20px 0px;
	padding: 4px 0px 4px 16px;
	text-align: left;
}
/*ボタン装飾*/
.hidden_box label {
	padding: 12px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 10px;
	background: #e0e8ff;
}
/*ボタンホバー時*/
.hidden_box label:hover {
	border-radius: 10px;
	background: #ffb0b0;
	transition: .2s;
}
/*チェックは見えなくする*/
.hidden_box input {
	display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0px;
	padding: 2px;
	overflow: hidden;
	opacity: 0;
	transition: .2s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
	padding: 20px 0px 0px 0px;
	height: auto;
	opacity: 1;
}

/*おみくじ*/
.kuji_box {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}
/*ボタン装飾*/
.kuji_box label {
	padding: 12px;
	font-weight: bold;
	border: solid 2px #406080;
	border-radius: 5px;
	background: #e8ecfa;
	cursor: pointer;
}
/*ボタンホバー時*/
.kuji_box label:hover {
	background: #f4f4ff;
	transition: .2s;
}
/*チェックは見えなくする*/
.kuji_box input {
	display: none;
}
/*中身を非表示にしておく*/
.kuji_box .hidden_show {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	opacity: 0;
	transition: .2s;
}
/*クリックで中身表示*/
.kuji_box input:checked ~ .hidden_show {
	padding: 20px 0px 0px 0px;
	height: auto;
	opacity: 1;
}

/*画像調整用*/
.pos_bottom { vertical-align: bottom; }
.pos_top3px {
	position: relative;
	top: 3px;
}
.pos_top2px {
	position: relative;
	top: 2px;
}