@charset "utf-8";
/* /////////////////////////////////////////////////////////////

	よくあるご質問　共通設定
	faq/search/

///////////////////////////////////////////////////////////// */

/*==============================================================
	汎用クラス
==============================================================*/
.box {/* 角丸グリーンのBOX */
	 border: 2px solid #7bbe29;
	 border-radius: 6px;
 }
a:hover {
	color: #FC4F0B ;/*#448700;*/
	text-decoration: none;
}

/*==============================================================
	キーワード検索UI
==============================================================*/
#keyword_search {
	position: relative;
}

/* プレースホルダー
------------------------------------------------------------------------*/
#keyword_search input:-moz-placeholder {
	color: #ccc;
	opacity: 1.0;
}
#keyword_search input::-webkit-input-placeholder {
	color: #a9a9a9;
}

/* カテゴリ選択
----------------------------------------------------------------*/
#keyword_search span.search_select_area {
	z-index: 1;
	display: inline-block;
	position: relative;
	width: 75px;
	height: 33px;
	border: 1px solid #aaa;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-right: 1px solid #cbcbcb;
	cursor: pointer;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	background: rgb(252,250,246);
	background: -moz-linear-gradient(top,  rgba(252,250,246,1) 0%, rgba(250,248,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,250,246,1)), color-stop(100%,rgba(250,248,242,1)));
	background: -webkit-linear-gradient(top,  rgba(252,250,246,1) 0%,rgba(250,248,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(252,250,246,1) 0%,rgba(250,248,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(252,250,246,1) 0%,rgba(250,248,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,250,246,1) 0%,rgba(250,248,242,1) 100%);
}
#keyword_search span.search_select_arrow {/* ↓矢印 */
	position: absolute;
	right: 9px;
	top: 16px;
	display: block;
	width: 8px;
	height: 6px;
	background: url(/public/img/img_footer/bg_select_arrow.png) left top no-repeat;
}
#keyword_search select.item_search_select {/*  */
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 35px;
	cursor: pointer;
	visibility: visible;
}

/* キーワード入力の外枠
----------------------------------------------------------------*/
#keyword_search .item_search_box {
	position: absolute;
	left: 75px;
	top: 0;
}

/* テキストボックス
----------------------------------------------------------------*/
#keyword_search .item_search_box input {
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	font-size: 13px;
	width: 380px;
	height: 33px;
	padding-left: 13px;
	border: 0 none;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	line-height: 33px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-left: 1px solid #d2d2d2;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	outline: none;
	*
	position:absolute; /* IE7 */
	*
	left: 0; /* IE7 */
}

/* 検索するボタン
----------------------------------------------------------------*/
#keyword_search .item_search_btn {
	position:absolute;
	right: 0;
	top: 0;
	background: none;
	background-color: #fff;
	*width: 110px; /* IE7 */
	*height: 35px; /* IE7 */
}
#keyword_search .item_search_btn:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1.0;
}
#keyword_search .item_search_btn:hover input {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
}
#keyword_search .item_search_btn input {
 	width: 110px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: url(/public/img/faq/common/bt_search.png) left top no-repeat;
	border: 0 none;
	cursor: pointer;
	*position:absolute; /* IE7 */
	*right: 0; /* IE7 */
}

/*==============================================================
	メインエリア
==============================================================*/
#MAIN #CONTENTS #CONTLEFT {
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	width: 606px;
	padding: 6px 2px 0;
	font-size: 14px;
	line-height: 1.7;
	color: #333;
}
ul#search_crumbs {/* パンくず設定 */
	margin-left: -13px;
}
.faqpage_ttl,
h1#title {/* ページタイトル */
	margin: 19px auto 8px;
	padding-bottom: 10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background: url("/public/img/faq/common/bg_ttl_faq.png") right 17px no-repeat;
}

/*==============================================================
	メニューインデックス
==============================================================*/
#search-area {
	margin: 20px auto 20px;
	padding: 20px;
	font-size: 12px;
}
#search-area h2 {/* 検索見出し */
	margin: 0 auto 15px;
}

/* キーワードで探す
------------------------------------------------------------------------*/
h2#h_keyword {
	margin-top: 0;
}
form#keyword-search {
	margin-bottom: 20px;
}

/* 商品に関するご質問
------------------------------------------------------------------------*/
#item_categories {
	margin: 10px auto;
}
#search-area .row {/* 商品グループ1行 */
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}
#search-area > .row:last-child {/* 一番下になる点線とり */
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#search-area dl {
	width: 50%;
}
#search-area dl.whole {
	width: auto;
}
#search-area dl.left {
	float: left;
}/* 左列 */
#search-area dl.right {
	float: right;
}/* 右列 */

#search-area dl dt {/* 商品グループ見出し */
	margin: 0 0 5px;
}

/* 商品カテゴリのリンクリスト
---------------------------------------------------------------------- */
#search-area dl dd ul.cate li {
	float: left;
	width: auto;
	margin: 0 20px 5px 0;
	padding-left: 12px;
	color: #aaa;
	background: url(/public/img/faq/common/ico_link.png) no-repeat 0 50%;
}
#search-area dl dd ul.cate li a {
	white-space: nowrap;
}

/* その他のご質問
------------------------------------------------------------------------*/
#search-area ul#others {
	font-size: 13px;
	background: url("/public/img/faq/common/bg_ul_others.png") 45% top repeat-y;
	display: -webkit-flexbox;/*--- safari（PC）用 ---*/
	display:flexbox;
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-flex-wrap: wrap;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	*background-position:47%;/* ie7 */
	background-position:47%\9;/* ie8,9 */
}
#search-area ul#others:last-child {
	background: url("/public/img/faq/common/bg_ul_others.png") 50% top repeat-y;
}
#search-area ul#others li {
	float: left;
	width: 270px;
	padding-left: 12px;
	background: url(/public/img/faq/common/ico_link.png) no-repeat 0 3px;
	color: #aaa;
	line-height: 1.5;
	margin-bottom: 10px;
	/*ie7用*/
	*white-space: nowrap;
	*overflow: hidden;
	*text-overflow: ellipsis;
	*width: 47%;
		/*ie8,9用*/
	white-space: nowrap\9;
	overflow: hidden\9;
	text-overflow: ellipsis\9;
	width: 47%\9;
}
#search-area ul#others li:nth-child(even) {
	width: 253px;
	margin-left: 15px;
}
#search-area ul#others li a {
	white-space: normal;
	*white-space: nowrap;/* ie7 */
	white-space: nowrap\9;/*ie8,9用*/
}
/*ie10用*/
@media all and (-ms-high-contrast:none){
	#search-area ul#others li {
		white-space:normal;
		overflow:visible;
		text-overflow: clip;
	}
	#search-area ul#others li a {
	white-space: normal;
	}
}

/*==============================================================
	右カラム
==============================================================*/

/* 共通設定
------------------------------------------------------------------------*/
#sub {/* ボックス */
	float: right;
	width: 158px;
	margin: 30px auto 0;
	padding-right: 10px;
		font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
}
#sub dl#fine-list dd,
#sub dl#ranking-list dd {/* 共通設定 */
	margin-bottom: 20px;
	padding: 1px 7px 5px;
	border-color: #ddd;
	font-size: 11px;
}
#sub dl#fine-list dt,
#sub dl#ranking-list dt {
	margin-bottom: 7px;
}
#sub dl#fine-list dt img,
#sub dl#ranking-list dt img {
	vertical-align: bottom;
}

/* 参考になった質問
------------------------------------------------------------------------*/
#sub dl#fine-list ul li a {
	display: block;
	padding: 7px 0 7px 20px;
	border-bottom: 1px dotted #bbb;
	background: url(/public/img/faq/common/ico_q-small.png) no-repeat 0 8px;
}
#sub dl#fine-list ul li:last-child a {
	border-bottom: none;
}

/* よくあるご質問
------------------------------------------------------------------------*/
#sub dl#ranking-list ol {
	padding: 5px  0 0;
}
#sub dl#ranking-list ol li {
	padding: 1.7em 0 10px;
}

/* ランキングアイコン表示 */
#sub dl#ranking-list ol li.rank01 { background: url(/public/img/faq/common/ico_rank01.png) no-repeat 0 0; }
#sub dl#ranking-list ol li.rank02 { background: url(/public/img/faq/common/ico_rank02.png) no-repeat 0 0; }
#sub dl#ranking-list ol li.rank03 { background: url(/public/img/faq/common/ico_rank03.png) no-repeat 0 0; }
#sub dl#ranking-list ol li.rank04 { background: url(/public/img/faq/common/ico_rank04.png) no-repeat 0 0; }
#sub dl#ranking-list ol li.rank05 { background: url(/public/img/faq/common/ico_rank05.png) no-repeat 0 0; }

#sub dl#ranking-list ol li a {
	display: block;
	padding: 7px 0;
	border-bottom: 1px dotted #bbb;
	line-height: 1.4;
}
#sub dl#ranking-list ol li a span {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	display: block;
	color: #aaa;
}
#sub dl#ranking-list ol li:last-child a {
	padding-bottom: 0;
	border-bottom: none;
}

/*==============================================================
	質問一覧
==============================================================*/
h2#h_list {
	display: block;
	padding: 5px 0 5px 32px;
	background: url(/public/img/faq/common/ico_list.png) no-repeat 0 50%;
	font-weight: bold;
	font-size: 14px;
}
ul.list-box {
	overflow: hidden;
	margin-top: 20px;
	border: 2px solid #ccc;
	border-radius: 6px;
}
ul.list-box li {
	position: relative;
}
ul.list-box li a {
	display: block;
	padding: 15px 15px 15px 47px;
	border-bottom: 1px dotted #aaa;
	background: url(/public/img/faq/common/ico_q.png) no-repeat 15px 50%;
	color: #111;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
}
ul.list-box li a:hover {
	color: #FC4F0B;
}

ul.list-box li:nth-child(odd) a {/* しましま表示 */
	background-color: #fdfff9;
}
ul.list-box li:last-child a {
	border-bottom: none;
}
ul.list-box li a span {/* カテゴリ表示 */
	display: block;
	margin-top: 5px;
	color: #333;
	font-size: 11px;
	font-weight: normal;
}

ul.list-box li.attention {/* ご質問0件メッセージ */
	padding: 30px 0;
	text-align: center;
	font-weight: bold;
	color: #777;
	background: #fafafa;
}
/*--------------------------------
	参考になった
--------------------------------*/
.helpful-faq-statement {
	position: absolute;
	bottom: 8px;
	right: 5px;
	display: inline-block;
	padding: 0;
	border-bottom: none;
	background: none;
	color: #555;
	font-size: 11px;
	line-height: 1;
}
ul.list-box li a span.helpful-faq-statement_balloon {/* spanタグ設定上書き */
	display: inline-block;
	margin-top: 0;
	color: #555;
}
.helpful-faq-statement_balloon {
	position: relative;
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	height: 16px;
	min-width: 14px;
	margin-left: 9px;
	padding: 0 1px;
	border: 1px solid #aaa;
	border-radius: 9px;
	background-color: #fff;
	color: #555;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	line-height: 16px;
}
.helpful-faq-statement_balloon::before,
.helpful-faq-statement_balloon::after {
	content: "";
	position: absolute;
	top: 6px;
	left: -6px;
	border: 3px solid transparent;
	border-right: 6px solid #aaa;
	border-left: none;
}
.helpful-faq-statement_balloon::after {
	top: 7px;
	left: -6px;
	border: 2px solid transparent;
	border-right: 5px solid #fff;
}
/* ===========================================================
	質問一覧のUI
===========================================================*/
#nav_search {
	margin: 20px auto 13px;
}
#nav_search #pager_unit_top {
	margin: 0;
}

/* 該当件数
------------------------------------------------------------------------*/
#pager_unit_top .search_result span.num,
#pager_unit_bottom .search_result span.num {
	padding: 0 3px 0 6px;
	font-size: 24px;
	color: #FC4F0B;
}

/* ページ送りボタン　←　→
------------------------------------------------------------------------*/
#pager_unit_top .pagination ul li.prev a:hover,
#pager_unit_top .pagination ul li.next a:hover,
#pager_unit_bottom .pagination ul li.prev a:hover,
#pager_unit_bottom .pagination ul li.next a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}
#pager_unit_top .pagination ul li.prev a img,
#pager_unit_top .pagination ul li.next a img,
#pager_unit_bottom .pagination ul li.prev a img,
#pager_unit_bottom .pagination ul li.next a img {
	*padding-top: 5px; /* IE7 */
}

/* ページャー共通設定
------------------------------------------------------------------------*/
#pager_unit_top,
#pager_unit_bottom {
	height: 34px;
}
#pager_unit_top .pagination ul li.end ,
#pager_unit_bottom .pagination ul li.end {
	width: 10px;
}
#pager_unit_top .pagination ul,
#pager_unit_bottom .pagination ul {
	float: right;
}
#pager_unit_top .pagination ul li a:hover,
#pager_unit_bottom .pagination ul li a:hover {/* ロールオーバー効果 */
	border-color: #7BBE29;
	background: #7BBE29;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.pagination ul li.next {/* 次ページボタン */
	margin-right: 0 !important;
}

/* 上部ページャー
------------------------------------------------------------------------*/
#pager_unit_top {
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #bbb;
}
#pager_unit_top .search_result {/* 該当件数 */
	position: absolute;
	bottom: 0px;
	font-size: 12px;
}

/* 下部ページャー
------------------------------------------------------------------------*/
#pager_unit_bottom {
	position: relative;
	margin-top: 20px;
	border-top: 1px solid #bbb;
}
#pager_unit_bottom .search_result {/* 該当件数 */
	position: absolute;
	top: 0px;
	font-size: 12px;
	*width: 150px; /* IE7 */
	*text-align: left; /* IE7 */
}

/* 上部ページタブ
------------------------------------------------------------------------*/
#pager_unit_top .pagination ul li {
	float: left;
	margin-right: 4px;
}
#pager_unit_top .pagination ul li a {
	position: relative;
	top: 1px;
	display: block;
	width: 27px;
	height: 27px;
	margin-bottom: 4px;
	line-height: 27px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #FDFFF9;
	font-family: verdana, meiryo, sans-serif;
}
#pager_unit_top .pagination ul li.current a,
#pager_unit_top .pagination ul li.current a:hover {/* 現在のページ */
	height: 34px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	color: #7bbe29 !important;
	border: 1px solid #bbb;
	border-bottom: none;
	border-radius: 2px 2px 0 0;
	background-color: #fff;
}
#pager_unit_top .pagination ul li.prev a,
#pager_unit_top .pagination ul li.next a {/* ページ移動ボタン */
	top: 0;
	display: table-cell;
	width: 10px;
	height: 29px;
	vertical-align: middle;
	text-align: left;
	border: none;
	background-color: #fff;
}
#pager_unit_top .pagination ul li.prev a {/* 前ページボタン */
	text-align: right;
}

/* 下部ページタブ
--------------------------------------------------------------------------------*/
#pager_unit_bottom .pagination ul li {
	float: left;
	margin-right: 4px;
}
#pager_unit_bottom .pagination ul li a {
	position: relative;
	bottom: 1px;
	display: block;
	width: 27px;
	height: 27px;
	margin-top: 4px;
	line-height: 27px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #FDFFF9;
	font-family: verdana, meiryo, sans-serif;
}
#pager_unit_bottom .pagination ul li.current a,
#pager_unit_bottom .pagination ul li.current a:hover {/* 現在のページ */
	height: 33px;
	margin-top: 0;
	border: 1px solid #bbb;
	border-top: none;
	border-radius: 0 0 2px 2px;
	background-color: #fff;
	line-height: 33px;
	font-size: 16px;
	font-weight: bold;
	color: #7bbe29 !important;
}
#pager_unit_bottom .pagination ul li.prev a,
#pager_unit_bottom .pagination ul li.next a {/* ページ移動ボタン */
	bottom: 0;
	display: table-cell;
	width: 10px;
	height: 34px;
	vertical-align: middle;
	text-align: left;
	border: none;
	background-color: #fff;
}
#pager_unit_bottom .pagination ul li.prev a {/* 前ページボタン */
	text-align: right;
}

/* ソート共通設定
----------------------------------------------------------------------------------------*/
select {
	outline: none;
}
#switch_display_list {
	position: relative;
	width: 100%;
	height: 20px;
	padding: 10px 0 9px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	background-color: #fff;
}
#switch_display_list .switch_appearance {/* 表示切替 */
	position: absolute;
	top: 7px;
	right: 0;
}
#switch_display_list span.title {/* ソート項目名 */
	position: relative;
	*
	top: -2px; /* IE7 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Chrome */
	#switch_display_list span.title {
		position: relative;
		/* top: -7px; */
	}
}
#switch_display_list span.select_count,
#switch_display_list span.select_order {
	/* overflow: hidden; */
	display: inline-block;
	/* border: 1px solid #ccc; */
	cursor: pointer;
	*
	height: 20px; /* IE7 */
}
#switch_display_list select.item_switch_select:hover{
	border-color: #cc0;
		box-shadow: 0px 0px 2px #cc0;
}

#switch_display_list span.switch_select_area {
	z-index: 100;
	position: relative;
	display: inline-block;
	width: 50px;
	height: 20px;
	cursor: pointer;
}
#switch_display_list span.switch_select_title {
	display: block;
	padding-left: 5px;
	padding-right: 23px;
	font-size: 12px;
	line-height: 20px;
}
#switch_display_list span.switch_select_arrow {
	position: absolute;
	right: 5px;
	top: 9px;
	display: block;
	width: 6px;
	height: 5px;
	background: url("/public/img/img_footer/bg_switch_select_arrow.png") left top no-repeat;
}
#switch_display_list select.item_switch_select {
	*height: 24px; /* IE7 */
	*margin-top: -2px; /* IE7 */
	*margin-left: -2px; /* IE7 */
	font-family: verdana, meiryo, sans-serif;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	height: 34px;
	padding: 2px 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08) inset;
	font-size: 13px;
	text-indent: .01px;
	text-overflow: "";
}
#switch_display_list select.item_switch_select option {
	padding-right: 9px;
}

/* 表示件数：
----------------------------------------------------------------------------------------------------------------------*/
#switch_display_list .switch_count {
	position: absolute;
}
#switch_display_list span.select_count select.item_switch_select {
	*background-position-y: 9px; /* IE7 */
	width: 68px;
	background: url("/public/img/img_footer/bg_switch_select_arrow.png") 55px center no-repeat;
}

/* 並び順：
----------------------------------------------------------------------------------------------------------------------*/
#switch_display_list .switch_order {
	position: absolute;
	left: 167px;
}
#switch_display_list span.select_order {
	width: 171px;
}
#switch_display_list span.select_order select.item_switch_select {
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	width: 171px;
	*width: 190px; /* IE7 */
	background: url("/public/img/img_footer/bg_switch_select_arrow.png") 155px center no-repeat;
	*background-position-y: 9px; /* IE7 */
	cursor: pointer;
}
/* ====================================================
  動画
====================================================*/
.faq-youtube {
  margin: 35px 0;
  text-align: center;
}
.faq-youtube_ttl {
  display: flex;
  align-items: center;
  min-height: 37px;
  margin-bottom: 20px;
  padding: 0 15px;
  background-color: #eee;
  font-size: 14px;
}
.faq-youtube iframe {
  width: 576px;
  height: 324px;
  margin: 0 auto;
  border: none;
}