/*------------------------------------------------*/
/*-------------------FAQ詳細画面------------------*/
/*------------------------------------------------*/


/*-----------------------------
 タイトル部の設定
-----------------------------*/

/*-----------------------------
 FAQ 情報部設定
-----------------------------*/

/*----共通部分----*/
ul.ul_main_faqdetail
{
	list-style-type: none;
	padding: 0px;
	margin: 0px !important;
	width: 100%;
}
li.li_main_faqdetail
{
	width: 100%;
	padding: 0;
	border-top: 1px dotted #aaa;
}
li.li_main_faqdetail div
{
}
div.div_main_faqdetail
{
	width: 100%;
}
div.div_main_faqdetail_left
{
	width: 60px;
	margin: 0px -60px 0px 0px;
	float: left !important;
}
div.div_main_faqdetail_position
{
	width: 5%;
	text-align: right;
	padding: 9px 0px 0px 0px;
	float: left;
}
div.div_main_faqdetail_icon
{
	width: 95%;
	text-align: center;
	padding: 9px 0px 0px 6px;
	float: right;
}
div.div_main_faqdetail_icon img
{
	display: table-cell;
	vertical-align: middle;
	height: calc(1.40625rem + 0.694444vw);
	width: calc(1.40625rem + 0.694444vw);
}
div.div_main_faqdetail_icon span
{
	display: table-cell;
	vertical-align: middle;
	height: calc(1.40625rem + 0.694444vw);
	width: calc(1.40625rem + 0.694444vw);
	color: #fff;
	background: #666666;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 100px;
	overflow: hidden;
}
div.div_main_faqdetail_right
{
	width: 100%;
	padding: 0px;
	float: right;
}
div.div_main_faqdetail_contents
{
	vertical-align: top;
	padding: 6px 20px 6px 60px;
	width: 100%;
}
div.li_faq_faqdetail_etc
{
	float:right;
	margin:2px 5px;
	font-size:75%;
}
/*----質問部分----*/
li#li_main_faqdetail_1
{
	padding: 0;
	border-top: none !important;
}
li#li_main_faqdetail_1 div.div_main_faqdetail_icon span
{
	background: #65A52D;
}
span.span_faq_query
{
	font-size: 22.4px;
	font-size: 1.4rem;
}

/*----回答部分----*/
li#li_main_faqdetail_2
{
}
li#li_main_faqdetail_2 div.div_main_faqdetail_icon span
{
	background: #E72929;
}
span.span_faq_answer
{
	font-size: 22.4px;
	font-size: 1.4rem;
	width: 100%;
}
span.span_faq_answer p
{
	line-height: 1.4;
	margin: 0px;
	word-wrap: break-word;
	white-space: pre-wrap;
	width: 100%;
}
span.span_faq_answer strong
{
	font-style: normal;
	font-weight: bold;
	color: #c33;
}
span.span_faq_answer em
{
	font-style: normal;
	font-weight: bold;
}
span.span_faq_answer ul.indent li
{
	list-style: none;
}
span.span_faq_answer table
{
	width: auto !important;
}

/*----その他部分----*/
li#li_main_faqdetail_3
{

}
div#div_main_faqdetail_3
{
	display: block;
	vertical-align: top;
	padding: 9px 10px 9px 40px;
}
ul#ul_main_faqdetail_etc
{
	padding: 0px;
	margin: 0px !important;
	width: 100%;
}
li.li_main_faqdetail_etc
{
	font-size: 19.2px;
	font-size: 1.2rem;
	list-style: none;
}
li#li_main_faqdetail_option1
{
}
li#li_main_faqdetail_option2
{
}
li#li_main_faqdetail_option3
{
}
li#li_main_faqdetail_attid
{
}
li#li_main_faqdetail_attname
{
}
li#li_main_faqdetail_url
{
}
li#li_main_faqdetail_entrydate
{
}
li#li_main_faqdetail_date
{
}
li#li_main_faqdetail_faqid
{
}
li#li_main_faqdetail_upstate
{
}
li#li_main_faqdetail_catid
{
}
li#li_main_faqdetail_catname
{
}
li#li_main_faqdetail_faqno
{
}
li#li_main_faqdetail_faqtitle
{
}
/*----関連FAQ部分----*/

div.div_main_faqdetail_contents_related
{
	display: table-cell;
	vertical-align: top;
	padding: 5px 20px 5px 40px;
	height: 35px;
}
li#li_main_faqdetail_4
{
}
li#li_main_faqdetail_4 div.div_main_faqdetail_icon span
{
	background: #E7A847;
}
li#li_main_faqdetail_5
{
	border-top: none;
}
div#div_main_faqdetail_5
{
	display: block;
	vertical-align: top;
	padding: 0px 2px 9px 40px;
}
ul#ul_main_faqdetail_relate
{
	padding: 0px;
	margin: 0px !important;
	width: 100%;
}
li.li_main_faqdetail_relate
{
	list-style: none;
	font-size: 19.2px;
	font-size: 1.2rem;
}
li.li_main_faqdetail_relate:before
{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-top: 9px;
	margin-left: -10px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10.3923px solid #2F5597;
	border-right: none;
}
li.li_main_faqdetail_relate a
{
	margin-left: 5px;
}
li.li_main_faqdetail_relate a:hover
{
	color:#f08300;
}
span.span_faq_relate
{
	width: 100%;
	font-size: 22.4px;
	font-size: 1.4rem;
}

div.div_main_faqdetail_icon_related
{
	width: 95%;
	text-align: center;
	padding: 5px 0px 0px 6px;
	float: right;
}
div.div_main_faqdetail_icon_related img
{
	display: table-cell;
	vertical-align: middle;
	height: 30px;
	width: 30px;
}

/*----フィードバック部分----*/
div#div_main_faqdetail_6
{
	width: auto;
	margin: 15px 10px 10px 10px;
}
div#div_main_faqdetail_feedbackbox
{
	margin: 0px auto 0px auto;
	width: 735px;
	text-align: center;
}
div#div_main_faqdetail_feedbackbox_ex
{
	margin: 0px auto 20px auto;
	width: 735px;
	text-align: center;
}
div#div_main_faqdetail_feedbackbox_title
{
	font-size: 22.4px;
	font-size: 1.4rem;
	padding: 10px;
	background-color: #2E75B6;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
}
div#div_main_faqdetail_feedbackbox_contents
{
	display: flex;
	width: auto;
	padding: 10px 17px 10px 15px;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
}
div.div_main_faqdetail_feedbackbox_item
{
	display: inline-block;
	float: left;
	margin: 8px auto 8px auto;
	border: 1px solid #2E75B6;
	width: 31%;
	height: 50px;
	background: transparent;
}
div.div_main_faqdetail_feedbackbox_item a
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	font-size: 22.4px;
	font-size: 1.4rem;
	color: #2E75B6;
	text-align: center;
	line-height: 45px;
	text-decoration: none !important;
}
div.div_main_faqdetail_feedbackbox_item a:hover:not(.a_touch)
{
	color: #fff;
	background-color: #2E75B6;
	text-decoration: none;
}
div.div_main_faqdetail_feedbackbox_item a img
{
	display: none;
}
div#div_main_faqdetail_feedbackbox_useful
{
}
div#div_main_faqdetail_feedbackbox_reference
{
}
div#div_main_faqdetail_feedbackbox_useless
{
}
div#div_main_faqdetail_feedbackbox_useful_m
{
}
div#div_main_faqdetail_feedbackbox_useless_m
{
}
div#div_main_faqdetail_feedbackbox_useful a:first-letter
{
	color: #65A52D;
	font-weight: bold;
}
div#div_main_faqdetail_feedbackbox_reference a:first-letter
{
	color: #E7A847;
	font-weight: bold;
}
div#div_main_faqdetail_feedbackbox_useless a:first-letter
{
	color: #E72929;
	font-weight: bold;
}

/*----FAQが存在しない場合の表示部分----*/
div#div_main_faq_none
{
	padding: 10px 10px 75px 10px;
	font-size: 19.2px;
	font-size: 1.2rem;
}

/*-----------------------------
 SNS 連携ボタン設定 (未実装)
-----------------------------*/
a#a_faq_faqtitle_tweetbutton
{
}
span#span_faq_tweetbutton iframe
{
	width: 100px !important;
}
iframe#iframe_faq_faqtitle_likebutton
{
	border: none;
	overflow: hidden;
	width: 100px;
	height: 21px;
}

/*-----------------------------
 カスタマイズ設定
-----------------------------*/
div#div_main_faqdetail_back
{
	margin: 0px auto 0px auto;
	width: 505px;
	text-align: center;
}
div#div_main_faqdetail_back_contents
{
	margin: auto;
	padding: 20px 28px 10px 26px;
	width: auto;
}
div#div_main_faqdetail_back_item
{
	display: inline-block;
	float: left;
	margin: auto;
	border: 1px solid #2E75B6;
	max-width: 445px;
	width: 100%;
	height: 50px;
	background: url("../../img/listArrow.png") right center no-repeat;
}
div#div_main_faqdetail_back_item a
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	color: #2E75B6;
	text-align: center;
	line-height: 45px;
	font-size: 22.4px;
	font-size: 1.4rem;
	text-decoration: none !important;
}
div#div_main_faqdetail_back_item a:hover:not(.a_touch)
{
	color: #fff;
	background: #2E75B6 url("../../img/listArrowRightW.png") right center no-repeat;
	text-decoration: none;
}
div#div_main_faqdetail_back_item a img
{
	display: none;
}

/*-----------------------------
 画面サイズに応じた設定
-----------------------------*/
@media screen and (max-width: 1079.9px)
{
	span.span_faq_query
	{
		font-size: calc(1.05rem + 0.518519vw);
	}
	span.span_faq_answer
	{
		font-size: calc(1.05rem + 0.518519vw);
		width: 100%;
	}
	span.span_faq_relate
	{
		font-size: calc(1.05rem + 0.518519vw);
		width: 100%;
	}
	li.li_main_faqdetail_etc
	{
		font-size: calc(0.9rem + 0.444444vw);
		list-style: none;
	}
	li.li_main_faqdetail_relate
	{
		font-size: calc(0.9rem + 0.444444vw);
		list-style: none;
	}
}
@media screen and (min-width: 850px) and (max-width: 1079.9px)
{
	div.div_main_faqdetail_feedbackbox_item a,
	div#div_main_faqdetail_back_item a
	{
		font-size: calc(0.625rem + 1.15vw);
	}
}
@media screen and (min-width: 640.1px) and (max-width: 849.9px)
{
	div#div_main_faqdetail_feedbackbox_contents
	{
		padding: 10px 27px 10px 25px;
	}
	div#div_main_faqdetail_feedbackbox
	{
		max-width: 505px;
	}
	div#div_main_faqdetail_feedbackbox_ex
	{
		max-width: 505px;
	}
	div#div_main_faqdetail_feedbackbox_contents
	{
		display: block;
	}
	div.div_main_faqdetail_feedbackbox_item,
	div#div_main_faqdetail_back_item
	{
		max-width: 445px;
		width: 100%;
		height: 40px;
	}
	div.div_main_faqdetail_feedbackbox_item a,
	div#div_main_faqdetail_back_item a
	{
		font-size: 19.2px;
		font-size: 1.2rem;
		line-height: 36px;
	}
}
@media screen and (max-width: 640px)
{
	div.div_main_faqdetail_left
	{
		display: none;
		height: 0px !important;
		width: 0px !important;
	}
	li#li_main_faqdetail_1 div.div_main_faqdetail_right
	{
		background-color: #fff;
	}
	div.div_main_faqdetail_contents
	{
		padding: 8px 8px 8px 6px;
		width: 100%;
	}
	span.span_faq_query
	{
		color: #000;
	}
	li#li_main_faqdetail_2
	{
		border-top: 1px solid #bbb;
		width: 100%;
	}
	li.li_main_faqdetail_relate:before
	{
		margin-top: 7px;
	}
	div#div_main_faqdetail_6
	{
		margin: 15px 13px 10px 13px;
	}
	div#div_main_faqdetail_feedbackbox
	{
		max-width: 505px;
		width: 100%;
	}
	div#div_main_faqdetail_feedbackbox_ex
	{
		max-width: 505px;
		width: 100%;
	}
	div#div_main_faqdetail_feedbackbox_contents
	{
		display: block;
		padding: 10px 27px 10px 25px;
	}
	div.div_main_faqdetail_feedbackbox_item
	{
		max-width: 100%;
		width: 100%;
		height: 40px;
	}
	div#div_main_faqdetail_back_item
	{
		height: 40px;
	}
	div.div_main_faqdetail_feedbackbox_item a,
	div#div_main_faqdetail_back_item a
	{
		font-size: 19.2px;
		font-size: 1.2rem;
		line-height: 36px;
	}
	div#div_main_faqdetail_back
	{
		max-width: 100%;
	}
	div.div_main_faqdetail_contents_related
	{
		display: table-cell;
		vertical-align: top;
		padding: 5px 5px 5px 6px;
	}
}