@charset "utf-8";

/*-----------------------------------------------------------
	TabletTimeRecorder - Q&Aページ
	URL: http://www.tablet-time-recorder.net/qanda/
	Date: 2015-11-25
	Copyright (C) TabletTimeRecorder All Rights Reserved.
-----------------------------------------------------------*/

#ttocNavi {
	width: 100%;
	box-sizing: border-box;
	border: 3px solid #EBEBEB;
	padding: 10px;
	margin-bottom: 2em;
}
#ttocNavi > ul {
	margin-bottom: 2em;
}
#ttocNavi li:not([class*="tocTi"]) {
	padding: 0.1em 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CDCDCD;
	line-height: 1.3em;
}
#ttocNavi li.tocTi > a {
	font-size: 1.25em;
	color:#393939;
}
#ttocNavi li.tocTiSub > a {
	font-size: 1.1em;
	color:#393939;
	background: #f6f6f6;
	padding: 0.4em 1.35em;
}
#ttocNavi li.tocTiSub > a::before {
	content: none;
}
#ttocNavi li:not([class*="tocTi"]) a:before {
	content: "Q.";
	color: #6CA100;
	letter-spacing: 0.2em;
}
#ttocNavi li a {
	display: block;
	padding: 0.4em 0;
	color: #6CA100;
}

.qacatbox .subTitle {
	margin-top: 1.5em;
	font-size: 1.25em;
	background-color: #F6F6F6;
	border-left: 6px solid #91dd00;
	padding: 0.6em 1.75em;
}
.fqbox {
	margin-top: -60px;
	padding-top: 70px;
	margin-bottom: 4em;
}
.fqbox h3.tiQtn {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CDCDCD;
	border-bottom-color: #CDCDCD;
	padding: 0.6em 0.75em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

.fqbox h3.tiQtn:before,.fqbox .boxAnswer:before {
	font-size: 1.25em;
	font-weight: bold;
}

.fqbox h3.tiQtn:before {
	content: "Q.";
	color: #93DA00;
	margin-right: 0.3em;
}
.fqbox .boxAnswer {
	padding-left: 0.75em;
}
.fqbox .boxAnswer:before {
	content: "A.";
	color: #F2B308;
}
.fqbox p {
	margin-bottom: 1em;
	line-height: 1.8em;
}
.qacatbox {
	padding-bottom: 3em;
}

.fqbox table {
	overflow-x: auto;
	width: 100%;
}
.fqbox table.fqtbl01  {
	display: block;
}
.fqbox .fqtbl01 th {
	display: block;
}
.fqbox .fqtbl01 tbody {
	display: block;
}
.fqbox .fqtbl01 thead {
	float: left;
}
.fqbox .fqtbl01 tr {
	display: inline-block;
}
.fqbox .fqtbl01 td {
	display: block;
}

.fqbox table {
	margin: 3em 0 2em;
	border-collapse: separate;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BBB;
	border-bottom-color: #BBB;
	border-left-color: #BBB;
}
.fqbox th {
	width: auto;
}

.fqbox thead {
	overflow-x: scroll;
}

.fqbox tbody {
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
.fqbox thead th {
    background:#F3F3F3;
}
.fqbox tbody tr {
	margin: 0 -3px;
}
.fqbox th,.fqbox td {
	font-size: 0.9375em;
}
.fqbox th,.fqbox td {
	border-top: 1px solid #BBB;
	padding: 6px;
}
.fqbox td {
	text-align: center;
}
.fqbox td.descriptionCell {
	text-align: left;
}
.fqbox .txaux {
	font-size: 0.8em;
	margin-left: 0.3em;
}
.fqbox .colorttr {
	background-color: #D3F1D1;
}
.fqbox .colorttr a {
	color: forestgreen;
}
.fqbox .colordark {
	color: #FFF;
	background-color: #393939;
}
.ansthumb {
	width: 80%;
	margin: 0 auto 1em;
}
.ansthumb img {
	width: 100%;
	height: auto;
}

@media screen and (min-width:480px) { /*スマホ横長　上記からの差分*/

.fqbox .boxAnswer:before {
	float: left;
}
.fqbox .boxAnswer .ansTxt {
	padding-top: 3px;
	margin-left: 2em;
}
.qacatbox {
	padding-bottom: 5em;
}

.fqbox table {
	overflow-x: inherit;
}

.fqbox table.fqtbl01  {
	display: table;
}
.fqbox .fqtbl01 thead {
	display: table-header-group;
	float: none;
}
.fqbox .fqtbl01 tbody {
	display: table-row-group;
	overflow-x: auto;
}
.fqbox tbody {
	white-space: normal;
}
.fqbox thead th {
	text-align: center;
}
.fqbox .fqtbl01 th{
	display: table-cell;
}
.fqbox .fqtbl01 tr {
	display: table-row;
	margin: 0;
}

.fqbox tbody th {
	width: 30%;
}
.fqbox .fqtbl01 td {
	display: table-cell;
}
.fqbox table .txaux {
	display: block;
	margin-left: 0;
}
.ansthumb {
	width: 50%;
}

}
@media screen and (min-width:768px) { /*タブレット以下　上記からの差分*/

#ttocNavi {
	border-width: 4px;
	padding: 34px 44px 0 44px;
	margin-bottom: 5em;
}
.fqbox {
	margin-top: -126px;
	padding-top: 146px;
}
.fqbox thead th {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.fqbox tbody th {
	padding-left: 0.8em;
}
.ansthumb {
	width: 31.372%;
	margin-left: 2em;
}


}
@media screen and (min-width:1024px) { /*パソコンだけ　上記からの差分*/

}