/** 共通 */
.faq-contents {margin-bottom: 3em;font-size:1.05em;}
@media only screen and (max-width: 768px){.faq-contents{font-size:1.2em;}
}
.faq-contents input[type="submit"] {
	margin: 3px 0;
	width: 70px;
}

.faq-btn {
	display:inline-block;
	width: 75px;
	padding: 0 1em;
	margin:0;
	text-align: center;
	color: #ffffff;
	line-height: 1.5em;
	font-size:1em;
}
.faq-btn-new {
	background-color: #ffa500;
}
.faq-btn-important {
	background-color: #e2041b;
}
.faq-btn-movie {
	background-color: #006400;
}
.faq-btn-pv {
	background-color: #00984f;
}
.faq-btn-like {
	background-color: #001e43;
}
.faq-btn-product {
	background-color: #2b2b2b;
	width: auto;
	padding: 0 5px;
}
.faq-btn-function {
	background-color: #00428e;
	width: auto;
	padding: 0 5px;
}

.faq-like-btn {
	cursor: pointer;
}

.faq-disabled-btn {
	background-color: #bbb !important;
	cursor: default;
}

.faq-btn-no-approved {
	background-color: #000;
	color: #ffffff;
}

div#main_contents div.faq-contents h2.faq-search {
	margin-bottom: 0;
}
div#main_contents div.faq-contents h2.faq-search:before {
	/*content: "◆";*/
}

/* ----------------
  FAQトップページ
 ------------------ */
.faq-contents input {
	padding: 5px;
}

.faq-contents select {
	padding: 3px;
}

.faq-contents input,
.faq-contents select {
	border: 1px solid #ccc;
}

.faq-contents h2 {
	/*border-bottom-style: solid !important;*/
	padding-left:45px;
	background: url(images/faqimg_pointbg.jpg) no-repeat;
}
.faq-contents-other h2{
	border-bottom-style: solid !important;
	padding-left:45px;
	line-height: 2.0em;
	font-size:18px;
	background: url(images/faqimg_pointbg2.gif) no-repeat;
}
.faq-contents div span {
	margin: 5px 15px;
	display: inline-block;
	/*font-size:1.1em;*/
}
.faq-contents td:nth-child(2) {
	padding-right: 15px;
}
.faq-contents2{width:100%;margin:1em auto;text-align:center;}
.faq-contents2 div{}
@media only screen and (max-width: 768px){.faq-contents2 div{width:100%;padding-left:0;margin:0 auto;}
}
@media only screen and (max-width: 768px){.faq-contents2 div div{width:90%;margin:0 auto;text-align:center;}
}
.faq-contents2 .faqTopImg{margin:1em 0.5em;}
@media only screen and (max-width: 768px){.faq-contents2 div div .faqTopImg{}
}


.faq-flex {display:-webkit-flex;display:flex;-webkit-flex-wrap: wrap;flex-wrap:wrap;/*justify-content: center;*/}
@media only screen and (max-width: 768px){.faq-flex {}
}

.faq-movie-content/*,.faq-function div */{display: inline-block;/*height: 100px;*/margin: 5px 12px !important;}
@media only screen and (max-width: 768px){.faq-movie-content,.faq-function div {display:inline-block;/*height: 100px;*/margin: 4px !important;float:left;}
}
.faq-function div {width:200px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;height:90px;background-color:#0075c2;border-radius:10px;border:1px solid #0075c2;color: #ffffff;text-align:center;vertical-align:middle;padding:3px;margin:5px 10px !important;white-space:pre-wrap;font-size:1.2em;;box-shadow:2px 5px 10px rgba(0,0,0,0.25);}
@media only screen and (min-width: 768px) and (max-width: 1219px){.faq-function div{width:300px;}
}
.faq-function div:hover {
	opacity: 0.5;
	cursor: pointer;
}

.faq-function a:hover {
	text-decoration: none;
}

.faq-movie-content {position:relative;width:240px;height:140px;border: 1px solid #79796A;padding:0.5em;margin:0 0.2em 8em 0.2em;background-color:#FFF;border:1px solid #F0F0E1;box-shadow:2px 5px 10px rgba(0,0,0,0.25);}
@media only screen and (min-width: 768px) and (max-width: 1219px){.faq-movie-content{width:300px;}
}
.faq-movie-content:hover {
	opacity: 0.5;
	cursor: pointer;
}

.faq-movie-content div {
	margin:0;
}

.faq-movie-content div:nth-child(n+2) {
	font-size: 0.9em;
}

.faq-movie-content div span {
	margin:0;
}

.faq-movie-content div:first-child {
	text-align: right;
}

.faq-movie-content div:nth-child(2) {
	margin: 5px 2px;
}

.faq-movie-content div:nth-child(3) {
	position: absolute;
	margin: 3px 2px 0 2px;
	bottom: 0;
	width: auto;
	white-space: pre-wrap;
}

/* ----------------
  FAQ詳細
 ------------------ */
.faq-detail {
	width: 95%;
	margin: 0 auto;
	padding: 1em;
	background-color: #f3f2f2;
}

.faq-detail p,
.faq-detail div {
	width: 95%;
	margin: 10px auto;
	clear: both;
}

.faq-detail p span {
	display: inline-block;
	margin: 4px 6px;
}

.faq-detail p span:first-child {
	margin-left: 0;
}

.faq-detail .faq-btn {
	margin: 4px 2px;
}

.faq-detail .faq-btn br {
	display: none;
}

/*.paragraph h2.titleBG{background: url(images/Q.svg) no-repeat;background-size:35px 35px;padding-left:40px;}*/

div#main_contents div.words .faq-detail h2 {width: 95%;margin: 0;/*font-size:0.9em;*/}
@media only screen and (max-width: 768px){div#main_contents div.words h2{width: 94%;}
}

@media only screen and (max-width: 768px){.mainCont section.allbox{width: 90%;}
}
.faq-detail .faq-contents {
	margin-bottom: 25px;
}

.faq-comment {
	/*background: url(images/Q.svg) no-repeat;background-size:65px 35px;left:0px;top:0;*/
	padding: 0px 0 50px;
	border-bottom: 1px solid #ccc;
	font-size:1.1em;
	white-space: pre-line;
}

div.faq-file-area {
	text-align: center;
	margin: 30px auto;
}

.faq-file-area img {
	max-width: 90%;
}

.faq-file-area div {
	max-width: 70%;
	display: inline-block;
	font-size: 1.2em;
	border-radius: 10px;
	background-color: #00428e;
	cursor: pointer;
}

.faq-file-area div a {
	width: 100%;
	display: inline-block;
	padding: 15px 0;
	color: #fff;
	text-decoration: none;
}

.faq-table {
	width: 95%;
}

.faq-table table {
	width: 100%;
	border-collapse: collapse;
}

.faq-table thead {
	background-color: #ccc;
}

.faq-table thead td {
	text-align: center;
}

.faq-table thead td:first-child,
.faq-table tr {
	border-right: 1px solid #79796A;
}
.faq-table tr:last-child {
	border-bottom: 1px solid #79796A;
} 

.faq-table td:nth-child(-n+3){
	/*width: 52px;*/
}

.faq-table td:nth-child(n+2):nth-child(-n+4){
	/*border-left: none;*/
}

.faq-table td:last-child {
	min-width: 500px;
}

div.faq-table span {
	margin: 0 1px 0 0;
}

div.faq-table td,
div.faq-table td:nth-child(2) {
	padding: 7px 0 7px 10px;
	border-top: 1px solid #79796A;
	border-left: 1px solid #79796A;
}

div.faq-tag-area {
	margin-top: 0;
}

.faq-tag-area div:first-child {
	display: inline-block;
	width: 80%;
	float: left;
	text-align: left;
}

.faq-tag-area div:nth-child(2) {
	margin-top: 14px;
}

.faq-tag-area div {
	display: inline-block;
	width: 20%;
	text-align: right;
}

div.faq-related {
	margin: 0;
}

div.faq-related p {
	margin: 10px 0;
}

div.faq-reply {
	margin: 50px auto;
	text-align: left;
	white-space: pre-line;
	padding-top:50px;
	font-size:1.1em;
	line-height:200%;
	background: url(images/A.svg) no-repeat;background-size:40px 35px;left:40px;top:0;
}

div.faq-info{padding:2em 0;border-top: 1px solid #ccc;text-align:center;font-size:1.1em}
div.faq-info p{text-align:center;}
div.faq-info .faq-info-border{border:1px solid #ccc;text-align:center;background-color:#FFF;padding-bottom:1em;}
div.faq-info .faq-info-border p{line-height:1.5em;}

/** いいねエリア */
.faq-like {
	width: 100%;
	display:block;
	overflow:hidden;
	text-align:right;
	margin-bottom: 5px;
	padding-right:20px;
}

.faq-like span {
	position: relative;
	min-width: 55px;
	display: inline-block;
	text-align: center;
	margin: 2px 5px;
	padding: 3px 5px;
}

.faq-like .faq-like-btn {
	background-color: #00428e;
	color: #ffffff;
	border-radius: 5px;
	border: 1px ssoli #00428e;
}

.faq-like span:nth-child(2){
	border: 1px solid #ccc;
	border-radius: 5px;
}
.faq-like span:nth-child(2):before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -14px;
	border: 4px solid transparent;
	border-right: 10px solid #ccc;
}
.faq-like span:nth-child(2):after {
	content: '';
	top: 50%;
	transform: translateY(-50%);
	left: -12px;
	position: absolute;
	border: 4px solid transparent;
	border-right: 10px solid #ffffff;
}

video {
	width: 90%;
}

.faq-attention {
	color: red;
}

/* ----------------
  ユーザーFAQ一覧
 ------------------ */
.faq-list {
	min-height: 300px;
	margin-bottom: 10px;
}

.faq-list div {
	margin: 10px 0 10px;
}

.faq-paging {
	text-align: center;
}

.faq-list-table table {
	border-collapse: collapse;
	width: 100%;
	table-layout: auto;
	border:1px solid #EFEFEF;
}

.faq-list-table thead {
	text-align: center;
	background-color:#003040;
	color:#FFF;
}
.faq-list-table tbody tr {
	background-color: #FFF;
}
.faq-list-table tbody tr:nth-child(odd) {
	background-color: #EFEFEF;
}

.faq-list-table tbody tr:last-child {
	/*border-bottom: 1px solid #333;*/
}

.faq-list-table td {
	min-width: 52px;
	padding: 5px 10px;
	border-top: 1px solid #79796A;
	border-left: 1px solid #79796A;
	border-bottom: 1px solid #79796A;
	text-align: center;
}

.faq-list-table tbody td:nth-child(4) {
	min-width: 45%;
	text-align: left;
}

.faq-list-table td:last-child {
	border-right: 1px solid #79796A;
}

.faq-list-table td.faq-list-approved {
	background-color: #ffffff;
	/*border-left: 1px solid;*/
	border-right: none;
	border-top: none;
	border-bottom: none;
}

/** レスポンシブ対応 */
@media only screen and (min-width: 768px){
	.faq-contents div {
		margin-left: 40px;
	}
	.faq-table {
		margin-left: 40px;
	}
}
@media only screen and (max-width: 768px){
	.faq-contents div {
		margin: 0 auto;
	}
	div.faq-detail {
		width: 100%;
		margin:0;
	}
	.faq-table {
		margin: 0;
	}
	.faq-flex a {
		width: 48%;
		margin: 0 0 0 5px;
	}
	.faq-function div{
		width: 90% !important;
	}
	.faq-list-table td {
		min-width: auto !important;
	}
	.faq-movie-content {
		width: 96% !important;
	}
	.faq-table td:last-child {
		min-width: auto;
	}
}
@media only screen and (max-width: 736px){
.faq-contents div {
	margin: 0 auto;
}
}

/*調整系*/
.T20{margin-top:20px;}
.text_nb{font-size:1.2em;font-weight:bold;}