*********************************************************
   (c) 2002 LANSA
   XHTML Standard Styles
   $Workfile:: std_style.css                        $
   $UTCDate:: 2008-07-15 22:33:11Z                  $
   $Revision:: 2                                    $
*******************************************************/
* {
	box-sizing: border-box;
}

html, body {
	height: 100%
  /* -webkit-text-size-adjust: none; */
}
pre,nobr{
  white-space: pre-wrap;
}

body, table, strong, input, select, textarea, button, body[lang="ja"]
{
    /*font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
    font-family: YuGothic, "Yu Gothic Medium", Meiryo, "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", sans-serif;
/*    font-family: Meiryo, "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", sans-serif;*/
	font-size: 11pt;
	line-height: 1.1;
	font-weight: normal;
}
body[lang="ja"], body[lang="ja"] table, body[lang="ja"] strong, body[lang="ja"] input, body[lang="ja"] select, body[lang="ja"] textarea, body[lang="ja"] button {
    font-family: YuGothic, "Yu Gothic Medium", Meiryo, "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", sans-serif;
}

body {
	cursor: default;
	border: 0px;
	margin: 0px;
	background-color: #ffffff;
}

.bold {
	font-weight: bold;
}

/* メッセージ表示エリア */
div.messages_wrapper {
	text-align: center;
}
div.messages {
	text-align: left;
	margin: 5px auto;
	width: 680px;
	padding: 5px;
	border: 1px solid #FF82B2;
	background-color: #FFBEDA;
	color: black;
    /* メッセージのリストマークを消すために設定 2009/10/26 */
	list-style-type:none;
}
div.messages ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
ul.fd_msg_list{
  list-style-type: none;
  word-wrap: break-word;
  padding-left: 0px;
}
.fd_msg_area{display: flex;padding-left: 0px;}
.fd_msg_list > li{
  /* display: flex; */
  line-height: 1.2em;

  flex-wrap: wrap;
}
/* .fd_msgid1{width:3.2em;} */
/* .fd_msgid1{width:5.5em;} */
.fd_message{white-space:normal ;padding-left:0.5em;}

/* 適用箇所不明 */
div.homesubhr {
	text-align:left;
	background-color:blue;
	height: 30px;
	padding: 5px;
}
span.homesubhr {
	color:white;
	font-weight:bold;
}

/* リストデフォルトスタイル */
tr.list-h {
	background: #c7dff4;
	color: #000000;
}
tr.list-o {
	background: #eeeeee;
	color: black;
}
tr.list-e {
	background: #fffff4;
	color: black;
}

/* 入力ボックスデフォルトスタイル */
input.number {
	background-color: #eaf3fb;
	text-align: left;
}
input.text {
	background-color: #eaf3fb;
	text-align: left;
    /* 2020/01/21時点でこのスタイルが有効なブラウザは IE Edge FireFox のみ */
	ime-mode: disabled;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.ltext {
	background-color: #eaf3fb;
	text-align: left;
	text-transform: lowercase
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.utext {
	background-color: #eaf3fb;
	text-align: left;
	text-transform: uppercase;
    /* 2020/01/21時点でこのスタイルが有効なブラウザは IE Edge FireFox のみ */
	ime-mode: disabled;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}

/* フォーカスを取得した際に入力欄の背景色を薄黄緑色へ変更 2011/08/07 */
input.focus {
	background-color: #CCFFCC;
}
.inputfocus {
	background: #CCFFCC;
}

input.button {
	background-color: #c7dff4;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
}
input.button_mouseover {
	background: #ffffcc;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	border-style: inset;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  moz-appearance:textfield;
}

td.caption, div.caption
{
	font-weight: bold;
}
th.text, th.utext, th.ltext
{
	text-align: center;
}
th.number
{
	text-align: center;
}
td.text, div.text, td.ltext, div.ltext, td.utext, div.utext
{
	text-align: left;
}
td.number, div.number
{
	text-align: right;
}
img.weblink
{
	margin-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	border-style: none;
}
h1
{
	font-size: 14pt;
	color: #000000;
}
h1.title
{
	text-align: center;
	line-height: 14pt;
	font-weight: normal;
}
h2
{
	font-size: 12pt;
	color: #000000;
}
h3
{
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

img.lweb_disabled
{
	filter:alpha(opacity=40);
}
strong
{
	/* font-style: italic;
	color: #000000; */
	font-style: normal;
	font-weight: bold;
	color: inherit;
}
a:link
{
	color: #0000ff;
	text-decoration: underline;
}
a:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.maximized
{
	width: 100%;
	height: 100%;
}
.whitebg
{
	background-color: #ffffff;
}
.cyanscroll
{
	-face-color: rgb(234,242,255);
	scrollbar-highlight-color: rgb(234,242,255);
	overflow: auto;
	scrollbar-shadow-color: rgb(234,242,255);
	scrollbar-3dlight-color: rgb(120,172,255);
	scrollbar-arrow-color: black;
	scrollbar-track-color: rgb(224,224,224);
	scrollbar-darkshadow-color: rgb(120,172,255);
	scrollbar-base-color: rgb(234,242,255)
}
.hidden__
{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	width: 0px;
	height: 0px;
	display: none;
}
/******************************************************
	XHTML Standard Weblet Styles
*******************************************************/
.std_headerl
{
	background-color: rgb(1,100,46);
	background-image: url("../fordays/fordays_logo_new_trans.png");
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: left;
	width: 50%;
	height: 75px;
	color:black;
}
.std_headerr
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: right;
	width: 50%;
	height: 75px;
}
.std_head2
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	width: 50%;
	height: 75px;
}

.std_menutop_bg
{
	background-color: #66CC66;
	height: 0px;
}
/* for V1 Layouts */
.std_layout_outline td a.std_menu, .std_layout_outline td a.std_menu:hover, .std_layout_outline td a.std_menu_selected
{
	margin: 0px;
}
.std_layout_content
{
	vertical-align: top;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;
}
.std_layout3_content
{
	width: 90%;
}
.std_layout5_content
{
	vertical-align: top;
	text-align: left;
	width: 80%;
}
/* end for V1 Layouts */
a.std_menu, a.std_menu:hover, a.std_menu_selected
{
	display: block;
	width: 130px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	color: #01478c;
	border-style: solid;
	border-width: 0px 2px 1px 2px;
	margin: 0px;
}
a.std_menu, a.std_menu_selected
{
	border-color: #7db0e5;
}
a.std_menu:hover
{
	background-color:
	border-color: #ffff66;
}
a.std_menu_selected span
{
font-size: 11pt;
}
.std_footer
{
	background-color: #66CC66;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	line-height: 20px;
}
.std_layout_outline
{
	background-color: #66CC66;
}
.std_layout_v2_content
{
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	width: 95%;
}
a.std_anchor
{
	text-decoration: none;
	
}

.std_attachment_panel
{
    width: 100%;
    height: 100%;
}
.std_attachment_panel td
{
    vertical-align: top;
}
.std_attachment_panel_bottom
{
	border: 1px solid #01478c;
}
.std_button
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	color: #000000;
	border: 2px outset #e2effa;
	background-color: #ffffff;
}
.std_button_mouseover
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	color: #000000;
	border: 2px inset #e2effa;
	background-color: #ffffcc;
}
.std_click_image_disabled
{
	filter:alpha(opacity=40);
	opacity: 0.4;
	cursor: default;
}
.std_dropdown,.std_dynamic_select
{
	background-color: #eaf3fb;
	text-align: left;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
/* Styles used by the V1 Grid.  Deprecated along with the grid. */
.std_grid_head {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: default;
}
.std_grid_even_row
{
	background-color: #f7f7f7;
	border: 1px ridge;
}
.std_grid_odd_row
{
	background-color: #eaf3fb;
	border: 1px ridge;
}
.std_grid_cell
{
	border: 1px ridge;
}
.std_grid_edit_cell
{
	background-color: #ffffff;
}
.std_grid_sort_box
{
	font-family: webdings, verdana, serif;
	color: #808080;
}
.std_grid_outline
{
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
}
/* End of std_grid styles */
.std_image_button
{
	padding-top: 2px;
	color: #000000;
	background-color: #e2effa;
	overflow: hidden;
}
.std_image_button_mouseover
{
	padding-top: 2px;
	color: #000000;
	border: 2px inset #e2effa;
	background-color: #ffffcc;
	overflow: hidden;
}
.std_image_button_text
{
	font-weight: bold;
	vertical-align: middle;
}
.std_textarea
{
	border: 1px solid #c7dff4;
	scrollbar-DarkShadow-Color: #3a7bbb;
	scrollbar-3dLight-Color: #ffffff;
	scrollbar-arrow-color: #01478c;
	scrollbar-Base-Color: #c7dff4;
	scrollbar-Face-Color: #e2effa;
	scrollbar-Highlight-Color: #ffffff;
	scrollbar-Shadow-Color: #7db0e5;
	scrollbar-Track-Color: #d1d1d1;
	overflow: auto;
	resize: none;
}
.std_listbox
{
	border: 1px solid #c7dff4;
}
.std_menu_item
{
	font-weight: bold;
}
.std_nav_panel
{
	border: 1px solid #c7dff4;
}
.std_panel
{
	overflow: auto;
}
.std_prompter
{
	display:block;
}
.std_prompter_button
{
	color: #000000;
	background-color: #e2effa;
	padding: 0px;
	overflow: hidden;
}
.std_prompter_button_mouseover
{
	color: #000000;
	background-color: #ffffcc;
	padding: 0px;
	overflow: hidden;
}
.std_prompter_content
{
	font-size: 8pt;
}
.std_radbuttons table {
    border-collapse: collapse;
}
.std_radbuttons td
{
    white-space: nowrap;
    padding: 0px;
}
.std_grid .std_radbuttons td
{
	border: none;
}
.std_splitter {
    overflow: hidden;
    text-align: left;
}
.std_splitter_pane_horz {
    width: 100%;
    border: 1px inset #c7dff4;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    vertical-align: top;
}
.std_splitter_horz_top
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
.std_splitter_horz_bottom
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
.std_splitter_horz_divider
{
	width:100%;
	height: 3px;
	border-style: none;
	margin: 0px;
    padding: 0px;
}
.std_splitter_pane_vert {
    height: 100%;
    border: 1px inset #c7dff4;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.std_splitter_vert_left
{
    height:100%;
    width: 100%;
    overflow: auto;
}
.std_splitter_vert_right
{
    height:100%;
    width: 100%;
    overflow: auto;
}
.std_splitter_vert_divider
{
	height:100%;
	width: 3px;
	border-style: none;
	margin: 0px;
    padding: 0px;
}
#StdSplitterDragBar
{
    background-color: #cccccc;
    border: 0px;
}
#StdSplitterDragCover
{
    background-color: transparent;
    border: 0px;
}
/* Std_tab_pages styles */
.std_tab_pages
{
	empty-cells: show;
}
.std_tab_pages td
{
	vertical-align: top;
}
.std_tab_pages_content_wrapper
{
    border: 1px solid #7db0e5;
    padding: 2px;
    overflow: auto;
}
.std_tab_pages_content
{
	width: 100%;
	height: 100%;
    overflow: auto;
}
ul.std_tab_pages_tabs
{
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	white-space: nowrap;
}
ul.std_tab_pages_tabs li
{
	border: 1px solid #7db0e5;
	display: block;
	padding: 0px;
	background-color: #e2effa;
	color: black;
	white-space: nowrap;
}
ul.std_tab_pages_tabs li.std_tab_active
{
	background-color: white;
	color: black;
}
ul.std_tab_pages_tabs li a
{
	display: block;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
}
ul.std_tab_pages_tabs li a:hover
{
	text-decoration: none;
}
ul.std_tab_pages_tabs li a img
{
	border: none;
	vertical-align: middle;
	display: inline;
}
ul.std_tab_pages_tabs li.std_tab_disabled a
{
	color: gray;
}
.std_tab_pages_top_tabs, .std_tab_pages_top_tabs ul
{
	position: relative;
	top: 1px;
	z-index: 100;
}
.std_tab_pages_bottom_tabs, .std_tab_pages_bottom_tabs ul
{
	position: relative;
	top: -1px;
}
.std_tab_pages_left_tabs ul
{
	position: relative;
	left: 1px;
	z-index: 100;
}
.std_tab_pages_right_tabs ul
{
	position: relative;
	left: -1px;
}
.std_tab_pages_top_tabs ul li
{
	float: left;
	margin-right: 2px;
}
.std_tab_pages_top_tabs ul li.std_tab_active
{
	border-bottom: none;
	padding-bottom: 1px;
}
.std_tab_pages_bottom_tabs ul li
{
	float: left;
	margin-right: 2px;
}
.std_tab_pages_bottom_tabs ul li.std_tab_active
{
	border-top: none;
	padding-top: 1px;
}
.std_tab_pages_left_tabs ul li
{
	display: block;
	margin-bottom: 2px;
}
.std_tab_pages_left_tabs ul li.std_tab_active
{
	border-right: none;
	padding-right: 1px;
}
.std_tab_pages_right_tabs ul li
{
	display: block;
	margin-bottom: 2px;
}
.std_tab_pages_right_tabs ul li.std_tab_active
{
	border-left: none;
	padding-left: 1px;
}
.std_tab_pages_top_tabs ul.std_tab_pages_tabs_design_mode,
.std_tab_pages_bottom_tabs ul.std_tab_pages_tabs_design_mode
{
	top: 0px;
}
.std_tab_pages_left_tabs ul.std_tab_pages_tabs_design_mode
{
	position: relative;
	left: 2px;
}
.std_tab_pages_top_tabs ul.std_tab_pages_tabs_design_mode li a,
.std_tab_pages_bottom_tabs ul.std_tab_pages_tabs_design_mode li a
{
	display: inline-block;
}
/* Std_tab_pages deprecated styles. */
.std_tab_pages_bottom_tab_row
{
	vertical-align: top;
   }
.std_tab_pages_bottom_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 2pt;
}
.std_tab_pages_bottom_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_left_tab_row
{
	text-align: right;
}
.std_tab_pages_left_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 2pt;
}
.std_tab_pages_left_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_right_tab_row
{
	text-align: left;
}
.std_tab_pages_right_active
{
	border: 2px outset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 2pt;
}
.std_tab_pages_right_inactive
{
	border: 2px inset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	layout-flow: vertical-ideographic;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_top_tab_row
{
	vertical-align: bottom;
}
.std_tab_pages_top_active
{
	border: 2px inset #e2effa;
	background-color: #c7dff4;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
	padding-top: 2pt;
}
.std_tab_pages_top_inactive
{
	border: 2px outset #e2effa;
	background-color: #e2effa;
	cursor: pointer;
	font-weight: bold;
	white-space: nowrap;
}
.std_tab_pages_page_content
{
	border-top: 1px solid #e2effa;
	background-color: #ffffff;
	white-space: normal;
}
.std_treeview
{
	background-color: #ffffff;
}
table.std_largelist th, table.std_largelist td
{
	white-space: nowrap;
}
.std_grid_wrapper
{
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.std_grid_wrapper_designtime
{
	display: inline;
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.std_grid {
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
	border-spacing: 0px;
	border-collapse: collapse;
}

.std_grid tbody tr.odd_row {
    background-color: #eaf3fb;
    color: black;
}
.std_grid tbody tr.even_row {
    background-color: #f7f7f7;
    color: black;
}
.std_grid thead tr {
    cursor: inherit;
    vertical-align: top;
}
.std_grid thead {
	cursor: inherit;
}
.std_grid th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: inherit;
}
.std_grid thead th
{
	padding: 0px 15px 0px 0px;
	background-repeat: no-repeat;
	background-position: center right;
}
.std_grid thead th.number
{
	padding: 0px 0px 0px 15px;
	background-position: center left;
}
.std_grid tbody td
{
    border: 1px solid #aaaaaa;
    white-space: nowrap;
    padding: 0px;
    overflow: hidden;
}

.std_grid_sort_indicator
{
	background-image: url(../std_list_sortblank.gif);
}
.std_grid_sort_indicator_up
{
	background-image: url(../std_list_sortup.gif);
}
.std_grid_sort_indicator_down
{
	background-image: url(../std_list_sortdown.gif);
}
.std_grid_cell_sizer
{
	width: 100%;
}
.std_grid_col_resize
{
    border: 1px dotted gray;
    cursor: e-resize;
    cursor: col-resize;
}
.std_grid td div
{
	overflow: hidden;
}
.std_grid input.number, .std_grid input.text, .std_grid input.ltext, .std_grid input.utext
{
	background-color: transparent;
	border-width: 0px;
    margin: 2px;
}

.std_grid input.focus
{
    background-color: #fffffe;
    border-width: 2px;
    margin: 0px;
}

.grid_wrapper {
	border: 1px solid silver;
	border-radius: 5px;
}


input.righttext{
	background-color: transparent;
	text-align: right;
}

.std_grid input.righttext
{
	background-color: transparent;
	border-width: 0px;
}

input.lefttext{
	background-color: transparent;
	text-align: left;
}

.std_grid input.lefttext
{
	background-color: transparent;
	border-width: 0px;
}

.std_grid .list-o input.number, .std_grid .list-o input.text, .std_grid .list-o input.ltext, .std_grid .list-o input.utext,
.std_grid .list-e input.number, .std_grid .list-e input.text, .std_grid .list-e input.ltext, .std_grid .list-e input.utext
{
    border-width: 2px;
}
.std_grid input.number
{
	text-align: right;
}
.std_datetime
{
	white-space: nowrap;
}
.std_datetime *
{
	vertical-align:middle;
}
.std_datetime tbody td
{
	border:none;
}
img.disabled
{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.std_button_v2 {
	background: rgb(1,100,46);
	min-width: 150px;
	height: 30px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}
button.std_button_v2:hover {
	background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x;
	cursor: pointer;
}
@media screen and (max-width:1024px){
  #INFOLIST > tbody > tr > td{
    display: block;
    padding-top: 0px;
  }
  #INFOLIST > tbody > tr > td:nth-child(even){
    border-bottom: 1px solid silver;
    /* padding:0em 0.5em 0.5em 0.5em; */
  }
  #INFOLIST > tbody > tr:last-child > td:last-child{
    border-bottom: none;
  }
}



/*============================================
  ダウンライン照会画面 start
============================================*/
/* 検索部、明細部 */
table.dlsearchtable{
  width: 1030px !important;
}

/* ヘッダ部 */
table.dlheadertable_dtl{
	width:100%;
	border-spacing: 4px;
	word-break: break-all;
	empty-cells: hide;
}
table.dlheadertable_dtl tbody tr th{
	font-weight: normal;
	text-align: right;
	padding-right:5px;
	border:1px solid silver;
	background-color: #eee;
	width:70px;
}

table.dlheadertable_dtl tbody tr th:nth-of-type(3){
	width:150px;
}

table.dlheadertable_dtl tbody tr td{
	text-align:right;
	border:1px solid silver;
	padding-right:5px;
	width:150px;
}
.fd_dlninzu{display: inline-block;width:90px;}
.fd_dlninzu_tyokusyo{display: inline-block;width:70px;}
#dlcomment{border:0px;}
.dlheader_contents_div{
	width:1020px;
	border:3px #c0c0c0 double;
	margin:0 auto;
}

.dlmembername{
	margin-left: 40px;
	text-decoration: underline;
	padding-top:5px;
	border:none;
}

/* 画面記述(中間) */
div#dlmaintable_foot > p.dlmaintable_state{
  line-height: 1.5;
}


/* 明細部 */
table.dldetailtable{
  width: 1030px !important;
}

fieldset#SLVLJ_RADBUTTONGRP {
	padding: 0;
	vertical-align: middle;
}

#DLLIST {
	font-size: 11pt;
	width: 100%;
}

/* 2016/9/29 ダウンライン照会 #DLLISTのヘッダ「購入方法」「紹介者№」「氏名」 */
/* SL旗マーク欄 */
table#DLLIST > tbody > tr > td:nth-of-type(4){
	width:15px;
}
/* 奇数行 */
table.fd_dllist tr:nth-child(odd) {
	background: #eee;
}
/* 偶数行 */
table.fd_dllist tr:nth-child(even) {
	background: white;
}
/* 左から7番目～9番目まで指定 */
table#DLLIST > thead > tr > th:nth-child(n+7):nth-child(-n+9) {
	text-align: center;
}
table#DLLIST > tbody > tr > td:nth-of-type(9){
	width:15px;
}
/* ダウンライン照会 アクティブ欄 */
td.ACT_KB {
	min-width: 15px;
}
/* ダウンライン照会 同住所欄 */
table#RC_LIST > tbody > tr > td.FD10TEXT {
	width: 4em;
	text-align: center;
}
/*============================================
  ダウンライン照会画面 end
============================================*/

/*============================================
  ダウンライン照会登録/停止完了画面 start
============================================*/

.fd_dltouroku_margin{
	width: 80%; margin: 0 auto; text-align: left;"
}
.fd_dltouroku_chkbox{
	white-space: initial;
}
@media screen and (max-device-width: 1024px){
  .fd_dltouroku_button{
	display: flex;
  flex-direction: column;
  }
}

/*============================================
  ダウンライン照会登録/停止完了画面 end
============================================*/

/******************************************************
 fordays DB専用項目
*******************************************************/
.WHOLESALE, .AIYOUTANK, .VOLUME, .STD_QTY{
	text-align: right;
}
/* =======================*/
/* Fordays標準グリッド    */
/* =======================*/
/* グリッド定義 */
/* グリッド見出し */
.fordays_grid_head {
	border: 2px solid #000000;
	background-color: #c7dff4;
	color: black;
	white-space: nowrap;
	cursor: default;
}
.fordays_grid_even_row
{
	background-color: #b7f8d9;
	border: 1px ridge;
}
.fordays_grid_odd_row
{
	background-color: #b7f8d9;
	border: 1px ridge;
}
.fordays_grid_cell
{
	border: 1px ridge;
}
.fordays_grid_edit_cell
{
	background-color: #ffffff;
}
.fordays_grid_sort_box
{
	font-family: webdings, verdana, serif;
	color: #808080;
}
.fordays_grid_outline
{
	border-style: solid;
	border-width: thin;
	border-color: #eeeeee;
}
.fordays_grid_wrapper
{
	overflow: auto;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.fordays_grid_wrapper_designtime
{
	display: inline;
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: none;
}
.fordays_grid {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-spacing: 0px;
	border-collapse: collapse;
}
.fordays_grid th {
	text-align: center;
	background-color: #c7dff4;

}
/* AGENDA-TOP start*/
#fd_agenda_infomation_header{
  background-color: #008000;
  color:white;
  padding: 0.5em;
  font-weight: bold;
}
#fd_agenda_infomation_detail{

  padding: 0.5em;
  border: 1px solid silver;
}

.fd_agenda_contents_div{
  margin: 0 0.5em;
  /* border:1px solid silver; */
  padding-top:1em;
  height: 10em;
}
#NEWS_LIST_wrap{
  /* border: 1px solid silver; */
  height:100em;
}
#NEWS_LIST {
  text-align: left;
  width:100%;
  margin: 0 auto;

  border-collapse: collapse;

}
#NEWS_LIST > thead > tr > th{
  background-color: #008000;
  color:white;
  padding: 0.5em;
  border: 1px solid silver;
}
div.fd_agenda_main{
  border: 1px solid silver;
  padding: 1em 2em;
  margin: 3em 0.5em;
}
@media screen and (max-width:1024px){
  div.fd_agenda_main{
    padding: 1em 0.5em;
  }
}
div.fd_agenda_cpid{
  margin: 1em 0em;
}
div.fd_agenda_kiyaku{
  margin-top: 2em;
}
div.fd_agenda_kiyaku > ul{
  padding:0em;
}
#CPID{
  width: 70%;
}
@media screen and (max-width:1024px){
  #CPID{
    width: 100%;
  }

}
div.fd_agenda_kiyaku > ul > li{
  list-style: none;
  background-image: url(/images/ball_red.gif);
  background-repeat: no-repeat;
  background-position: inherit;
  padding-left: 1.5em;
  vertical-align: top;
  line-height: 1.5em;
}
.fd_agenda_doui_div{
  text-align: center;
  margin-top: 3em;
}
/* 公開AGENDA選択ラジオボタン */
.fd_agenda_cpid_select fieldset{
	width: 70%;
	padding-left: 0px;
}
@media screen and (max-width:1024px){
  .fd_agenda_cpid_select fieldset{
    width: 100%;
  }
}
.fd_agenda_cpid_select table{
	width: 100%;
}
.fd_agenda_cpid_select td{
	display: flex;
	border: lightgray solid 2px;
	margin: 10px auto;
	white-space: normal;
	border-radius: 5px;
	position: relative;
}
.fd_agenda_cpid_select label{
	display: inline-block;
	width: 95%;
	padding: 10px 0px 10px 35px;
}
.fd_agenda_cpid_select input{
	margin: 0px 10px;
	position: absolute;
	top: 12px;
}
.fd_agenda_cpid_select td:has(input:checked){
	background-color: mistyrose;
}



/* AGENDA-TOP end*/

/* 2016/9/29 AGENDA照会 新規紹介活動テーブル「会員ID」「氏名」追加 */

.fordays_grid td
, table#RC_LIST.fordays_grid tbody td.WK_MBRID
, table#RC_LIST.fordays_grid tbody td.WK_NAME
{
	text-align: left;
}

.fordays_grid td.FDIMGPATH
, table#ACT_LIST.fordays_grid td
, table#RC_LIST.fordays_grid td
, table#TR_LIST.fordays_grid tbody td:nth-of-type(n+7)
{
	text-align: center;
}

table#TR_LIST.fordays_grid tbody td.FD10TEXT
{
	text-align: center;
}

table#RCP_LST.fordays_grid tbody td
, table#TRP_LST.fordays_grid tbody td
, table#RC_LIST.fordays_grid tbody td:nth-of-type(1)
, table#RC_LIST.fordays_grid tbody td:nth-of-type(5)
, table#TR_LIST.fordays_grid tbody td:nth-of-type(6)
{
	text-align: right;
}

.fordays_grid tbody tr.odd_row {
    background-color: #fffffff;
    color: black;
}
.fordays_grid tbody tr.even_row {
    background-color: #f7f7f7;
    color: black;
}
.fordays_grid thead tr {
    cursor: inherit;
    vertical-align: top;
}
.fordays_grid thead {
	cursor: inherit;
}
.fordays_grid th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	background-color: #eaf3fb;
	color: black;
	white-space: nowrap;
	cursor: inherit;
}
/* グリッドの見出し(文字属性) */
.fordays_grid thead th
{
	padding: 3px 3px 3px 3px;
	background-repeat: no-repeat;
	background-position: center right;
}
/* グリッドの見出し(数値属性) */
.fordays_grid thead th.number
{
	padding: 3px 3px 3px 2px;
	background-position: center left;
}
/* グリッド明細行 */
.fordays_grid tbody td
{
	border: 1px solid #aaaaaa;
	padding: 2px 2px 2px 2px;
	overflow: hidden;
}

.fordays_grid_sort_indicator
{
	background-image: url(../std_list_sortblank.gif);
}
.fordays_grid_sort_indicator_up
{
	background-image: url(../std_list_sortup.gif);
}
.fordays_grid_sort_indicator_down
{
	background-image: url(../std_list_sortdown.gif);
}
.fordays_grid_cell_sizer
{
	width: 100%;
}
.fordays_grid_col_resize
{
    border: 1px dotted gray;
    cursor: e-resize;
    cursor: col-resize;
}
.fordays_grid td div
{
	overflow: hidden;
}
.fordays_grid input.number, .fordays_grid input.text, .fordays_grid input.ltext, .fordays_grid input.utext
{
	background-color: transparent;
	border-width: 0px;
    margin: 2px;
}

.fordays_grid input.focus
{
    background-color: #fffffe;
    border-width: 2px;
    margin: 0px;
}

input.righttext{
	background-color: transparent;
	text-align: right;
}

.fordays_grid input.righttext
{
	background-color: transparent;
	border-width: 0px;
}

input.lefttext{
	background-color: transparent;
	text-align: left;
}

.fordays_grid input.lefttext
{
	background-color: transparent;
	border-width: 0px;
}
.fordays_grid tr.list-h
{
	background: #c7dff4;
	color: #000000;
	border: 0px;
}
.fordays_grid tr.list-o
{
	background: #ffffff;
	color: black;
	border: 0px;
}
.fordays_grid tr.list-e
{
	background: #ffffff;
	color: black;
}


.fordays_grid .list-o input.number, .fordays_grid .list-o input.text, .fordays_grid .list-o input.ltext, .fordays_grid .list-o input.utext,
.fordays_grid .list-e input.number, .fordays_grid .list-e input.text, .fordays_grid .list-e input.ltext, .fordays_grid .list-e input.utext
{
    border-width: 0px;
}
.fordays_grid input.number
{
	text-align: right;
}

/* フォーデイズ汎用リストスタイル */
table.fd_common_list {
	border-collapse: collapse;
}

table.fd_common_list > thead > tr > th {
	background: #c7dff4;
	color: black;
	font-weight: bold;
}

table.fd_common_list > thead > tr > th
, table.fd_common_list > tbody > tr > td
{
	border: 1px solid silver;
	padding: 5px 3px;
}

table.fd_common_list > tbody > tr:nth-child(odd) {
	background: white;
}

table.fd_common_list > tbody > tr:nth-child(even) {
	background: linen;
}
/* =======================*/
/* Fordays標準グリッド END*/
/* =======================*/
/* ナビパネルコンテナ */
div.nav_panel_container {
	height: 100%;
	text-align: center;
}

#fd_container {
	font-weight: bold;
	font-size: 16px;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	/*height: 100%;*/
}


table#fd_contents_wrapper {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

tr#fd_contents_wrapper_tr {
	height: 100%;
	vertical-align: top;
}

td#fd_contents {
	vertical-align: top;
}

a.fordays_std_menu, a.fordays_std_menu:hover, a.fordays_std_menu_selected
{
	display: block;
	width: 150px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	color: white;
	margin: 0px;
	background-color: #cc0000;
	border-color: #cc0000;


}
a.fordays_std_menu, a.std_menu_selected
{
	border-color: green;
	color: white;
	background-color: green;
	border-style: solid;
	border-width: 2px;
	width: 150px;
}

/* AGENDATOPへメニューバー用 */
a.fordays_std_menu_agendatop, a.fordays_std_menu_agendatop:hover, a.fordays_std_menu_agendatop_selected
{
	display: block;
	width: 120px;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	color: white;
	margin: 0px;
	background-color: #ff9900;
	border-color: #ff9900;
}
a.fordays_std_menu_agendatop, a.std_menu_selected_agendatop
{
	border-color: gray;
	color: white;
	background-color: gray;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	width: 120px;
}

a.fordays_std_menu:hover {
    background-color: #ff9900;
    border-color: #ff9900;
    color:blue;
}
.Fordays_listbox
{
	border: 1px 1px 1px 1px solid #ffffff;
}
/* 2018/10/09 */
.fd_float_right {
    display: block;
    float: right;
    padding-right: 4px;
}

/* ========================================== */
/* ボタンスタイルSTART                        */
/* ========================================== */
/* ボタンの基本スタイル */
.fd_button {
	min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
  cursor: pointer;
}
/* ボタンマウスオーバー時の基本スタイル */
/* .fd_button:hover {
  &:not([disabled]) {
  min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
  }
} */
.fd_button_mouseover {
	min-width: 150px;
	min-height: 35px;
	border: none;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	-webkit-appearance: none;
	cursor: pointer;
}

/* 大きいボタンのスタイル */
.fd_button_big {
	min-width: 300px;
	min-height: 50px;
	word-wrap: break-word;
}

.fd_button_big_mouseover {
	min-width: 300px;
	min-height: 50px;
	word-wrap: break-word;
}

/* 小さいボタンのスタイル */
.fd_button_small {
	min-width: 70px;
	min-height: 30px;
}

.fd_button_small_mouseover {
	min-width: 70px;
	min-height: 30px;
}

/* ボタン非活性時 */
.fd_button:disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
  pointer-events:none;

}

/* カートボタン */
.fd_cart_button
,.fd_cart_button_mouseover{
  display: flex;
}
.fd_cart_button > img
,.fd_cart_button_mouseover > img
,.fd_cart_button > span
,.fd_cart_button_mouseover > span{
  margin: auto;
}

/* ボタン：赤 決定、登録系 */
.fd_button_red {
	background: crimson;
}
.fd_button_red:hover {
	background: brown;
}
.fd_button_red_mouseover {
	background: brown;
}

/* ボタン：青 検索系 */
.fd_button_blue {
	background: #0000a0;
}
.fd_button_blue:hover {
	background: royalblue;
}
.fd_button_blue_mouseover {
	background: royalblue;
}

/* ボタン：青 検索系 バリエーション */
.fd_button_blue2 {
	background: mediumblue;
}
.fd_button_blue2_mouseover {
	background: royalblue;
}

/* ボタン：灰 戻る系 */
.fd_button_gray {
	background: gray;
}
.fd_button_gray_mouseover {
	background: silver;
}

/* ボタン：ピンク 画面の説明ボタン */
.fd_button_pink {
	background: deeppink;
}
.fd_button_pink_mouseover {
	background: hotpink;
}

/* ボタン：薄い青  */
.fd_button_lightblue {
	background: RoyalBlue;
}
.fd_button_lightblue_mouseover {
	background: #336699;
}

/* ボタン：白 汎用ボタン */
.fd_button_white {
	color: black;
	font-weight: normal;
	background-color: whitesmoke;
	border: 1px solid gray;
}
.fd_button_white:hover {
	background: whitesmoke;
	
}

.fd_button_white_mouseover {
	color: black;
	font-weight: normal;
	background-color: gray;
	border: 1px solid gray;
}
.fd_button_white_mouseover:disabled  {
	color: red;
}

/* ボタン：緑 汎用ボタン２ */
.fd_button_green {
	background-color: rgb(1,100,46);
}
.fd_button_green_mouseover {
	background-color: #67b021;
}
.fd_info_button{
  margin: 1em;
}
/* ボタン：オレンジ カート */
.fd_button_orange {
	background: orange;
}
.fd_button_orange:hover {
	background: #FFD400;
}
.fd_button_orange_mouseover {
	background: #FFD400;
}

/* ========================================== */
/* ボタンスタイルEND                          */
/* ========================================== */

div.listlink a {
	font-size: 12pt;
}

/* ========================================== */
/* 完了画面どりんぴんイメージ                 */
/* ========================================== */
.fd_completion_dorinpin_img{
	width:167px;
}

/* ========================================== */
/* AGENDA共通                                 */
/* ========================================== */
/* ■各画面共通部 */
/* 画面中央の各メニューバー */
#ag_tasseimenu,#ag_tukibetumenu,#ag_sinkimenu,#ag_trainermenu,#ag_ikuseimenu{
	float: left;
	margin-right:5px;
	margin-bottom: 10px;
}

/* ページ制御エリアdiv */
div#agenda_top_ancor, /* リスト上部 */
div#agenda_bottom_ancor  /* リスト下部 */
{
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	float: right;
	width:100%;
}

/* 各画面リストテーブル定義 */
table.fd_agenda_rclist1, /* 新規紹介1 */
table.fd_agenda_rclist2, /* 新規紹介2 */
table.fd_agenda_rclist3, /* 新規紹介3 */
table.fd_agenda_trlist1, /* トレ活動1 */
table.fd_agenda_trlist2, /* トレ活動2 */
table.fd_agenda_trlist3, /* トレ活動3 */
table.fd_agenda_iklist   /* トレ育成  */
{
	border-collapse: collapse;
	width:100%;
	max-width:950px;
}

/* 各画面リストヘッダー定義 */
table.fd_agenda_rclist1 > thead > tr > th, /* 新規紹介画面1.紹介リスト */
table.fd_agenda_rclist2 > thead > tr > th, /* 新規紹介画面2.紹介リスト */
table.fd_agenda_rclist3 > thead > tr > th, /* 新規紹介画面3.紹介リスト */
table.fd_agenda_trlist1 > thead > tr > th, /* トレ活動画面1.活動リスト */
table.fd_agenda_trlist2 > thead > tr > th, /* トレ活動画面2.活動リスト */
table.fd_agenda_trlist3 > thead > tr > th, /* トレ活動画面3.活動リスト */
table.fd_agenda_iklist  > thead > tr > th  /* トレ育成画面1.活動リスト */
{
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
}

/* 各画面リスト明細共通 */
table.fd_agenda_rclist1  > tbody > tr > td, /* 新規紹介画面1.紹介リスト */
table.fd_agenda_rclist2  > tbody > tr > td, /* 新規紹介画面2.紹介リスト */
table.fd_agenda_rclist3  > tbody > tr > td, /* 新規紹介画面3.紹介リスト */
table.fd_agenda_trlist1  > tbody > tr > td, /* トレ活動画面1.活動リスト */
table.fd_agenda_trlist2  > tbody > tr > td, /* トレ活動画面2.活動リスト */
table.fd_agenda_trlist3  > tbody > tr > td, /* トレ活動画面3.活動リスト */
table.fd_agenda_iklist   > tbody > tr > td  /* トレ育成画面1.活動リスト */
{
	border: 1px solid silver;
	padding: 3px 3px;

}
div.fd_agenda_inquiry,
div.fd_agenda_inquiry_down{
    display: flex;
    align-items: center;

}
div.fd_agenda_inquiry_item,
div.fd_agenda_inquiry_down_item{
  margin-right: 8px;
  
}
#fd_agenda_table{
  width: 950px !important;
}
.fd_agenda_filtering_item {
	display: flex;
	align-items: center;
}
.fd_agenda_filtering_item input {
	position: relative;
	top: 1px;
}
.fd_agenda_filtering_item fieldset {
	margin: 2px;
	padding: 0px 12px;
}
.fd_agenda_filtering_btn {
	padding: 0px 10px 10px 0px;
	text-align: right;
	flex: auto;
}
/* 絞り込み条件レイアウト */
#FDRDBTN12 {
	margin-left: 20px;
}
#FDRDBTN13 {
	margin-left: 20px;
}
#FDRDBTN2 {
	margin-left: 20px;
}
#FDRDBTN22 {
	margin-left: 20px;
}
/* .fd_agenda_div{
  width:950px;
} */

/* ■各画面共通部 END*/

/* ========================================== */
/* AGENDA達成状況                             */
/* ========================================== */
/* 達成条件リスト */
.fd_agenda_tassei_top{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.fd_agenda_tassei_top_item:nth-child(2){
  margin-left: 2em;
}
.fd_agenda_tassei_top_item:nth-child(3){
  margin-left:auto;
  font-weight: bold;
}

/* リストラッパー */
#TAS_LIST_wrap {float:left;padding-right:20px;padding-top:20px;}

/* 達成状況リスト */
table.fd_agenda_taslist{
	border-collapse: collapse;
	margin-bottom:20px;
}
/* 達成条件リストヘッダー */
table.fd_agenda_taslist > thead > tr > th {
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
	line-height:1.2em;
}
/* 達成条件リスト明細 */
table.fd_agenda_taslist > tbody > tr > td {
	border: 1px solid silver;
	padding: 3px 3px;
	background-color: white;
	vertical-align: top;
	line-height: 1.2em;
	height:40px;
}
/* <<達成状況>>ラベル */
#ag_tassei_help{
  display: flex;
  margin-bottom: 0.5em;
}
#ag_tassei_help > span{
  margin-top: auto;
}
#ag_tassei_label {font-weight: bold;float:left;margin-right:1em;}
#ag_tassei_label > span{
  vertical-align: bottom;
}
#ag_tessei_qa {float:right;}
/* 達成状況ラベル */
.fd_agenda_tasseistatus{
  margin-right: 1em;
}
/* 優待/特別優待 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(1) {width:6em;}
/* 達成条件 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(2) {min-width:15.5em;max-width:20em;}
/* 達成有無欄 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(3)
{
	text-align: center;
  	vertical-align:middle;
	width:4em;
}
/* 達成欄 */
.fd_agenda_taslist > tbody > tr > td:nth-of-type(4),
.fd_agenda_taslist > tbody > tr > td:nth-of-type(5)
{
	text-align:right;
	min-width:5em;
	max-width:10em;
}
.fd_agenda_taslist > tbody > tr > td:nth-of-type(n+6)
{
	text-align:right;
	min-width:5em;
	max-width:10em;

}

/* 達成イメージ */
.fd_tassei_img
{
	width:20px;
	height:20px;
}
.fd_tassei_td div
{
  height: 50%;
  padding-top: 2px;


}
/* 合計ポイント */
.fd_ag_point
{
	text-align:right;
	padding-right:6.5px;

}
/* 補填ポイント */
.fd_ag_hotenpoint{text-align:right;}

/* 合計/補填位置合わせ用div */
.fd_ag_point_kakko{float:right;}

/* 月別状況リスト */
/* 見出し */
.fd_agenda_acthead{
  display: flex;
  margin-bottom: 0.5em;
  font-weight: bold;
  height: 35px;
}
@media screen and (max-device-width:900px){
  .fd_agenda_acthead{
    height: 49px;
  }
}
.fd_agenda_acthead > span{
  margin-top: auto;
}
/* リストラッパー */
#ACT_LIST_wrap {float:left;padding-top:40px}

@media screen and (max-width:1024px){
  #ACT_LIST_wrap{
    padding-top:52px;
  }
}

table.fd_agenda_actlist { /* 月別状況 */

	border-collapse: collapse;
	width:100%;
}
table.fd_agenda_actlist > thead > tr > th  /* 達成条件リスト */
{
	background: #eaf3fb;
	color: black;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	padding:5px 5px;
	height: 45px;
	border: 1px solid silver;
	line-height:1.2em;
}
table.fd_agenda_actlist > tbody > tr > td {
	border: 1px solid silver;
	padding: 3px 3px;
	background-color: white;
}

.fd_agenda_actlist thead > tr > th:nth-child(n+3)
{
	width:3em;
}

.fd_agenda_actlist tbody > tr > td {
	text-align: center;
	height:40px;
	min-width:4.5em;
}
/* 達成表記の凡例 */
.fd_agenda_hannrei > div{
  margin-top: 0.5em;
}
.fd_agenda_hannrei > div > div{
  display: inline-flex;
}
.fd_agenda_hannrei > div > div > img{
  width: 1.5em;
}
.fd_agenda_hannrei > div > div > span{
  margin: auto auto auto 0.5em;
}
/* 達成条件詳細ボタン */
#fd_agenda_terms_detail {
  display        : inline-block;
  font-weight    : bold;
  border-radius  : 5px;
  text-align     : center;
  cursor         : pointer;
  padding        : 12px 30px;
  background     : crimson;
  color          : white;
  text-decoration: none;
}
#fd_agenda_terms_detail:hover {
  background     : brown;
}

/* ========================================== */
/* AGENDA月別ポイント                             */
/* ========================================== */
#RCP_LST > thead > tr > th,
#RCP_LST > tbody > tr > td{

  width:50px;
}
#RCP_LST{
  width: auto !important;
}
.fd_agenda_pointmenu{
	width: auto !important;
}

/* ========================================== */
/* AGENDA新規紹介                             */
/* ========================================== */
/* 新規紹介活動リスト共通
/* № */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(1),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(1),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(1)
{
	width:2em;
}
/* 会員ID */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(2),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(2),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(2)
{
	width:5.5em;
}
/* 説明欄(同住､紹ﾘﾋﾟなしなど表示) */
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(4),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(4),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(4)
{
	width: 6.2em;
	line-height:1.2em;
}

/* ﾎﾟｲﾝﾄ */
.fd_agenda_rclist1 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(5),
.fd_agenda_rclist2 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(5),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(5),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(5)
{
	display:none;
}
/* 登録日/抹消日*/
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(7),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist2 > tbody > tr > td:nth-of-type(7),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(6),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(7)
{
	text-align: center;
	width:6em;
}
/* 各月アクティブ */
/* AGENDA毎の月表示制御は下で実施 */
.fd_agenda_rclist1 > tbody > tr > td:nth-child(n+8),
.fd_agenda_rclist2 > tbody > tr > td:nth-child(n+8),
.fd_agenda_rclist3 > tbody > tr > td:nth-child(n+8)
{
	text-align: center;
	width:1.5em;
}
/* 注記 */
.bold_red
{
	color: #ff0000;
	font-weight: bold;
}
.fd_agenda_count_ng
{
	background-color: #FFC0CB;
	font-size: x-small;
	vertical-align: middle;
}
/* --新規紹介活動画面共通--END

/* ■■■新規紹介リスト(AGENDA1専用) ■■■*/
/* 月別アクティブの月度の不要カラムを非表示に(毎回変わる) */
.fd_agenda_rclist1 > thead > tr > th:nth-of-type(n+15),
.fd_agenda_rclist1 > tbody > tr > td:nth-of-type(n+15)
{
	display: none;
}
/* ■■■新規紹介リスト(AGENDA2専用) ■■■*/
.fd_agenda_rclist2 > thead > tr > th:td:nth-child(n+15),
.fd_agenda_rclist2 > tbody > tr > td:td:nth-child(n+15)
{
	display: none;
}
/* ■■■新規紹介リスト(AGENDA3専用) ■■■*/
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(14),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(14),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(15),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(15),
.fd_agenda_rclist3 > thead > tr > th:nth-of-type(16),
.fd_agenda_rclist3 > tbody > tr > td:nth-of-type(16)
{
	display: nomal;
}
/* ドバイAGENDA用 */
@media screen and (max-width:1024px){
  .fd_agenda_rclist3{
    width:1000px !important;
  }
}
/* ----------------------------------------*/
/* ■トレーナーリスト(AGENDA1専用)         */
/* ----------------------------------------*/
/* リスト見出表示制御 */
/* № */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(1),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(1),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(1)
{
	width: 2em;
}
/* ID */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(2),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(2),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(2)
{
	width: 5em;
}
/* 氏名 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(3),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(3),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(3)
{
	line-height:1.2em;
}
/* 説明欄 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(4),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(4),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(4)
{
	width: 5.5em;
}
/* トレ区分 */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(5),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(5),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(5)
{
	width: 3.5em;
}
/* トレーナー,達成ﾎﾟｲﾝﾄ */
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist1 > thead > tr > th:nth-of-type(7),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist2 > thead > tr > th:nth-of-type(7),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(6),
.fd_agenda_trlist3 > thead > tr > th:nth-of-type(7)
{
	width: 3.5em;
}
/* 氏名/説明欄 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(3),
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(4),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(4),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(4)
{
	line-height:1.2em;
}
/* トレ区分 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(5),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(5),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(5)
{
	text-align:center;
	width: 2em;
}
/* 登録日/抹消日 */
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist1 > tbody > tr > td:nth-of-type(8),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist2 > tbody > tr > td:nth-of-type(8),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(7),
.fd_agenda_trlist3 > tbody > tr > td:nth-of-type(8)
{
	text-align: center;
	width: 4.5em;
}
/* 月別アクティブ欄 */
.fd_agenda_trlist1 > thead > tr > th:nth-child(n+9),
.fd_agenda_trlist2 > thead > tr > th:nth-child(n+9),
.fd_agenda_trlist3 > thead > tr > th:nth-child(n+9)
{
	width: 1.5em;
	text-align: center;
}

/* 月別アクティブ不要分非表示 */
.fd_agenda_trlist1 > thead > tr > th:nth-child(n + 16),
.fd_agenda_trlist1 > tbody > tr > td:nth-child(n + 16){
	display: none;
}
/* 月別アクティブ不要分非表示(AGENDA3) */
.fd_agenda_trlist3 > thead > tr > th:nth-child(n + 15),
.fd_agenda_trlist3 > tbody > tr > td:nth-child(n + 15),
.fd_agenda_trlist3 > thead > tr > th:nth-child(n + 16),
.fd_agenda_trlist3 > tbody > tr > td:nth-child(n + 16){
	display: none;
}
/* ----------------------------------------*/
/* ■トレーナー育成リスト(AGENDA1,2,3共通)  */
/* ----------------------------------------*/
/* № */
.fd_agenda_iklist > thead > tr > th:nth-of-type(1) { width: 2em;}
/* ID */
.fd_agenda_iklist > thead > tr > th:nth-of-type(2) { width: 5.5em;}
/* ﾄﾚｰﾅｰ種別 */
.fd_agenda_iklist > thead > tr > th:nth-of-type(4) { width: 4em;}
/* 同住所など */
.fd_agenda_iklist > thead > tr > th:nth-of-type(5) { width: 6em;}
.fd_agenda_iklist > thead > tr > th:nth-child(n+6){ width: 5em;}
.fd_agenda_iklist > tbody > tr > td:nth-of-type(1) { text-align: right;}
.fd_agenda_iklist > tbody > tr > td:nth-child(n + 6) { text-align: center;}
.fd_agenda_iklist > tbody > tr > td:nth-of-type(5) { text-align: left;line-height:1.2em;}

input.fdtext
{
	background-color: #eaf3fb;
	text-align: left;
	/* 2015/09/15 inputデザイン変更 */
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
input.fdtext:focus {
	background-color: #CCFFCC;
}

/* 共通DIV */
/* 登録画面のstep1枠表示 */
div.fordays_div
{
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto;
	/* width: 950px; /* レスポンシブ対応 */
  /*width:100%;*/ /* レスポンシブ対応*/
  max-width:950px;/* レスポンシブ対応*/
  padding: 5px;
  /* padding: 0px 5px 5px 5px; */
	background-color: WHITE;
	color: black;

}
div.fordays_div_wrapper
{
	text-align: center;
/*  margin-bottom: 15em;*/
}

.fordays_number{
	text-align: right;
	background-color: #eaf3fb;
	border: 1px solid silver;
	background-color: white;
	line-height: 1.4;
}
.fordays_Prompt{
	border 5px solid black;
	margin: 0PX 0PX 0PX 0PX;
	paddling: 0px 0px 0px 0px;
	border-color: #008000;
}

/* 登録画面のstep1枠内区切り表示 */
.fordays_headerl
{
	background-color: rgb(1,100,46);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid;
	border-color: #003333;
	vertical-align: middle;
	text-align: left;
	width: 50%;
	height: 75px;
}
.fordays_headerr
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-color: #003333;
	vertical-align: top;
	text-align: right;
	width: 50%;
	height: 75px;
}
.fordays_header2
{
	background-color: rgb(1,100,46);
	background-image: url("");
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #003333;
	vertical-align: top;
	width: 50%;
	height: 10px;
}
.fd_none{
  display: none;
}
/*
#wait_msg {
    display: none;
}
*/

/* ========================================== */
/* インフォメーション画面用 start             */
/* ========================================== */
/* インフォ詳細画面 */
/* .fordays_div_info_body {
  border: #808080 1px solid;
  width: 700px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
} */
.fordays_div_info_body{
  width: 95%;
  max-width: 700px;
  margin: auto !important;
  border: unset!important;
}
.fordays_div_info_body > table{
  width: 100%;
}
div.fordays_div_info_date {	/* インフォ詳細画面日時 */
  /*margin-right: 10px;*/
  margin-top: 5px;
  text-align: right;
  display: flex;
  align-items: center;
}

/*div.fordays_div_info_date > div:nth-child(1){
	margin-left: 10px;
}*/

/*div.fordays_div_info_date > div:nth-child(2){*/
div.fordays_div_info_date > div:nth-child(3){
	margin-left: auto;
}

div.fordays_div_info_date > div:nth-child(1) >div,
div.fordays_div_info_date > div:nth-child(3) >div{
}

div.fordays_div_info_title {	/* インフォ詳細画面タイトル */
	/*text-align: center;*/
	font-weight: bold;
	/*padding-bottom: 5px;*/
	padding-bottom: 10px;
	/*padding-left: 20px;
	padding-right: 20px;*/
	padding-top: 20px;
	/*margin: 10px 10px 0px 10px;*/
	font-size: 20px;
	color: green;
	border-bottom: solid 1px black;
  word-break: break-all;
}
div.fordays_div_info_detail {	/* インフォ詳細画面内容 */
	text-align: left;
	/*min-height: 520px;*/
	padding-bottom: 10px;
	/*padding-left: 10px;
	padding-right: 10px;*/
	padding-top: 10px;
	line-height: 30px;
  word-break: break-all;
  border-bottom: solid 1px black;
}
div.fordays_div_info_detail p{
	margin: 0.5em 0;
	line-height: 1.8em;
}

table.fordays_div_info_button {	/* インフォ詳細画面ボタン */
  margin-left: auto;
  margin-right: auto;
}
th.TOPMENUBAR {	/* TOPMENU 各グリッドのタイトル部分 */
	height:30px;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
}
th.TOPMENUBAR > div.fd_TOPMENUBAR {	/* TOPMENU 仮パスワード、メール未登録警告部分 */
  margin-bottom: 1em;
}
table.Info_grid {
	/* width: 800px; */
  width: 100%;
  max-width: 800px;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 0px;
	border-collapse: collapse;
}
.WKINFODT{
  width:8.5em;
}

.Info_grid tbody tr {
	height: 30px;
  background-color: white;
  line-height: 1em;
}
.Info_grid_wrapper {
	/* width: 800px !important; */
  width: 100% !important;
  /* max-width: 800px !important; */
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.TopMenu_grid_wrapper {
	height: auto  !important;
	overflow-y: visible;
	-webkit-overflow-scrolling: auto;
}
a.info_grid_anchor{
	text-decoration:underline;
}
@media screen and (max-width:1024px){
  a.info_grid_anchor{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
    width:100%;
    max-width:100%;
    /* max-width:100%; */
    padding: 0.5em 0em;
    padding-left:5px;
    /* padding-right: 5px; */
    box-sizing: border-box;
}
@media screen and (max-width:768px){
  a.info_grid_anchor{
    max-width:95vw;
}
  div.fordays_div_info_date {
    flex-wrap: wrap; /* 子要素を折り返す */
    align-items: flex-start; /* 左寄せに調整 */
  }
  
  div.fordays_div_info_date > div:nth-child(1),
  div.fordays_div_info_date > div:nth-child(2) {
    display: inline-block; /* 横並びのまま */
    margin-right: 10px; /* 必要に応じて調整 */
  }

  /* .no3は次の行に表示される */
  div.fordays_div_info_date > div:nth-child(3) {
    display: block; /* ブロック要素にして下に配置 */
    margin-left: unset;
  }


/* @media screen and (max-width:768px){
  a.info_grid_anchor{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
    width:100%;
    max-width:95vw;
    /* max-width:100%; */
    padding: 0.5em 0em;
    padding-left:5px;
    /* padding-right: 5px; */
    box-sizing: border-box;
} */

    /* .std_anchor_text{
      overflow: hidden;
      text-overflow: ellipsis;
      width:50px;
  } */
}
@media screen and (max-width:1024px){
  a.info_grid_anchor:hover{
    background:whitesmoke;
  }
}
a.top_menu_item, a.top_menu_item:hover {
	border-radius: 5px;
	border: 1px;
}
/* もっと見る */
.fd_info_more{
  width: 800px;
  text-align: right;
  margin: 0 auto;
  font-size: 11pt;
  text-decoration: underline;
  padding-top: 0.5em;
}
.fd_info_more > span{
  margin-right: 1em;
}
@media screen and (max-width:1024px){
  .fd_info_more{
    width: 100%;
  }
}

/* ========================================== */
/* インフォメーション画面用 end               */
/* ========================================== */
/* ========================================== */
/* ヘッダー                                   */
/* ========================================== */
.fd_header {
	width: 100%;
	font-weight: bold;
}
.fd_header_top {
	background: #01642E;
	vertical-align: middle;
	text-align: left;
	height: 50px;
	color: white;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
}
.fd_logo_wrapper {
	width: 400px;
  /* レスポンシブ化で横スクロールが出るため削除 */
  /*mobile safariで表示時は要確認 */
	/* border-right: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
  border-color:#01642E;
}
/* レスポンシブ対応 */
@media screen and (max-width:1024px){
  .fd_logo_wrapper {
      width: 100%;
	}
}
.fd_catchcopy {
	font-weight: normal;
	border-right: 2px solid #01642E; /* mobile safariで表示時にborderが見えてしまうため、背景と同色で指定 */
	text-align: left;
	vertical-align: middle;
}
@media screen and (max-width:1024px){
  .fd_catchcopy {
    display: none;
  }
}
/* fd_employee_userinfoと合わせる */
.fd_userinfo {
  padding-top:10px; /* レスポンシブ対応 */
	padding-right: 10px;
	padding-bottom: 2px;
	line-height: 1.1;
	text-align: right;
	vertical-align:bottom;
}
.fd_logoffbutton_wrapper {
	border-left: 2px solid #01642E;
	width: 75px;
	text-align: right; /* レスポンシブ対応 */
}

.fd_logoffbutton_wrapper a
, .fd_logo_wrapper a
{
	vertical-align: middle;
	height: 50px;
}

.fd_logo_wrapper a {
	margin-bottom: 1px;
}
/* ========================================== */
/* ページタイトル                             */
/* ========================================== */
div.desctitle {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: green;
}
/* ========================================== */
/* 左ツリービュー                             */
/* ========================================== */
/* td#fd_sidemenu {
	width: 130px;
	padding: 0px;
	background: seagreen;
	height: 100%;
	vertical-align: top;
} */
ul#o1_LANSA_25773 {
	background: seagreen;
	width: 146px;
	overflow: hidden !important;
	padding-bottom: 40px;
}
ul#o1_LANSA_25773 li ul {
/* ページロードごとにツリービューを展開するスクリプトが動くため、表示モードをやむなく変更 */
	display: table-row;
}
ul#o1_LANSA_25773 a {
	display: table-cell;
	width: 150px;
	line-height: 1.7;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	color: white;
	cursor: default;
	background: seagreen;
	border: 1px solid seagreen;
	border-top: 1px white;
	border-top-style: solid;
}
li#o1_LANSA_25773_HM a
,li#o1_LANSA_25773_KS a
,li#o1_LANSA_25773_CD a{
	text-decoration: underline;
}
ul#o1_LANSA_25773 li ul li a {
	text-decoration: none;
	font-weight: normal;
	padding: .1em 4px .1em 18px;
	line-height: 2.5;
	/* 白系グラデーション */
	background: whitesmoke;
	background: -moz-linear-gradient(top,white 0%,#EEEEEE);
	/* background: -webkit-gradient(linear, left top, left bottom, from(white), to(#EEEEEE)); */
	background: -ms-linear-gradient(top, white, #EEEEEE);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#EEEEEE', GradientType=0)";
	color: black;
	border: 1px solid gray;
	border-top: none;
}

ul#o1_LANSA_25773 li ul li a:hover, li#o1_LANSA_25773_HM a:hover,li#o1_LANSA_25773_10 a:hover
,li#o1_LANSA_25773_KS a:hover, li#o1_LANSA_25773_CD a:hover {
	background: crimson !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='crimson', endColorstr='crimson', GradientType=0)";
	cursor: pointer;
	color: white !important;
}

/* ========================================== */
/* 新ログイン、パスワード再発行               */
/* ========================================== */
/* ************************************ */
/* loginTable1 ログイン全体枠定義 */
/* .login_markup img{ */
  /* width:600px; */
  /* width:100%; */
/* } */
@media screen and (max-width:1024px){
  .login_main{
    display: flex;
    flex-direction: column-reverse;
  }
  .login_markup > div > a > img{
    width:96%;
    max-width:450px;
    margin-top:1em;
  }
  .login_input_desc{
    display: none;
  }
}
.login_top_desc{
  margin: 1em 0em;
}
#login_button{
  width:13em;
  height: 2.5em;
}
@media screen and (max-width:1024px){
  .login_top_desc{
    margin: 0em 0em;
  }
  #login_button{
    width:100%;
  }
}
.loginBase {
   /* width : 800px;/* レスポンシブ 対応 */ */
   width: 100%; /* レスポンシブ 対応*/
   max-width: 800px;/* レスポンシブ 対応*/
   padding: 10px 10px 10px 5px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   line-height:1.5em;
   /* order:3; */
}
/* レスポンシブ対応 */
.loginBase img{
  width: 100%;
  max-width: 450px;
  height: auto !important;
  max-height: 300px;
}
.loginBase_Header {
  padding: 30px 5px 5px 0px;
}
@media screen and (max-width:1024px){
  .loginBase{
    padding: 0px 5px 0px 5px;
    /* display: none; */
  }
  .loginBase_Header {
    padding:0px 5px 5px 0px;
    display: none;
  }
}
.loginBase_Header h2{
   text-align:left;
   font-weight:bold;
   color:green;
   padding: 0;
}
.loginBase_Header p{
   text-align:left;
   font-weight:normal;
   color:black;
   padding: 0;
}
.loginContents {
   padding: 5px 10px 5px 10px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}
.loginContents_Header {
   text-align:left;
   padding: 5px 10px 0px;
   font-weight:bold;
}
.loginContents_Body {
   text-align:left;
   padding: 5px 10px 5px;
}
.loginContents_Body li{
	line-height: 1.5em;
	padding-top: 5px;
}
.loginContents_Body ol{
  padding: 1em;
}
.loginContents_Body u{
	text-decoration-color: #0000ff;
	}
.loginContents_Body u:hover
{
	color: #ff0000;
	text-decoration: underline;
}
.loginContents_Memo {
   padding-left : 10px;
}
.loginContents_Memo > span{
   white-space: nowrap;
}
.loginContents_Memo_mobile {
   /* width:100%; */
   max-width: 500px;
   padding: 5px;
   border: 1px solid green;
   /* margin: 10px 30px; */
}
.loginContents_Memo_mobile h3{
    padding : 0px 10px 0 10px;
    font-size: 1em;
}
.loginContents_Memo_mobile p{
   padding : 0 10px 0 10px;
   line-height:1em;
}

.loginBase_Button {
   padding: 10px 10px 10px 5px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.heightFAXimg { height : 250px;}
.imgR   { float: right; border : 1px solid; width:auto !important;}

.loginTable_login {
    width:500px;
    margin-left: auto;
    margin-right: auto;
}
.loginTable_login tbody td:nth-of-type(1){ text-align:left; }
.loginTable_login tbody td:nth-of-type(2){ text-align:center; }
.loginTable_login tbody td:nth-of-type(3){ text-align:left; }
.loginTable_login tbody tr:nth-last-of-type(1) td{
  text-align:center;
}
/* fd_buttonに合わせる */
.loginTable_login #o1_LANSA_9817{
  min-width: 150px;
  min-height: 35px;
  border: none;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  -webkit-appearance: none;
}
.loginTable_reissue {
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
 }
.loginTable_reissue tbody td:nth-of-type(1){ width:150px; }

.loginTable_regpass {
   width:600px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   text-align: left;
 }
.loginTable_regpass tbody td:nth-of-type(1){ width:180px; text-align:left;}
.loginTable_regpass tbody td:nth-of-type(2){ width:210px;}
.loginTable_regpass tbody td:nth-of-type(3){ text-align:left;}


/* ************************************ */
/* HTML系の画面枠定義 */
.infoBase {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.infoBase thead th{
	text-align:left;
}
.infoBase thead td, .infoBase tbody td{
	text-align:center;
}
/* HTML系のコンテンツ枠定義 */
.infoTable {
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:1em;
	border-spacing: 0;
	border-collapse: collapse;
}
.infoTable th, .infoTable td {
	padding: 5px;
	border: solid 1px #ccc;
}
.infoTable thead th{ text-align:center; }

/* HTML FAXBOX枠定義 */
.infoTable_faxbox { width: 100%;}
.infoTable_faxbox tbody th { text-align:center; }
.infoTable_faxbox tbody td:nth-of-type(1){ text-align:left; }
.infoTable_faxbox tbody td:nth-of-type(2){ text-align:center; }

/* HTML インフォメーション枠定義 */
.infoTable_infomation { width: 500px; }
.infoTable_infomation tbody th { width: 200px; text-align:center; }
.infoTable_infomation tbody td { width: 300px; text-align:center; }

.infoTable_infomationMemo { width: 500px;}
.infoTable_infomationMemo th { text-align:left !important; border: none;}
.infoTable_infomationMemo td { text-align:left !important; border: none;}
.infoTable_infomationMemo p { line-height:0; }

.infoTable_infomation_anti { width: 100%; }
.infoTable_infomation_anti tbody td { text-align:left; }

/* HTML タイトルカラー定義 */
.infoTable_title_color { background-color: lightgreen; }
.infoTable_title_color2 { background-color: #efe; }
/* ログインボタン */
.fd_login_button{
  width:200px;
}
/* ログイン情報保管チェックボックス */
.fd_login_ckbx{
  padding:1em 0em;
}

/* adbeﾘｰﾀﾞｰダウンロードコンテンツの定義 */
.adobe { margin-left: auto;	margin-right: auto;	}
.adobe p{ text-align:left; font-size: 0.8em; }

/* ************************************ */
HR.greendot {
  border:none;
  border-top:1px dashed green;
  height :1px ;
}
/* ************************************ */
/*
 .stepBar
 {
  position: relative;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  font-size: 11pt;
}
.stepBar .step
{
  position: relative;
  float:none;
  display: inline-block;
  line-height: 2em;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before,
.stepBar .step:after
{  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #CCC;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 1em;
}
.stepBar .step:after
{
  top: 0;
  transform: skew(30deg);
}
.stepBar .step:before
{
  bottom: 0;
  transform: skew(-30deg);
}
.stepBar .step:first-child
{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before,
.stepBar .step:first-child:after
{
  content: none;
}
.stepBar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current
{
  background-color: #DFD;
  font-weight: bold;
}
.stepBar.step2 .step { width: 250px; }
.stepBar.step3 .step { width: 200px; }
.stepBar.step4 .step { width: 25%; }
.stepBar.step5 .step { width: 20%; }
.stepBar.step6 .step { width: 10%; }
*/
/* ========================================== */
/* ステップバー                             */
/* ========================================== */
/* ステップバー基本クラス */
.stepBar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}
/* 対象ステップのみテキスト表示 */
.stepBar.current_only {
    flex-wrap: wrap;
    padding: 0px;
}

.step {
    display: flex;
    align-items: center;
    padding-left: 0;
    text-indent: 0;
    margin-bottom: 10px;
}
.step:after {
    content: ">";
    color: #876430;
    margin: 0 .3em;
}
.step:last-child:after {
    display: none;
}

.step_text {
    border: 2px solid rgb(1,100,46);
    padding: 10px 5px ;
    border-radius: 5px;
}
.step.current > .step_text {
    background-color: rgb(1,100,46);
}

.step_num {
    background-color: rgb(1,100,46);
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
.stepBar.current_only .step_num {
    background-color: #fff;
    color: rgb(1,100,46);
}

.step.current .step_num {
    background-color: #fff;
    color: rgb(1,100,46);
}

.step.current .step_title {
    color: #fff;
    margin-left: 0.5em;
}

.stepBar.current_only .step:not(.current) .step_title {
    display: none;
}

@media screen and (max-width: 1024px) {
    .step_text {
        border: none;
    }
    .step_num {
        background-color: #fff;
        color: rgb(1,100,46);
        padding: 10px;
        border-radius: 5px;
        border: 1px solid;
    }
    .step_title {
        display: none;
    }
    .step.current .step_num {
        background-color: rgb(1,100,46);
        color: #fff;
    }
    .step.current .step_text {
        background-color: initial;
    }
}

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

/* ========================================== */
/* サイトマップ start                         */
/* ========================================== */
/* --- サイトマップエリア --- */
dl.fd_sitemap_wrapper {
	font-weight: bold;
	width: 804px;	/* margin分4px */
	margin-left: auto;
	margin-right: auto;
}

dl.fd_sitemap_wrapper dt {
	font-size: 12pt;
	padding-bottom: 6px;
}
dl.fd_sitemap_wrapper dd {
	margin: 0;
	/* padding-top: 0;
  padding-bottom: 2em; */
  padding: 0 0.5em 2em 0.5em;
	border: 1px solid silver;
	border-radius: 5px;
  display: flex;
}
/* スマホ時 */
@media screen and (max-device-width: 767px)
,screen and (max-width: 767px){
	dl.fd_sitemap_wrapper dd{
    display: block;
	}
}

div.fd_sitemap_content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
  padding:0px 0.5em;
  width: 100%;
}
/* スマホ時 */
@media screen and (max-device-width: 767px)
,screen and (max-width: 767px){
	.clearFix{
    width: auto;
	}
}

/* 新サイトマップ リストWEBMAP start */
table.fd_sitemap {
	/* width: 370px; */
  width: 100%; /* セクションの幅 */
	float: left;
	border-collapse: collapse;
	/* margin: 1px 15px 20px 15px; */
  /* margin: 0 0.5em; */
}

tr.fd_sitemap_category {
	color: #4F6228;
	border-bottom: 1px solid #4F6228;
	font-size: 12pt;
	padding-left: 10px;
	padding-bottom: 3px;
}

tr.fd_sitemap_category > td { /* 最上位階層のスタイル */
	padding-left: 15px;
	padding-top: 20px;
	font-weight: bold;
}

tr.fd_sitemap_item_lv2 > td { /* 第2階層のスタイル */
	padding-left: 25px;
	height: 30px;
	vertical-align: bottom;
}

tr.fd_sitemap_item_lv3 > td { /* 第3階層のスタイル */
	padding-left: 35px;
	height: 30px;
	vertical-align: bottom;
}
.fd_new_icon{
  margin-left: 5px;
}
.fd_sitemap_icon:hover
, .fd_new_icon:hover {
	cursor: default;
}
.fd_new_icon2{
  margin: 0 1em;
  padding: 0 1em;
  background-color: #CC0000;
  color: #fff;
  border-radius: 0.25em;
  font-size: 12px;
}
.fd_new_icon3{
	width: 3.5em;
	margin-left: 5px;
	vertical-align: middle;
}
.fd_sitemap_icon:hover{
	cursor: default;
}

.fd_sitemap_anchor {
	padding-left: 10px;
}
/* 新サイトマップ リストWEBMAP end */
/* ========================================== */
/* サイトマップ end                           */
/* ========================================== */

/* ========================================== */
/* 変更系新レイアウト start                   */
/* ========================================== */
div.fd_container_div {
	/* width: 800px; */
  width:100%;
  max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
  div.fd_container_div {
/*    margin-bottom:20em;*/
  }
}
@media screen and (max-device-width:1024px){
/* @media screen and (max-width:1024px){ */
  td#fd_sidemenu{
    display: none;
  }

}

div.fd_contents_div {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

div.fd_contents_div > h1 {
	text-align: left;
	margin: 4px 4px 0 4px; /* テーブルレイアウトのセル間隔に合わせる 下マージンは0でOK */
	padding: 5px;
	background-color: #dfd;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.4;
	border: 1px solid silver;

}

/* 行見出しの右端に「(必須)」を表示するためのスタイル */
.fd_cell_left {
	float: left;
	padding-left: 4px;
}

.fd_cell_right {
	text-align: right;
	color: red;
	padding-right: 4px;
	font-weight: normal;
}

/* divレイアウト start */
div.fd_contents_div > div.fd_contents_body {
	margin: 4px; /* テーブルレイアウトのセル間隔に合わせる */
	border: 1px solid silver;
}

div.fd_contents_div > div.fd_contents_body > p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	text-align: left;
}

div.fd_contents_div > div.fd_contents_body > ul {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	padding-left: 6px;
}

div.fd_contents_div > div.fd_contents_body > ul > li{
	list-style: none;
	padding-left: 18px;
	background-image: url(/images/ball_red.gif);
	background-repeat: no-repeat;
	/* background-position: left; */
}

div.fd_inline_list {
	width: 90%;
	margin: 0 auto;
}

div.fd_contents_div > div.fd_contents_body > dt {
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
}
/* divレイアウト end */

/* tableレイアウト start */
table.fd_contents_body {
	width: 100%;
	border-spacing: 4px; /* 各セルの間隔 変更する場合はdiv.fd_contents_bodyとdiv.fd_contents_div > h1のmarginも同じ値にする */
	border-collapse: separate;
	word-break: break-all;
	empty-cells: show;

}
table.fd_contents_body > tbody > tr > th
, table.fd_contents_body > tbody > tr > td
, table#fd_item_detail1 > thead th
, table#fd_item_detail1 > tbody td {
	/* line-height: 1.4; */
  line-height: 2;
	padding: 2px 5px;
	border: 1px solid silver;
	vertical-align: middle;
  /* レスポンシブ対応 */
  box-sizing: border-box;
}
 /* レスポンシブ対応 */
@media screen and (max-width:1024px){
  table.fd_contents_body > tbody > tr > th
  , table.fd_contents_body > tbody > tr > td
  /*, table#fd_item_detail1 > thead th
  , table#fd_item_detail1 > tbody td*/ {
    /* display: block; */
      width: 100%;
      display: flex;
      min-height: 2em;
	}
}

table.fd_contents_body > tbody > tr > th {
	/* width: 200px; */
  width: 15em;
	background: #eee;
	text-align: left;
}
@media screen and (max-width:1024px){
table.fd_contents_body > tbody > tr > th{
  width: 100%;
  background: #eee;
  text-align: left;
	}
}

/* レスポンシブでtd内を複数行にする場合 */
@media screen and (max-width:1024px){
  table.fd_contents_body > tbody > tr > td.fd_contents_block{
  display: inline-block;
	}
}

/* tableレイアウト end */

/* 入力項目を伴うレイアウト start */
.fd_contents_body > tbody > tr > td.fd_input_contents {
	padding: 1em 5px; /* 余白を多めにとる */
	line-height: 1.5;
}
/* 入力項目を伴うレイアウト end */

/* ボタンレイアウト start */
div.button_layout {
	width: 100%;
	/* display: table; */
	margin: 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.button_left, .button_center, .button_right {
	display: table-cell;
}
@media screen and (max-width: 1024px){
.button_left:empty, .button_center:empty, .button_right:empty {
	display: none;
  }
}

.button_left {
	padding-left: 4px;
	min-width:150px;
	text-align: left;
	vertical-align: middle;
}

.button_center {
	text-align: center;
	vertical-align: middle;
}

.button_right {
	min-width:150px;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;
}

/* レスポンシブ対応 */
@media screen and (max-width: 1024px){
  div.button_layout {
  /* flex-direction: space-between; */
  flex-direction: column-reverse;
  }
  .button_left, .button_center, .button_right {
  margin: 1em 0em;
  padding:0em 0.5em
  /* width:100%;
  text-align:center; */
  }

}
/* ボタンレイアウト end */

table.fd_layout_table td {
	border: none;
}

.fd_center {
	text-align: center;
	margin: 0 auto;
}

.fd_caution_note {
	color: red;
	text-decoration: underline;
}

img.list_aicon_circle_red {
	float: left;
	padding: 2px 1px 1px 1px;
}

/* 文章列挙タイプのコンテンツ */
div.fd_inner_contents {
	width: 90%;
	margin: 1em auto;;
}

/* リストマーカー */
.marker {
	display: block;
	padding-left: 2em;
	margin-bottom: 1.5em;
}
.marker:before {
	content: "";
	display: block;
	float: left;
	margin-left: -2em;
	width: 1em;
	text-align: center;
}

.marker.no-margin {
	margin: 0;
}

.marker.circle_red:before {
    content: url(/images/ball_red.gif);
}

.marker.text_circle:before {
    content: "●";
}

.emphasis_red {
	color: red;
	font-weight: bold;
}

/*赤いアンダーライン*/
.underline_red {
	color: red;
	text-decoration:underline;
}

@media screen and (max-width: 1024px){
  table.fd_requred_table > tbody > tr > th {
	   display: block;
  }
}
/* アンカー */
div.fd_contents_div a.std_anchor {
	text-decoration: underline;
}

/* fd_contents_div直下にリストを出力する場合、このクラスを追加 */
div.fd_grid_wrapper {
	padding: 0 4px; /* テーブルレイアウトのセル間隔に合わせる */
}
/* fd_container_div直下に画面記述する場合、このクラスを追加 */
div.fd_container_div > .fd_screen_description{
  padding:0px 4px;/* テーブルレイアウトのセル間隔に合わせる */
}
@media screen and (max-width: 1024px)
, screen and (max-device-width: 1024px){
  div.fd_container_div > .fd_screen_description > p{
    margin: 0.5em 0;
  }
}
/* fd_contents_div直下に画面記述(上下marginあり)する場合、このクラスを追加 */
div.fd_contents_div > .fd_screen_description{
  padding:0px 4px;/* テーブルレイアウトのセル間隔に合わせる */
  margin: 1.5em 0em;
  line-height: 1.4em;
}
@media screen and (max-device-width: 1024px){
  div.fd_contents_div > .fd_screen_description{
    line-height: inherit;
  }
}
/* fd_container_div直下にテーブルを表示する場合、このクラスを追加 */
div.fd_contents_div > .fd_screen_table{
  margin: 4px;/* テーブルレイアウトのセル間隔に合わせる */
}
/* fd_contents_body直下に画面記述する場合、このクラスを追加 */
div.fd_contents_body > .fd_screen_description{
  margin: 1.5em 0em;
}

/* 2016/8/9 add start */
/* 大きめチェックボックス */
input[type="checkbox"].fd_checkbox_big {
	transform: scale(1.5);
	vertical-align: middle;
}

/* 注意喚起エリア */
.fd_caution_area {
	background: pink;
	padding: 1em;
	border-radius: 5px;
	line-height: 1.2em;
}
/* 注意喚起エリア 汎用 */
.fd_caution_area2 {
	margin: 0 4px 1em 4px;
    font-size: 12pt;
}

.fd_line_height{
  line-height: 1.5em;
}
/*TOPメッセージ複数表示の為のレイアウト*/
.fd_caution_top {
	padding: 0.6em 1em;
}
.fd_caution_top >div {
	margin: 0.4em 0;
}

/* 完了画面のお辞儀どりんぴん表示エリア */
div.fd_thanks_drinpin_area {
	text-align: center;
	margin: 0 auto 2em auto;
}
/* 2016/8/9 add end */
/* リスト設定 */
.fd_scroll{
  overflow: hidden;
}
@media screen and (max-width:1024px),
screen and (max-device-width:1024px){
.fd_scroll{
    overflow-x: scroll;
  }
}
.fd_scroll_desc{
  display: none;
  margin-left:4px;
}
/* @media screen and (max-width:1024px),
screen and (max-device-width:1024px){ */
@media screen and (max-width:1024px){
  .fd_scroll_desc{
      display: block;
  }
}
/* ID変更の注記 */
.fd_chgid_announce{
  margin-left: 0.5em;
}
/* ========================================== */
/* 変更系新レイアウト end                     */
/* ========================================== */

/* ========================================== */
/* アコーディオン表示制御 */
/* ========================================== */
.fd_accordion_switch {
	cursor: pointer;
}

.fd_accordion_switch {
    position: relative;
    padding-left: 30px !important;
}

.fd_accordion_switch:before {
    content: "+";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    text-align: center;
    line-height: 1.2;
    color: white;
    background: #01642E;
    border-radius: 50%;
    -webkit-transition: content 1s;
    transition: content 1s;
}

.fd_accordion_switch.openAccordion:before {
    content: "-";
    -webkit-transition: content 1s;
    transition: content 1s;
}

.fd_accordion_switch:after {
    content: "（クリックで開閉します）";
}

/* ========================================== */
/* ダウンライン照会TOP start                  */
/* ========================================== */
.fd_dl_service_table {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border-spacing: 0px;
	border-collapse: collapse;
}

@media screen and (max-width:1024px){
  .fd_dl_service_table {
    /* margin: 0px 20px; */

  }
}
.fd_dl_service_table td {
	padding-bottom: 10px;
	border: none;
}
@media screen and (max-width:1024px){
  .fd_dl_service_table td {
    display: block;
  }
}

.fd_dl_service_table ul {
	padding-left: 1px;
}

.fd_dl_service_table ul > li{
	list-style: none;
	padding-left: 18px;
	background-image: url(/images/ball_red.gif);
	background-repeat: no-repeat;
	background-position: left;
}
@media screen and (max-width:1024px){
  .fd_dl_service_table ul > li{
  	padding-left: 25px;
    margin-left: 30px;
    background-position-y:initial;
    background-position-y:4px;
  }
}

#fd_dl_usestate_table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-spacing: 4px;
	border-collapse: separate;
}

#fd_dl_usestate_table th {
	border: 1px solid gray;
	background-color: #eee;
	vertical-align: middle;
	padding: 3px 3px 0px 5px;
	width: 200px;
	line-height: 1.4;
}

#fd_dl_usestate_table td {
	border: 1px solid gray;
	padding: 3px 3px 0px 5px;
}

@media screen and (max-device-width: 1024px){
  #fd_dl_usestate_table th
  ,#fd_dl_usestate_table td{
    display: flex;
    width: 95%;
  }
}

/* 各種サービスボタンを配置するセル */
td.service_button_wrapper {
	text-align: right;
}
@media screen and (max-width:1024px){
  td.service_button_wrapper {
  	text-align: center;
  }
}
/* ダウンライン照会TOPの各ボタン */
.fd_button_dl_top {
	width: 12.5em;
}

/* ========================================== */
/* ダウンライン照会TOP end                    */
/* ========================================== */
/* ========================================== */
/* 各種情報照会 start                           */
/* ========================================== */
.trparentgroupfaxbox {
	border: 1px solid gray;
	background-color: #eee;
	vertical-align: middle;
	font-weight: normal;
	text-align: left;
	font-size: 11pt;
	padding: 5px 5px 5px 5px;
	line-height:11px
}

.trparentgroup {
	border: 1px solid gray;
	background-color: #eee;
	font-size: 11pt;
	line-height: 0.3;
	vertical-align: middle;
	font-weight: bold;
	text-align: center
}
@media screen and (max-width: 1024px){
  [class*="trparentgroupfaxbox"],[class*="trparentgroup"] {
        font-size: 14pt;
        line-height: 1.2em;
    }
}
.trBorderClass {
   border: none
}
.update_date{
  text-align: right;
  display: inline-block;
}
@media screen and (max-width:1024px){
  .update_date{
    width:100%;
  }
}
div#KKSLST_wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

div#KKSLSTGAIYO_wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;

}
div.fd_contents_div > h1 {
	text-align: left;
	margin: 4px 4px 0 4px;
	padding: 5px;
	background-color: #dfd;
	color: black;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.4;
	border: 1px solid silver;
}

div.fd_contents_div > div.fd_contents_body > div.std_grid_wrapper > p {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2;
	text-align: left;
}
.fd_faxbox_table_wrapeer{
    padding-left: 4px;
    padding-right: 4px;

}
table#KKSLST{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
}
.FDTEXT div{
	text-align: center
}
.TITLE6{
	width: 70%
}
.TITLE5{
	width: 75%
}
.TITLE5 > div{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}

.FDTEXT{
	width: 28%
}

table#KKSLSTGAIYO{
	width: 90%;
	border-style: solid;
	border-width: 0px;
	border-color: black;
	border-spacing: 4px;
	border-collapse: seperate;
	margin: 0 auto;
}

table#KKSLSTGAIYO tr{
	border-bottom: 1px solid gray;
	padding: 10px 10px 10px 10px;
}

table#KKSLSTGAIYO td {
	border: 1px solid gray;
	padding: 10px 10px 10px 10px;
}

table#KKSLST td {
	/*border-bottom: 1px solid gray;*/
	border-top: 1px solid gray;
	padding: 10px 10px 10px 10px;
  box-sizing: border-box;
}

ul.menu {
	list-style:none;
	margin-top:31px;
}
ul.menu a{
	font-size:20px;
	display: block;
	width:500px;
	padding:10px;
	margin:10px auto;
	border : solid medium #2E8B57;
	border-radius: 15px;
	background-color:#fff;
	text-decoration: underline;
}
ul.menu a img {
	height: 60px;
	padding-right:10px;
	padding-left:10px;
}
ul.menu a:hover {
	background-color:#dfd;
}
#KKSMNULIST{
  /* padding-right: 40px; */
    margin: 0 auto;
    margin-top: 2em;
    padding:0px;
    width:90%;
    max-width: 500px;

}
#KKSMNULIST > li > span > a{
  width: auto;
  display: flex;
  align-items: center;
}

/* ========================================== */
/* 各種情報照会 end                             */
/* ========================================== */
/* ========================================== */
/* iPadアプリ start                           */
/* ========================================== */
/* ダウンロードページ遷移ボタン */
.fd_ipad_button1,.fd_android_button1 {
	/* width: 20.5em; */
  width: 80%;
  /* max-width: 20.5em; */
  /*max-width: 20em;*/
  max-width: 19em;
	white-space: normal;
	/* padding: 0.5em 3em; */
  padding: 0.5em 0;
	line-height: 1.2;
	/* height:3.5em; */
  min-height: 3.5em;
  min-width: 15em;
  font-size: 16px;
  word-break: keep-all;
}
.fd_appdlbutton_center{text-align:center;}
/* .fd_appdlbutton_center input{margin: 0px 20px;margin-top:2em;} */
.fd_appdlbutton_center input{margin: 1em 15px 1em 0;}
/*table#fd_ipadapp_manual > thead > tr > th {
	background: #eee;
	border: 1px solid silver;
  word-break: normal;
}*/

/* iPadアプリ操作マニュアルテーブルの行見出し */
/*table#fd_ipadapp_manual > tbody > tr > th {
	width: 50px;
	text-align: center;
}

table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(1) {
	text-align: left;
}

table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(2) {
	min-width: 130px;
}*/

.fd_appdlbutton_center >a:nth-of-type(1) {
	margin-right: 35px;
}
.fd_appdlbutton_center >a>img {
	height: 50px;
}

/*スライドトグル用*/
.fd_toggle_blue {
    color: blue;
    text-decoration: underline;
}
#fd_toggle_inf{
	display: none;
}
#fd_toggle{
	cursor: pointer;
}
/*@media screen and (max-width: 1024px){
  table#fd_ipadapp_manual > tbody > tr > th
  ,table#fd_ipadapp_manual > tbody > tr > td{
    display: table-cell;
  }
  table#fd_ipadapp_manual > thead > tr > th:nth-of-type(3)
  ,table#fd_ipadapp_manual > tbody > tr > td:nth-of-type(2){
    display: none;
  }

}*/

/* 動作環境 */
.fd_ipadapp_kiyaku{margin-top:0px;}
.fd_ipadapp_warning_ios li{margin-bottom:1em;}
.fd_ipadapp_warning_common {margin-top:0px;}
/* ========================================== */
/* iPadアプリ end                             */
/* ========================================== */

/* ========================================== */
/* 新会員情報照会/変更 start                  */
/* ========================================== */
/* 各変更ボタン */
.fd_button_memberinfo_change {
	min-width: 50px;
	height: 30px;
/* 青系グラデーション */
    color: #FFFFFF;
    background-color: #0095df;
    background-repeat: repeat-x;
	background-color: #0064cd;
	border: 1px solid #0f61b8;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(to bottom, #0095df, #0064cd);*
}

.fd_button_memberinfo_change_mouseover {
	min-width: 50px;
	height: 30px;
	background: royalblue;
}

/* 「変更」アンカー */
td.fd_memberinfo_change_cell {
	/* width: 75px; */
  width: 150px;
	padding: 10px 0 !important;
	text-align: center;
}
td.fd_memberinfo_change_cel2 {
	/* width: 75px; */
  /*width: 150px;
	padding: 10px 0 !important;*/
	text-align: left;
  /* min-width: 130px; */
  width: 210px;
  padding: 5px 0 !important;
}
td.fd_memberinfo_change_cel2 > span > span:nth-of-type(1){
  padding-right: 1em;
}

/* 携帯メールアドレス変更 */
@media screen and (max-device-width: 1024px){
  #HMAILINP1
  ,#HMAILINP2{
    width: 95%;
    width: 90%;
  }
  #DOMAINWK1
  ,#DOMAINWK2{
    width: 100%;
  }
}

/* メール情報配信変更 */
.fd_memberinfo_haishin {
  width: 100%;
  max-width: 400px;
}

/* 登録FAX番号変更 */
td.fd_memberinfo_fax > span > input{
  width: 90%;
  max-width: 5em;
}
@media screen and (max-width: 1024px){
	td.fd_memberinfo_fax > span > input{
		width: 3.5em;
	}
	
	table.fd_contents_body > tbody > tr >td.fd_memberinfo_fax{	
	    display: block;
	}
}


/* パスワード変更 */
table.fd_memberinfo_pass > tbody > tr > th{
  width: 30%;
}
/* @media screen and (max-device-width: 1024px){ */
@media screen and (max-width: 1024px){
  table.fd_memberinfo_pass > tbody > tr > th{
    width: auto;
  }
}

/* アカウント連携(LINE連携) */
.fd_memberinfo_lineaccount{
  /* display: none; */
}
td.fd_memberinfo_account > div{
  display: flex;
}
td.fd_memberinfo_account > div > span.fd_memberinfo_renkei{
  min-width: 5em;
}
td.fd_memberinfo_account > div > span.fd_memberinfo_member{
  margin: auto 0;
}
td.fd_memberinfo_account input{
  border: none;
}
td.fd_memberinfo_account table#CNTIDLST{
  line-height: 1.5;
}
td.fd_memberinfo_account table#CNTIDLST tr{
  display: inline-block;
  padding-right: 1em;
}

table#fd_aconect_table {
  width: 70%;
  margin: auto;
}

img.fd_account_img{
  width: 20%;
  min-width: 10em;
}
a.fd_account_qrcode{
  cursor: pointer;
}
.fd_memberinfo_mailng{
  color:red;
}

/* ========================================== */
/* 新会員情報照会/変更 end                    */
/* ========================================== */

/* ========================================== */
/* コース・口座引落情報変更 start             */
/* ========================================== */
table#fd_course_table td {
	text-align: center;
}

@media screen and (max-width: 1024px){
  table#fd_course_table th
  ,table#fd_course_table td {
  	width: auto;
    display: table-cell;
  }
}

/* 実績月セル */
tr#fd_result_month > th {
	background: #dfd;
}

/* 凡例 */
dl#color_legend dt {
	clear: left; float:
	left; width: 11em;
	text-align: center;
	margin-bottom: 0.6em;
	line-height: 1.4;
}

dl#color_legend dt#deadline1, table#fd_course_table td.current1 {
	background: #FFFF99;
}

dl#color_legend dt#deadline2, table#fd_course_table td.current2 {
	background: lightcyan;
}

dl#color_legend dd {
	margin-left: 12em;
	margin-bottom: 0.6em;
	line-height: 1.4;
}

@media screen and (max-device-width: 1024px){
  dl#color_legend dt {
  	float: none;
  }
  dl#color_legend dd {
  	margin-left: 10%;
  }
}
/* 登録コース・次回予約製品 */
table#fd_course_table .fd_course_smart{
  display: none;
}
/* スマホ時 */
@media screen and (max-width: 767px){
  table#fd_course_table .fd_course_normal{
    display: none;
  }
  table#fd_course_table .fd_course_smart{
    display: table-row;
  }
}

/* 非活性アンカー */
.link_deactive {
	text-decoration: line-through;
	color: silver;
}

/* 各変更入力画面の変更内容行 */
tr.fd_change_row {
	background: papayawhip;
}

div.fd_contents_div > table.fd_contents_body > tbody > tr.fd_change_row > th {
	text-align: right;
	background: inherit;
}

/* 加算額注記(共通) */
table.fd_kasan_caution{
  border-collapse: collapse;
}
table.fd_kasan_caution > tbody > tr{
  line-height: 2.0em;
}

/* コース変更 */
table.fd_contents_body.fd_coursechange_table > tbody > tr > th {
	width: 150px;
}

table.fd_contents_body.fd_coursechange_table > tbody > tr > td:nth-of-type(1) {
	width: 200px;
}

.fd_coursechange_bold{
  font-weight: bold;
}

.fd_coursechange_teiki{
  padding: 1em 0;
}
.fd_coursechange_teiki > div:nth-of-type(1){
  padding: 5px 0;
}

#fd_select_item.fd_coursechange_table  > tbody > tr > td:nth-of-type(1){
	width: 450px;
}
.fd_coursechange_contents{
	/*width: 90%;*/
    /*margin: 1em auto;*/
    /*padding: 0px 4px;*/
}

#fd_coursechange_yoyaku{
	border: 1px solid #ffdeec;
    background: #ffdeec;
    padding-top: 1em;
    margin-bottom: 1em;
}
#fd_coursechange_yoyaku > div{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.2;
}
@media screen and (max-width: 1024px){
	.fd_coursechange_contents{
		margin: 4px;
		width: auto;
	}
	#fd_select_item.fd_coursechange_table  > tbody > tr > td:nth-of-type(1){
		width: 80%;
	}

}

/* クレジット番号 */
.fd_coursechange_cardno{
  padding-left: 0.5em;
  border: 1px solid gray;
  max-width: 25em;
  background-color: white;
  font-weight: bold;
}
/* クレジット有効期限 */
.fd_coursechange_expire{
  margin-left: 0.5em;
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_coursechange_table > tbody > tr > th {
  	width: 1em;
    display: table-cell;
  }
  table.fd_contents_body.fd_coursechange_table > tbody > tr > td {
  	display: table-cell;
  }
  .fd_coursechange_expire{
    display: inline-block;
  }
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_coursechange_table > tbody > tr > td:nth-of-type(1) {
  	width: 30%;
  }
}


.fd_coursechange_body > table{
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}
.fd_coursechange_body > table > tbody > tr{
  height: 2em;
  vertical-align: top;
  line-height: 1.5;
}
.fd_coursechange_body > table > tbody > tr > td:nth-child(1){
  width: 15%
}
.fd_coursechange_body > table > tbody > tr > td:nth-child(1) > span:nth-child(1){
  width: 6em;
  text-align: left;
  display: inline-block;
}
.fd_coursechange_nowrap{
  white-space: nowrap;
}
@media screen and (max-width: 1024px){
  .fd_coursechange_item{
    width: 100%;
  }
  .fd_coursechange_body > table > tbody > tr > td:nth-child(1){
    min-width: 7em;
  }
  .fd_coursechange_body > table > tbody > tr > td:nth-child(2){
    padding-bottom: 1em;
  }.fd_coursechange_body > table > tbody > tr > td.fd_coursechange_colspan{
    width: auto;
    padding-bottom: 1em;
  }
}


/* 口座引き落とし */
table.fd_contents_body.fd_kouzachange_table > tbody > tr > th {
	width: 150px;
}

table.fd_contents_body.fd_kouzachange_table > tbody > tr > td:nth-of-type(1) {
	width: 200px;
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_kouzachange_table > tbody > tr > th {
  	width: 1em;
    display: table-cell;
  }
  table.fd_contents_body.fd_kouzachange_table > tbody > tr > td {
  	display: table-cell;
  }
}

/* クレジット引落 */
table.fd_contents_body.fd_creditchange_table > tbody > tr > th {
	width: 150px;
}

table.fd_contents_body.fd_creditchange_table > tbody > tr > td:nth-of-type(1) {
	width: 200px;
}

.fd_creditchange_cardbtn{
  margin-top: 0.5em;
}

.fd_creditchange_bold{
  font-weight: bold;
}

/* クレジット番号 */
.fd_creditchange_cardno{
  padding-left: 0.5em;
  border: 1px solid gray;
  max-width: 25em;
  font-weight: bold;
  background: white;
}
/* クレジット有効期限 */
.fd_creditchange_expire{
  margin-left: 0.5em;
}

@media screen and (max-width: 1024px){
  table.fd_contents_body.fd_creditchange_table > tbody > tr > th {
  	width: 1em;
    display: table-cell;
  }
  table.fd_contents_body.fd_creditchange_table > tbody > tr > td {
  	display: table-cell;
  }
}

.fd_creditchange_nowrap{
  white-space: nowrap;
  font-weight: bold;
}
.fd_creditchange_body > table,
.fd_creditchange_inputbody > table{
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
}
.fd_creditchange_body > table > tbody > tr,
.fd_creditchange_inputbody > table > tbody > tr{
  height: 2em;
  vertical-align: top;
  line-height: 1.5;
}
.fd_creditchange_body > table > tbody > tr > td:nth-child(1){
  width: 20%
}
.fd_creditchange_inputbody > table > tbody > tr > td:nth-child(1){
  width: 35%;
}
.fd_creditchange_body > table > tbody > tr > td:nth-child(1) > span:nth-child(1){
  width: 7em;
  text-align: left;
  display: inline-block;
}
.fd_creditchange_inputbody > table > tbody > tr > td:nth-child(1) > span:nth-child(1){
  width: 14em;
  text-align: left;
}
.fd_creditchange_inputbody > table > tbody > tr > td,
.fd_creditchange_inputbody > table > tbody > tr > td > span{
  display: inline-block;
}

/*クレジット決済オートシップ注記・口座不備注記*/
.fd_creditchange_warning{
	background-color: #fce2c4;
    padding: 1em;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
}
.fd_creditchange_warning > div > img{
	height: 40px;
    margin-right: 0.5em;
}

@media screen and (max-width: 1024px){
  .fd_creditchange_body > table > tbody > tr > td{
    margin: 0;
  }
  .fd_creditchange_body > table > tbody > tr > td:nth-child(1){
    min-width: 7em;
  }
  .fd_creditchange_body > table > tbody > tr > td:nth-child(1) > span:nth-child(1){
    width: 6em;
  }
  .fd_creditchange_inputbody > table > tbody > tr > td:nth-child(1){
    min-width: 15em;
  }
  .fd_creditchange_body > table > tbody > tr > td:nth-child(2),
  .fd_creditchange_inputbody > table > tbody > tr > td:nth-child(2){
    padding-bottom: 1em;
    width: 7em;
  }
  .fd_creditchange_expire{
    display: inline-block;
  }
  
  .fd_creditchange_warning{
  	display: block;
  }
  .fd_creditchange_warning >div:nth-child(1){
    text-align: center;
  }
}


/* モーダルダイアログ用 */
#fd_modal_content {
	width: 50% ;
	margin: 0 ;
/*	padding: 10px 20px ;*/
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
@media screen and (max-width:1024px){
  #fd_modal_content {
    width:90%;
  }
}

#fd_modal_overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

#fd_modal_inner {
	font-size: 14pt;
}

a#fd_modal_close {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

a#fd_modal_close:hover {
	color: red;
}

/* 2016/10/12 FGI固定商品選択対応 変更系画面における選択商品テーブル */
table#fd_select_item.fd_sel_item_teiki {
	width: 65%;
}

table.fd_select_item_disp {
	margin: 0;
}

fieldset.fd_free_select_item {
	border: 1px solid silver;
	/* width: 90%; */
  /* width: 95%; */
}

/* コース選択(F,G,I)、定期購入方法 */
#WKVLCDF1
,#WKVLCDG1
,#WKVLCDG2
,#WKVLCDI1
,#WKACCD
,#WK_VLCDF1,#WK_VLCDG1,#WK_VLCDG2,#WK_VLCDI1,#WK_ACCD{
  /* 100%の場合、右スクロールになってしまう */
  width: 95%;
  max-width: 20em;
}

/* 口座引落変更内容 */
#WKCRSCD,#WK_CRSCD{
  /* 100%の場合、右スクロールになってしまう */
  width: 95%;
  max-width: 15em;
}

/* クレジット引落変更内容 */
.fd_creditchange_table #WKACCD{
  /* 100%の場合、右スクロールになってしまう */
  width: 95%;
  max-width: 30em;
}

/* リンク */
.fd_coursechange_link{
  text-align: right;
  padding-right: 4px;
  margin: 15px 0;
}

/* ========================================== */
/* コース・口座引落情報変更 end               */
/* ========================================== */

/* 携帯サイトコンテンツラッパー */
div.fd_mobile_contents_wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	height: 100%;
}

table.fd_mobile_id_change_table
, table.fd_id_change_table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1024px){
  table.fd_mobile_id_change_table
  , table.fd_id_change_table{

    margin: 0 auto;
  }
  table.fd_mobile_id_change_table tbody > tr >td
  , table.fd_id_change_table tbody > tr >td{
          display: block;
          /* padding-bottom:0.5em; */
  }
  table.fd_mobile_id_change_table tbody > tr >td:nth-of-type(1)
  , table.fd_id_change_table tbody > tr >td:nth-of-type(1){
    padding-bottom:0.5em;
  }
}

p.fd_mobile_caution_note {
	text-align: center;
	margin-bottom: 0;
	text-decoration: underline;
}

/* ========================================== */
/* 注文履歴 start                             */
/* ========================================== */
/* 注文履歴一覧画面 --------------------start */
div.fd_layout_table {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 4px 0;
}

#fd_search_cond_text {
	margin: 5px;
}

div.fd_layout_table > div {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 1024px){
  div.fd_layout_table div {
  	text-align: center;
  }
}

div.fd_layout_table > div.fd_search_header {
	width: 100px;
	text-align: center;
}

div.fd_layout_table > div.fd_search_dropdown {
	margin-bottom: 1em;
}

@media screen and (max-width: 1024px){
  div.fd_layout_table .std_dropdown,.std_dynamic_select {
    min-width: 150px;
    min-height: 35px;
  }
}

table#fd_order_history_grid {
	/* width: 100%; */
  width: 792px !important;
	line-height: 1.4;
	border-collapse: collapse;
	border: 1px solid silver;
	word-wrap: break-word;
}

table#fd_order_history_grid > thead > tr > th {
	background-color: #dfd;
	border: 1px solid silver;
	padding: 0 3px;
	white-space: nowrap;
}

/* 注文履歴リスト各行の基本スタイル */
table#fd_order_history_grid > tbody > tr {
	height: 5em;
	text-align: center;
}

/* 試算レコード */
table#fd_order_history_grid > tbody > tr.fd_sisan_tr {
	background: lightcyan;
}

table#fd_order_history_grid > tbody > tr > td {
	border: 1px solid silver;
	padding: 1em 10px;
}

table#fd_order_history_grid > tbody > tr > td:nth-of-type(2) /* 注文者 */
, table#fd_order_history_grid > tbody > tr > td:nth-of-type(3) /* 注文概要 */
{
	text-align: left;
}

/* 注文一覧リスト 各セルのスタイル */
table#fd_order_history_grid > tbody > tr > td:nth-of-type(1) { width: 5em; } /* 注文日・注文番号 */
/*table#fd_order_history_grid > tbody > tr > td:nth-of-type(2) { width: 250px; } /* 注文者 */
/*table#fd_order_history_grid > tbody > tr > td:nth-of-type(3) { width: 250px; } /* 注文内容 */
table#fd_order_history_grid > tbody > tr > td:nth-of-type(4) { width: 10em; white-space: nowrap; } /* 注文明細・発送状況 */

/* ページング */
div.fd_paging_table {
	display: table;
	margin: 0.5em auto;
	border-collapse: separate;
	border-spacing: 0.5em;
}

div.fd_paging_table > div {
	display: table-cell;
	text-align: center;
}

div.fd_paging_table > div:first-child
, div.fd_paging_table > div:last-child
{
	width: 2.5em;
}

div.fd_paging_table > div:nth-of-type(2)
, div.fd_paging_table > div:nth-of-type(4)
{
	width: 7.5em;
}
/* 注文履歴一覧画面 ----------------------end */

/* 注文明細画面 --------------------start */
.fd_note_sisan {
	background: lightcyan;
	border: 2px solid blue;
	padding: 0.5em;
	margin: 0 4px;
}

/* 商品明細テーブル用スタイル */
table#fd_item_detail1 {
	/* width: 99%; */
  width: 100%;
	line-height: 1.4;
	border-collapse: collapse;
	/* margin: 4px; */
}

/* 商品明細テーブルヘッダ */
table#fd_item_detail1 > thead > tr > th {
	background: #eee;
	text-align: center;
}

/* 罫線に見せかける空行用スタイル */
table#fd_item_detail1 > thead > tr:last-child
{
	height: 4px;
}

/* 商品明細テーブルボディ */
table#fd_item_detail1 > tbody {
	text-align: right;
}

table#fd_item_detail1 > tbody > tr > td {
	padding: 0.5em 5px;
}

table#fd_item_detail1 > tbody > tr > td:nth-of-type(1) {
	text-align: center;
}

table#fd_item_detail1 > tbody > tr > td:nth-of-type(2) {
	text-align: left;
}

/* 商品明細テーブルフッタ(小計等) */
table#fd_item_detail1 > tfoot > tr {
	text-align: right;
}

table#fd_item_detail1 > tfoot > tr > td {
	padding: 2px 5px;
}

table#fd_item_detail1 > tfoot > tr:first-child > td {
	padding-top: 4px;
}

/* フッタ右3列のみ適用 */
table#fd_item_detail1 > tfoot > tr > td:nth-of-type(n+3) {
	border-bottom: 1px solid silver;
}

/* フッタの見出し列 */
table#fd_item_detail1 > tfoot > tr > td:nth-of-type(3) {
	text-align: left;
}

/* フッタの合計行 */
table#fd_item_detail1 > thead > tr:last-child
{
	height: 4px;
}

/* フッタの消費税行 */
table#fd_item_detail1 > tfoot > tr > td.foot_pl20 {
	padding-left: 20px;
}
/* フッタの合計行 */
table#fd_item_detail1 > tfoot > tr > td.foot_total {
 font-weight: bold;
 background: lightyellow;
}
/* 注文明細画面 ----------------------end */
/* ========================================== */
/* 注文履歴 end                               */
/* ========================================== */

/* ========================================== */
/* リプレイ登録申請 start                     */
/* ========================================== */
/* 共通 */

/* リプレイ登録TOP */
.fd_embedded_container {
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 90%;
	margin: 0 auto;
	border: 1px solid silver;
}

.fd_iframe_pdf {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.fd_checkbox_text {
	white-space: normal;
}

table.fd_replay_list {
	border-collapse: collapse;
}

table.fd_replay_list thead th {
	background: #dfd;
	border: 1px silver solid;
	padding: 2px 5px;
}

table.fd_replay_list tbody td {
	border: 1px silver solid;
	text-align: center;
	padding: 3px 7px;
}
@media screen and (max-device-width: 1024px){
  table.fd_replay_list{
    width: 700px !important;
  }
  table.fd_replay_list tbody td {
    padding: 3px 2px;
  }
}
/* 1)申請内容の入力 */
/* DR応援欄 */
.fd_replay_drouen{
  display: block;
}
/* クレジット番号 */
.fd_replay_cardno{
  padding-left: 0.5em;
  border: 1px solid gray;
  max-width: 25em;
  font-weight: bold;
  background: white;
  line-height: 2;
  margin-bottom: 1em;
}
/* クレジット有効期限 */
.fd_replay_expire{
  margin-left: 0.5em;
}
/* 有効期限切れ */
.fd_replay_nowrap{
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 1024px){
  /* クレジット有効期限 */
  .fd_replay_expire{
    display: inline-block;
  }
}

/* 3)初回ご注文情報の確認 */
div.button_layout#fd_destination {
	margin: 0;
}
@media screen and (max-device-width: 1024px){
  div.button_layout#fd_destination {
    margin: 1em 0;
    display: block;
  }
}

div.button_layout#fd_destination > .button_left
, div.button_layout#fd_destination > .button_right
{
	width: auto;
	padding: 0;
}
.fd_rep_canpain_chuui{
	font-size:13px;
    margin-left:2em;
}

/* 着指定選択可能日マスタ化対応 */
.fd_replay_chakbi_div,
#replay_chakubi{

	margin:1em 0em;

}
.fd_replay_chakbi_div > div{

	display: table;

}

.fd_replay_chakbi_div > div > div{

	display: table-cell;
	width: 100px;
}

.fd_replay_chakbi_div > div > span > select{

	display: table-cell;
	width: 100%;

}

.replay_chakubi_ng{
	margin: 1em 0em;
	color:red;
}
.fd_replay_chakuwaring{
	margin-bottom:2em;
}
.fd_replay_regist_button{
	text-align:center;
	background-color:aliceblue;
	/* height:15em; */
  height: auto;
  /* min-height: 15em; */
	border:1px solid silver;
}
/* @media screen and (max-device-width: 1024px){
  .fd_replay_regist_button{
  	height: auto;
  }
} */
.fd_replay_regist_button input[type="button"],
.fd_replay_regist_button input[type="submit"]{
	margin:2em 2em;
	width:15em;
	height:3.5em;
	font-size:12pt;
}
@media screen and (max-device-width: 1024px){
  .fd_replay_regist_button input[type="button"],
  .fd_replay_regist_button input[type="submit"]{
    margin:2em 1em;
  }
}
@media screen and (max-width: 768px){
	.fd_replay_regist_button > div{
	    display: flex;
	    flex-direction: column-reverse;
	}
}
.fd_replay_regist_redunderline{
	color:red;
	text-align:left;
	text-decoration:underline;
	margin: 0em 1.5em;
}
/* 振込・引落先金融機関、3ヶ月目以降の製品お届先 */
#WKACMEMID
,#WKACMEMID2
,#WKARCD{
  width: 100%;
  /* max-width: 35em; */
  white-space: break-spaces;
}
/* 支払方法 */
#SIHARAIHO{
  width: 100%;
  max-width: 15em;
}
.fd_replay_center{
  text-align: center;
}

.fd_replay_applybutton{
	flex-direction: initial !important;
}
.fd_replay_applybutton > div{
	width: 100%;
}
/* ========================================== */
/* リプレイ登録申請 end                       */
/* ========================================== */

/* --------------------------------- */
/* 会員登録・サブID登録共通                    */
/* --------------------------------- */
/*会員コースの説明*/
#COSELIST {
	width: 100%;
}

#COSELIST th{
	background: #eee;
	padding: 3px;
	white-space: normal;
}
#COSELIST th:nth-child(1){
	width: 14%;
}
#COSELIST th:nth-child(2),
#COSELIST th:nth-child(3){
	width: 43%;
}
#COSELIST td{
text-align: center;
    padding: 6px;
    line-height: 1.4em;
}


/* ========================================== */
/* 商品選択 start                             */
/* ========================================== */
/* しましまタイプ */
table#fd_select_item {
	width: 75%;
	border-collapse: collapse;
}

table#fd_select_item > thead > tr > th {
	background: #dfd;
	color: black;
}

table#fd_select_item > thead > tr > th
, table#fd_select_item > tbody > tr > td
{
	border: 1px solid silver;
	padding: 5px;
}

table#fd_select_item > tbody > tr:nth-child(odd) {
	background: white;
  height:3em;
}

table#fd_select_item > tbody > tr:nth-child(even) {
	background: whitesmoke;
  height:3em;
}

table#fd_select_item > tbody > tr > td:nth-of-type(2)
, table#fd_select_item > tbody > tr > td:nth-of-type(3)
{
	text-align: right;
}

table#fd_select_item > tbody > tr > td:last-child {
	text-align: center;
}
.fd_select_item_waring {
	background-color:pink;
	padding:1em;
	line-height:1.2em;
}
.fd_select_item_casecheck {
	margin-right:0.5em;
}
/* ========================================== */
/* 商品選択 end                               */
/* ========================================== */

/* ========================================== */
/* 住所選択 start                             */
/* ========================================== */
table.fd_address_table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
  line-height: 1.8;
}

table.fd_address_table td {
	border: 1px solid silver;
  padding: 0em 0.5em;
}

table.fd_address_table .address_layout {
  width: 100%;
  /* display: table; */
  margin: 15px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

div#fd_address_input dt {
	margin-left: 0;
}

div#fd_address_input dd {
	border: 1px solid silver;
	margin-left: 0;
  line-height: 2;
}

div#fd_address_input div.fd_layout_table {
	table-layout: auto;
	width: auto;
}

div#fd_address_input div.fd_layout_table > div {
	height: 3em;
  /* 住所選択の時は中央寄せしない */
  text-align: start;
}

/* 1行目(ラベル) */
div#fd_address_input div.fd_layout_table > div:first-child {
	width: 9em;
	/* padding-left: 1.5em; */
  padding-left: 1.0em;
}

/* 1行目以外(ラベル以外) */
div#fd_address_input div.fd_layout_table > div:nth-child(n+2) {
	padding-left: 1.0em;
}

div#fd_address_input div.fd_layout_table > div > span.fd_reqright {
	float: right;
}

.fd_required {
	color: red;
	padding-left: 1em;
  white-space: nowrap;
}

div#fd_address_input .fd_err_msg {
	margin: 0 1.5em;
	padding: 0.5em;
}

.fd_input_contents .fd_err_msg {
	margin: 0.5em 0;
	padding: 0.5em;
}

@media screen and (max-width: 1024px){
  div#fd_address_input div.fd_layout_table > div {
    height: auto;
  }
  div#fd_address_input div.fd_layout_table > div:nth-child(n+2) {
  	padding-bottom: 1em;
  }
  div#fd_address_input div.fd_layout_table > div > span.fd_reqright {
  	float: none;
  }
  div#fd_address_input div.fd_layout_table #INPADR2
  ,div#fd_address_input div.fd_layout_table #INPADR3
  ,div#fd_address_input div.fd_layout_table #INPADR3S1
  ,div#fd_address_input div.fd_layout_table #INPADR3S2
  ,div#fd_address_input div.fd_layout_table #INPADR3S3
  ,div#fd_address_input div.fd_layout_table #INPADR4
  ,div#fd_address_input div.fd_layout_table #INPSNDNM
  ,div#fd_address_input div.fd_layout_table #INPSNDKAI{
    width: 90%;
  }
}
@media screen and (max-width: 768px){
  table.fd_address_table .address_layout
  ,table.fd_address_table .address_layout .button_center{
    display: block;
  }
}
/* 番地警告 */
.fd_address_warning {
	color: black;
	background-color: #c7dff4;
	padding: 2px;
	border-radius: 5px;
	display: table;
	width: 95%;
  margin-left: 1em;
}
.fd_address_warning2 {
	color: black;
	background-color: #c7dff4;
	padding: 2px;
	border-radius: 5px;
	display: table;
}
.fd_address_warning > img,
.fd_address_warning2 > img {
	width: 1.5em;
	vertical-align: middle;
}

/* 住所入力について */
.fd_address_addform {
	line-height:1.5em;
	color:black;
	border:1px solid gray;
	margin:0.5em 1em;
	padding-left: 5px;
	padding-right: 5px;
}
.fd_address_addcomment {
	padding-top: 0.5em;
}
table.fd_address_addtable {
	border-spacing: 1px;
	width: 100%;
}
table.fd_address_addtable > tbody > tr > th {
	background-color:#e2efda;
	width:8em;
	text-align: left;
}
table.fd_address_addtable > tbody > tr > th,
table.fd_address_addtable > tbody > tr > td {
	border: 1px solid silver;
	padding: 5px 5px;
}
/* ========================================== */
/* 住所選択 end                               */
/* ========================================== */

/* ========================================== */
/* iframe高さ自動調整用                       */
/* ========================================== */
iframe.fd_iframe
,iframe.fd_orderiframe {
	border: none;
	width: 100%;
	overflow: hidden;
}

/* ========================================== */
/* 名刺フォーマットダウンロード               */
/* ========================================== */
.fd_button_meishidl{
	padding:10px 30px;
  width:100%;
	max-width:300px;
	white-space: normal;
	line-height:1.5em;
}
.fd_meishidl_desc{
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.fd_meishi_img_wrapper{
  display: flex;
  flex-wrap: wrap;
  margin-top:1em;
}
.fd_meishi_div{
  width:50%;
}
.fd_meishi_div > div{
  text-align: center;
}

.fd_meishidl_kiyaku{
	border:1px solid silver;
	margin-top:40px;
	margin-bottom:25px;
}

.fd_meishidl_kiyaku > legend{
	font-weight:bold;
}

.fd_meishi_table{
	width:100%;
	text-align:center;
	margin-top:20px;
}
.fd_meishi_table > thead > tr > th {
	font-weight:nomal;
}
.fd_meishidl_title{
	/* width:100%; */
	background-color:#eee;
	padding:5px;
	font-weight:bold;
	margin-top:30px;
	border-left:5px solid green;
}
div.fd_meishi_dl_contents{
	line-height:1.5em;
}
.fd_meishi_pdfdl_button{
	margin-top:30px;
	}
.fd_meishi_img1{width:auto;height:192px;border:1px solid silver;}
@media screen and (max-width: 768px){.fd_meishi_img_wrapper{display: block;margin: 0 auto;}.fd_meishi_div{width:100%;}}
div.fd_meishi_aidl{text-align}
.fd_meishi_footer{text-align:left;margin:50px 0px;}

/* ****************************************** */
/* ダウンライン注文 */
/* ****************************************** */
.fd_dlorder_table,
.fd_dlorder_confirm_table{
  text-align: center;
	margin: 10px auto;
  /* レスポンシブ対応 */
	/* padding:0px 1px; */
	width: 100%;
	border-spacing: 0 4px; /* 各セルの間隔[左右 上下] 変更する場合はdiv.fd_contents_bodyとdiv.fd_contents > h1のmarginも同じ値にする */
	border-collapse: separate;
	word-break: break-word;
	empty-cells: show;
}

.fd_dlorder_table > tbody > tr > td{
	border:1px solid silver;
	text-align: left;
}
.fd_dlorder_confirm_table > tbody > tr > td{
	border:1px solid silver;
	text-align: left;
	height: 48px;
}
@media screen and (max-width:1024px){
  .fd_dlorder_confirm_table > tbody > tr > td{
    height: 100%;
  }
}
.fd_dlorder_table > tbody > tr > th,
.fd_dlorder_confirm_table > tbody > tr > th{
	background-color: #eee;
	border:1px solid silver;
	text-align: left;
	padding:5px;
}
@media screen and (max-width:1024px){
  table.fd_dlorder_table > tbody > tr > th
  , table.fd_dlorder_table > tbody > tr > td
  ,table.fd_dlorder_confirm_table > tbody > tr > th
  , table.fd_dlorder_confirm_table > tbody > tr > td {
     display: block;
	}
}
/* @media screen and (max-width:1024px){
   table.fd_dlorder_table > tbody > tr > td span,
   table.fd_dlorder_confirm_table > tbody > tr > td span{
     display: inline-block;
     vertical-align: middle;
   }


} */

div.fd_dlorder_description{
	border:1px solid silver;
	margin:10px 4.5px 20px 4.5px;

}
div.fd_dlorder_description > ul {padding-left: 5px;}
div.fd_dlorder_description > ul > li{
	list-style-type: none;
	margin-left: 1em;
}
.fd_dlbutton_div{
	display: block;
}
div.fd_dlorder_confirm{
	text-align: center;
}
.fd_dlorder_submit{
	float: right;
}
.fd_dlorder_back{
	float: left;
}

/* ========================================== */
/* ウィンドウ幅が以下(iPad)の場合のスタイル    */
/* ========================================== */
@media screen and (max-width:1024px){
	/* テーブルの各テキストの行間を広く */
	table {
		line-height: 1.4;
	}
	/* サイドメニューの幅を狭く */
	ul#o1_LANSA_25773 {
		width: 130px;
        /*font-size: 1.15vw !important;*/
	}
}

/* iPadより小さい端末のみ適用 */
@media screen and (max-device-width:900px){
/* @media screen and (max-width:1024px){ */
	/* Android chromeでフォントサイズ自動調整を抑止する */
	html * {
	}
	/* iPhone safariでフォントサイズ自動調整を抑止する */
	body, table, strong, input, select, textarea, button
	, div.fd_contents_div > h1
	, .fd_header_top
	, div.desctitle
	/* , th.TOPMENUBAR */
	{
		-webkit-text-size-adjust: 100%;
		font-size: 14pt;
		line-height: 1.8;
	}
  th.TOPMENUBAR{
    -webkit-text-size-adjust: 100%;
		line-height: 1.8;
  }
	td#fd_sidemenu {
		font-size: 11pt;
	}

	input[type="radio"] , input[type="checkbox"] {
 		transform: scale(1.5);
		margin: 4px 10px;
		vertical-align: middle;
	}
	/* パスワード再発行 本人確認情報入力画面 */
	.loginTable_reissue {
		width: 650px;
	}
	/* パスワード再発行 パスワード再発行画面 */
	.loginTable_regpass {
		width: 650px;
	}
	.loginTable_regpass tbody td:nth-of-type(1) {
		width: 200px;
	}
	/* 注文履歴 リストのボタンはサイズ変更しない */
	#fd_order_history_grid .fd_button
	, #fd_order_history_grid .fd_button_mouseover {
		font-size: 11pt;
	}

	/* 携帯サイト埋め込み画面の文字 */
	.fd_mobile_id_change_table
	, .fd_mobile_caution_note
	{
		/* font-size: 18pt; */
    /* レスポンシブ対応 */
    font-size: 12pt;
	}
  .fd_mobile_id_change_table > tbody > tr:nth-of-type(1){
    display: none;
  }
	a.fordays_std_menu, a.fordays_std_menu:hover, a.fordays_std_menu_selected
	{
		font-size: 14pt;
	}

}
/*=============================*/
/* 退会画面(WMTAIKAI)           */
/*=============================*/
/* margin、padding */
.fd_taikai_margin{
	padding:5px 10px 5px 10px;
	margin: 10pt;
	line-height:1.2em;

}
.fd_taikai_margin1{
	padding:20px 20px 20px 20px;
}
.fd_taikai_margin2{
	width: 80%; margin: 0 auto; text-align: left;"
}
/*中央寄せ*/
.fd_taikai_center{
	text-align: center;
}
/*左寄せ*/
.fd_taikai_left{
	text-align: left;
}
/*右寄せ*/
.fd_taikai_right{
	text-align: right;
}
/* 入力項目 */
.fd_taikai_textarea{
	border: 1px solid #c7dff4;
	scrollbar-DarkShadow-Color: #3a7bbb;
	scrollbar-3dLight-Color: #ffffff;
	scrollbar-arrow-color: #01478c;
	scrollbar-Base-Color: #c7dff4;
	scrollbar-Face-Color: #e2effa;
	scrollbar-Highlight-Color: #ffffff;
	scrollbar-Shadow-Color: #7db0e5;
	scrollbar-Track-Color: #d1d1d1;
	overflow: auto;
	width: 500px;
	height: 100px;
}
/* 表示項目 */
.fd_taikai_output{
	width: 100%;
	height: 100%;
	word-break:break-all;
	padding-bottom:50px;
}
/* 引落非表示 s*/
.fd_taikai_hidden{
	display: none;
}
/* リストの○ */
.fd_taikai_margin ul > li
{
/*	list-style: none;*/
	list-style-image: url(/images/ball_red.gif);
	margin-left: -10px;
	margin-bottom: 1em;
	padding-left: 15px;
}
.fd_taikai_button{
  max-width: 100%;
  white-space: normal;
  line-height: 1.5em;
}
/* ========================================== */
/* 名刺作成                                    */
/* ========================================== */
div.fd_meishi_houhou{
	line-height: 1.5em;
}
/*div.fd_meishi_houhou > ul {*/
div.fd_meishi_houhou >div> ul {
	list-style: none;
	margin-left:0px;
	padding:0px;
}
div.fd_meishi_houhou  >div> ul > li >span{
	font-size: 8pt;
}
.fd_meishi_button_div{
	text-align: center;
	margin-top: 3em;
	margin-bottom:2em;
	border:1px solid silver;
	padding-bottom:1em;
  padding: 1em;
}
.fd_meishi_description_div{
	margin:1em;
	text-decoration: underline;
}
.fd_meishi_button,.fd_meishi_button_mouseover{
	width:400px;
	height: 50px;
}

.fd_meishi_button,.fd_meishi_button_mouseover{
	width:400px;
	height: 50px;
}

/* ========================================== */
/* 登録情報変更(WMHENKOU)                      */
/* ========================================== */
.fd_henkou_ML10{
	margin-left: 10px;
}
.fd_henkou_ML20{
	margin-left: 20px;
}
.fd_henkou_ML30{
	margin-left: 30px;
}
.fd_henkou_MLR30{
  margin:1em 0.5em 1em 0.5em;
  line-height: 1.5em;
}
.fd_henkou_ML40{
	margin-left: 40px;
	display:inline-block;
}
.fd_henkou_ML60{
	margin-left: 60px;
	display:inline-block;
}
.fd_henkou_ML100{
	margin-left: 100px;
	display:inline-block;
}
.fd_henkou_TAL{
	text-align: left;
}
.fd_henkou_LH{
	line-height: 1.2em;
}
.fd_henkou_h60{
	height: 60px;
}
.fd_henkou_h120{
	height: 120px;
}
.fd_henkou_pd20{
	padding: 20px 20px 0px 20px;
}
.fd_henkou_red{
	color: red;
}
/* ========================================== */
/* 会員招待メール                             */
/* ========================================== */
/* 機能説明 */
.invml_head1 {
	padding-left: 10px;
}
/* 注意事項 */
.invml_head2 {
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* リストマーカー */
.invml_marker {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
  margin-left:1em;
}
.invml_marker:before {
	content: "";
	display: block;
	float: left;
	margin-left: -25px;
	width: 1em;
	text-align: center;
}
.invml_marker.circle_red:before {
    content: url(/images/ball_red.gif);
}


/* テーブル位置調整 */
table.invml_w250 > tbody > tr > th {
	width:230px;
}
table.invml_w250 > tbody > tr > td  {
  word-wrap: break-all;
}
@media screen and (max-width:1024px){
  table.invml_w250 > tbody > tr > th,
  table.invml_w250 > tbody > tr > td{
    display: block;
    width: 100%;
  }
}
fieldset#SEL_LANG_RADBUTTONGRP{
  margin-top: 0.5em;
  padding:0px;
}
#SEL_LANG2{margin-left: 2em;margin-top:0.3em;}
  #WK_MAIL{width:90%;}
.fd_sub_title{
	/* width:100%; */
	background-color:#eee;
	padding:8px;
	font-weight:nomal;
	margin-top:30px;
	border-left:5px solid green;

  /* font-weight: bold; */
}
/* 完了画面どりんぴん */
div.fd_thanks_drinpin_img > img{
  width:25%;
  }

/* タイムアウトリダイレクト画面 */
.fd_waitmsg {
  /* height:5em; */
  vertical-align: middle;
  margin:1em auto 0em auto;
  /* font-size:14pt; */
}
/* 社員メンテTOPボタン */
.fd_top_button{
  /* margin-left: 0.5em; */
  height: 100%;
  padding:10%;
  background-color: blue;
  color:white;
  font-weight: bold;
}
/* スマホ用ヘッダログアウトボタン */
/* .fd_logout_mobile{
  display: none;
} */
a.fd_logout_mobile{
    box-sizing: border-box;
    display: block;
    height:44px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    top: 7px;
    /* right: 4.5em; */
    right: 10.5em;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    border:1.5px solid white;
    border-radius: 0.5em;
    margin-right: 2em;
  }
  a.fd_kininf_mobile{
      box-sizing: border-box;
      display: block;
      height:44px;
      width: 60px;
      justify-content: center;
      align-items: center;
      position: absolute;
      cursor: pointer;
      top: 7px;
      right: 4.5em;
      text-decoration: none;
      text-align: center;
      line-height: 1em;
      border:1.5px solid white;
      border-radius: 0.5em;
      margin-right: 2em;
    }
/* @media screen and (max-width:1024px),
screen and (max-device-width:1024px)
{
a.fd_logout_mobile{
    box-sizing: border-box;
    display: block;
    height:44px;
    width: 60px;
    justify-content: center;
    align-items: center;
    position: absolute;
    cursor: pointer;
    top: 7px;
    right: 4.5em;
    text-decoration: none;
    text-align: center;
    line-height: 1em;
    border:1.5px solid white;
    border-radius: 0.5em;
    margin-right: 2em;
  }
} */
a.fd_logout_mobile > img,
a.fd_kininf_mobile > img{
  width:32%;
  margin-top: 5px;
}
a.fd_logout_mobile > div,
a.fd_kininf_mobile > div{
  font-size: 7pt;
  color:white;
  margin-top: 0em;
}

/* .fd_logout_mobile a:link {
  width:6em;
  color:white;
  text-decoration: none;
  background-color: #01642E;
  border:2px solid white;
  border-radius: 1em;
  padding:5px 10px 5px 10px;

} */
a.fd_logout_mobile:hover,
a.fd_kininf_mobile:hover {
  color:white;
  text-decoration: none;
  background-color: green;
  opacity: 50;
}
#o1_LANSA_29090 {
  display: none !important;
}
/* @media screen and (min-width:1025px){
  #o1_LANSA_29090 {
  	display: none !important;
	}
} */
@media screen and (max-width:1024px),
screen and (max-device-width:1024px){
  #o1_LANSA_32060 {
  	display: none !important;
	}
  #o1_LANSA_29090 {
  	display: inline !important;
	}
}
/* ページトップへ移動ボタン */
a#fd_goto_pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 20px;
	padding: 1em;
	background: gray;
	color: white;
	text-decoration: none;
	border-radius: 100%;
	opacity: 0.5;
  line-height: 1em;
}
/* ========================================== */
/* 社員ログイン                               */
/* ========================================== */
/* ログインボタン */
.fd_employee_login{
  padding: 1em 0;
}
/* ログアウトボタン */
.fd_employee_logout{
  border-left: 2px solid #01642E;
  width: 75px;
  text-align: right;
  padding-right: 1em;
}
/* fd_userinfoと合わせる */
.fd_employee_userinfo{
  padding-top:10px; /* レスポンシブ対応 */
  padding-right: 10px;
  padding-bottom: 2px;
  line-height: 1.1;
  text-align: right;
  vertical-align:bottom;
}
.fd_employee_logout img{
  border-style: none;
  width: 50px;
  height: 50px;
}

/* ========================================== */
/* QRログイン                                 */
/* ========================================== */
.loginBase img.fd_qrlogin{
  width: auto;
}

/* ========================================== */
/* LINEログイン                                 */
/* ========================================== */
fieldset.loginContents > legend{
  font-weight:bold;
  text-align: left;
}
/* ========================================== */
/* LINE連携済ページ                           */
/* ========================================== */
.fd_line_markup{
  margin:0 auto;
  /* border: 1px solid silver; */
  text-align: center;
  padding:2em;
  width:80%;
}
/* ========================================== */
/* パスワード表示切替                         */
/* ========================================== */
#passwordCheck1,#passwordCheck2 {
      cursor: pointer;
      opacity: 0;
      position: absolute;
      right: 0px;
      width: 30px;
      height: 30px;
      margin:0px;
}
.iconEye::after {
      background: url("/images/fordays/eye.png") no-repeat 96%;
      /* background-size: contain; */
      background-size:80%;
      content: '';
      display: block;
      width: 30px;
      height: 30px;
}
.fd_login_input {
      align-items: center;
      background: #fff;
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      padding: 0px 4px 0px 3px;
      position: relative;
      width: 13em;
      /* height: 46px; */
      height: 2em;
      border:1px solid silver;
      margin: auto;
}
@media screen and (max-device-width:1024px){
  .fd_login_input{
    height: 3em;
  }
}
.fd_login_input #MEMBERID
,.fd_login_input #FDQRMBID
,.fd_login_input #WK_PASSWO{
  width: 100%;
  border: none;
  background-color: white;
}
@media screen and (max-device-width:1024px){
  .fd_login_input #MEMBERID
  ,.fd_login_input #FDQRMBID
  ,.fd_login_input #WK_PASSWO{
    width: 90%;
  }
}
.fd_login_input #MEMBERID:focus
,.fd_login_input #FDQRMBID:focus
,.fd_login_input #WK_PASSWO:focus{
  outline: none;
  background-color: white;
}
.fd_login_input #MEMBERID:-webkit-autofill
,.fd_login_input #FDQRMBID:-webkit-autofill
,.fd_login_input #WK_PASSWO:-webkit-autofill{
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  /* box-shadow: 0 0 0px 1000px white inset; */
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
}
input::-ms-reveal{
  visibility:hidden;
}
.fd_line_warning{
  color:red;
  margin: 0px 4px;
  border:2px solid red;
}
.fd_line_warning legend{
  text-align: left;
  font-weight: bold;
}
.fd_line_warning ul{
  text-align: left;
  padding-left: 1em;
}

/* 削除確認popup */
/* #card_delete .ui-dialog .ui-dialog-title{
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
#card_delete .ui-draggable .ui-dialog-titlebar{
cursor: move;
}
#card_delete .ui-dialog .ui-dialog-buttonpane{
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
#card_delete .ui-button-text-only .ui-button-text{
padding: .4em 1em;
}
#card_delete .ui-button .ui-button-text{
display: block;
line-height: normal;
border-radius: 1em;
}
#card_delete .ui-state-default .ui-icon{
background-image: url(images/ui-icons_6da8d5_256x240.png);
}
#card_delete .ui-widget-header .ui-icon{
  background-image: url(images/ui-icons_6da8d5_256x240.png);
}
#card_delete .ui-icon,
#card_delete .ui-widget-content .ui-icon{
 background-image: url(images/ui-icons_469bdd_256x240.png);
}
#card_delete .ui-widget-header{
border: 1px solid #4297d7;
background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
color: #fff;
font-weight: bold;
}
#card_delete .ui-widget-content{
border: 1px solid #a6c9e2;
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222;
}
#card_delete .ui-state-default,
#card_delete .ui-widget-content .ui-state-default,
#card_delete .ui-widget-header .ui-state-default{
border: 1px solid #c5dbec;
background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #2e6e9e;
}
#card_delete .ui-widget-content{
border: 1px solid #a6c9e2;
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222;
} */

/* ---------------------------*/
/* 選択済み製品                */
/* ---------------------------*/
/* ※の注記 */
div.fd_contents_div > .fd_item_kome{
	margin-bottom: 4px;
}

/* ---------------------------*/
/* 製品換算数アイコン           */
/* ---------------------------*/
/* 換算数クラスによってスタイルを振り分ける */
/* 12品換算 */
.fd_item_1200:hover {
    border-color: rgb(249,166,2);
}
.fd_item_1200:before {
    background-color: rgb(249,166,2);
}
/* 6品換算 */
.fd_item_0600:hover {
    border-color: #6DBD24;
}
.fd_item_0600:before {
    background-color: #6DBD24;
}
/* 3品換算 */
.fd_item_0300:hover {
    border-color: #29B7D2;
}
.fd_item_0300:before {
    background-color: #29B7D2;
}
/* 1.5品換算 */
.fd_item_0150:hover {
    border-color: #0167BD;
}
.fd_item_0150:before {
    background-color: #0167BD;
}
/* 2つで1.5品換算 */
.fd_item_0075:hover {
    border-color: orangered;
}
.fd_item_0075:before {
    background-color: orangered;
}
/* 1品換算 */
.fd_item_0100:hover {
    border-color: hotpink;
}
.fd_item_0100:before {
    background-color: hotpink;
}
/* 0.5品換算 */
.fd_item_0050:hover {
    border-color: #F46B00;
}
.fd_item_0050:before {
    background-color: #F46B00;
}
/* カードにアイコンバッジ形式で換算数を表示 */
.card[data-badge-top-left]:before,
.card[data-badge-top-right]:before,
.card[data-badge-bottom-left]:before,
.card[data-badge-bottom-right]:before {
    display: inline-block;
    font-weight: bold;
    border-radius: 10px;
    color: white;
    font-size: 1em;
    line-height: 1;
    min-width: 1em;
    padding: 7px;
}

.card[data-badge-top-left]:before {
    top: 0;
    left: 0;
    content: attr(data-badge-top-left)"";
}

.card[data-badge-top-right]:before,
.card[data-badge-bottom-left]:before,
.card[data-badge-top-left]:before,
.card[data-badge-bottom-right]:before,
.card2[data-badge-top-right]:before,
.card2[data-badge-bottom-left]:before,
.card2[data-badge-top-left]:before,
.card2[data-badge-bottom-right]:before {
    display: inline-block;
    font-weight: bold;
    border-radius: 10px;
    color: white;
    font-size: 10pt;
    line-height: 1;
    min-width: 1em;
    padding: 7px;
}

.card[data-badge-top-left]:before,
.card2[data-badge-top-left]:before {
    top: 0;
    left: 0;
    content: attr(data-badge-top-left)"";
}

/* ---------------------------*/
/* 新フォーマット             */
/* ---------------------------*/
/* 緑線 */
.fd_table_greenborder{
	border-bottom: 2px #009933 solid;
	margin: 1.5em 4px 1em 4px !important;
	display: flex;
}

/* シルバー線 */
.fd_table_silverborder{
	border-bottom: 2px silver solid;
	margin-bottom: 1em;
}

/* 右寄せ */
.fd_table_right{
	text-align: right;
	flex: auto;
}

/* 緑線上の見出し */
.fd_table_header{
	text-align: left;
	flex: auto;
  font-weight: bold;
	font-size: large;
}

/* ID変更の枠線調整 */
#fd_table_changeid{
	padding: 4px;
  display: none;
}

/* --------------------------------------------------*/
/* 新テーブル    fd_contents_bodyのタグに付け加える   */
/* --------------------------------------------------*/
/* 枠線を引く場合 */
table.fd_contents_tablebody{
  border: 2px silver solid;
	border-radius: 0.25rem;
}
table.fd_contents_tablebody > tbody > tr > th
,table.fd_contents_tablebody > tbody > tr > td{
	display: flex;
	background: none;
	border: none;
	line-height: normal;
}
table.fd_contents_tablebody > tbody > tr > td{
	margin-bottom: 1em;;
}

/* シルバーの下線を引く場合 */
table.fd_contents_silverbody > tbody > tr > th
,table.fd_contents_silverbody > tbody > tr > td{
	display: flex;
	background: none;
	border: none;
	line-height: normal;
}
table.fd_contents_silverbody > tbody > tr > td{
	border-bottom: 2px silver solid;
	margin-bottom: 1em;;
}

/* ---------------------------*/
/* カテゴリー                 */
/* ---------------------------*/
.fd_buy_category,
.fd_buy_category2,
.fd_buy_category3{
	color: white;
	line-height: 2em;
	width: auto;
	max-width: 12em;
	margin: 0 auto;
}
/* 初回購入 */
.fd_buy_syokai{
	background-color: palevioletred;
}
/* 定期購入 */
.fd_buy_repeart{
	background-color: forestgreen;
}
/* 追加購入 */
.fd_buy_tuika{
	background-color: darkorange;
}
/* LD特典サンプル */
.fd_buy_ldsample{
	background-color: hotpink;
}
/* 会員特典サンプル */
.fd_buy_kaiinsample{
	background-color: mediumpurple;
}
/* 特別販売 */
.fd_buy_tokuhan{
	background-color: royalblue;
}
.fd_buy_repeaterpresent{
	background-color: crimson;
}
.fd_buy_gift{
	background-color: peru;
}
/*満了プレゼント*/
.fd_buy_cardpresent{
	background-color: lightseagreen;
}

@media screen and (max-width: 768px), screen and (max-device-width: 768px){
	.fd_buy_category,
	.fd_buy_category2{
		min-width: 6.5em;
		font-size: smaller;
	}
}
/* 全注文埋め込み用 */
@media screen and (max-width: 768px), screen and (max-device-width: 768px){
	.fd_buy_category3{
		min-width: 7em;
		font-weight: smaller;
	}
}

/* ---------------------------*/
/* クレジット選択・登録       */
/* ---------------------------*/
.fd_credit_name{
  display: inline-block;
  margin-top: 0em;
}
#holderfirstname,#holderlastname{
  margin-top: 0.5em;
}
.fd_credit_seccomment{
  display: flex;
  line-height: 1.5em;
}
.fd_credit_seccomment > div{
  padding:0px 4px;
}
.fd_credit_okcard{
  margin: 1em 0em;
  padding:0px 4px;
}
.fd_credit_okcard img{
  width:25%;
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px){
  .fd_credit_seccomment{
    flex-direction: column;
  }
  .fd_credit_okcard img{
    /* width:60%; */
	width: 12em;
  }
  .fd_credit_newcardtable > tbody > tr > th{
    display: block !important;
  }
}

/* JCB対応 START */
/* カードブランド選択 */
.fd_credit_selbrand{
	display: flex;
}

.fd_credit_selbrand > div{
	display: flex;
	border: 1px solid silver;
	margin: 1em 0.5em;
	padding: 0.5em;
	width: 15em;
	cursor: pointer;
	justify-content: center;
}

.fd_credit_selbrand > div > img{
	width: 4em;
	border: 1px solid silver;
	margin: auto 0.25em;
}

.fd_credit_brandselect{
	background-color: #ffefd5;
}

/* JCB対応 END */

/* ---------------------------*/
/* ログインバナー              */
/* ---------------------------*/
.slider {
  margin: 0 auto;
  max-width: 600px;
  /* max-height: 200px; */

}
.slider img {
  width: 100%;
  height: 150px;
  /* object-fit: cover; */
}
.slick-prev:before, .slick-next:before{
  color:black !important;
}
.slick-next{
  right: 0px !important;
  z-index: 2;
}
.slick-prev{
  left: 2px  !important;
  z-index: 2;
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}
.slick-dotted.slick-slider{
  margin-bottom:0px !important;
}
.slick-dots > li:first-child:last-child {
    display: none;
}
.section{
  font-size:0pt;
}
@media screen and (max-width: 1024px){
  .section{
    font-size:2pt;
  }
}
/* swiper */
.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  padding: 0 15px;
}
.fd_slider{
  margin: 0 auto;
  /* background-color: red; */
  /* max-width:600px !important; */
  text-align: center;
}
@media screen and (max-width: 1024px){
  .fd_slider{
    margin-top: 1em;
    width:90%;
  }
}

.swiper-button-next::after, .swiper-button-prev::after {
  content: none !important;
}
/* .swiper-slide{
  height: 200px !important;
}
@media screen and (max-width: 1024px){
  .swiper-slide{
    height: 150px !important;
  }
} */
.swiper-pagination-bullet {
  border-radius: 0 !important;
  margin: 0 5px!important;
  width: 55px !important;
  height: 6px !important;
  background: green !important;
  opacity: 0.19;
}
@media screen and (max-width: 1024px){
  .swiper-pagination-bullet{
    height: 12px !important;
  }
}



.swiper-pagination-bullet-active {
  background: green !important;
  opacity: 1;
}
/* .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:10px !important;
} */
@media screen and (max-width: 1024px){
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets{
  /* bottom:-10px !important; */
  /*bottom:-40px !important;*/
  /* margin-top: 20px; */
  position: static;
  }
}

/* -------------------------------- */
/* 会員ページのフッター追加対応     */
/* -------------------------------- */
/* フッターその① */
.footer {
	background: #eee;
	padding: 1em;
	position: sticky;
	top: 100vh;
}
.footer ul
{
	padding-inline-start:0;
}

.footer ul.sns_list
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;list-style-type: none;
	/*width: 11em;*/
	width: 13em;/*2025/04/25 追加*/
	margin: 0 auto;
}
.footer ul.sns_list a{
	color: #333;
	text-decoration: none;/*2025/04/25 追加*/
}
.footer ul.sns_list li.sns a i
{
	font-size: 1.37em;
	position: inherit;
	text-align: center;
	border: solid 0.01em #333;
	width: 1.8em;
	line-height: 1.8em;
	border-radius: 1em;
	
	padding: 0.4em;/*2025/04/25 追加*/

}

.footer_logo {
	width: 8.6em;
	margin: 0.68em auto 0;
	line-height: 1;
}

.footer_nav {
	max-width: 54.2em;
	margin: 0.7em auto 1.4em;
	text-align: center;
	line-height: 1.2;
}
.footer_nav > div:last-child {
	margin-top: 0.5em;
}
.footer_nav li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 1em 0 0.6em;
	font-size: 0.8em;
}
.footer_nav li:not(:last-child):after {
	content: "";
    display: block;
    width: 0.1em;
    height: 1em;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #cecece;
}
.footer_nav li a {
	text-decoration: none;
	color: #333;
}
.footer_nav li a:hover {
	text-decoration: underline;
}

.footer_copyright {
	text-align: center;
	max-width: 54.2em;
	margin: 0 auto;
	font-size: 0.8em;
}

/*2025/04/25 フッター アプリアイコン追加対応*/
/*webフォントの設定*/
@font-face {
  font-family: 'icomoon';
  src:  url('/images/style/fonts/icomoon.eot?jd2qqs');
  src:  url('/images/style/fonts/icomoon.eot?jd2qqs#iefix') format('embedded-opentype'),
    url('/images/style/fonts/icomoon.ttf?jd2qqs') format('truetype'),
    url('/images/style/fonts/icomoon.woff?jd2qqs') format('woff'),
    url('/images/style/fonts/icomoon.svg?jd2qqs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-app-fd:before {
  content: "\e901";
}
.icon-youtube:before {
  content: "\e916";
}



/* -------------------------------- */
/* 選択済み製品一覧                  */
/* -------------------------------- */
.fd_itemdsp_wrapper > div{
	border: 1px silver solid;
	border-bottom: 0px;
	border-radius: 0.25rem;
}
div.fd_itemdsp_itemlist{
	border-bottom: 1px silver solid;
	padding: 1em 0.5em;
}
div.fd_itemdsp_itemlist > div{
	display: inline-block;
	vertical-align: middle;
}
div.fd_itemdsp_itemlist > div:nth-child(1){
	width: 30%;
	text-align: center;
}
div.fd_itemdsp_itemlist > div:nth-child(2){
	width: 70%;
}
/* 製品名 */
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_itemname{
	font-size: large;
	font-weight: bold;
	padding-bottom: 0.5em;
	padding-top: 2em;
}
div.fd_itemdsp_quantity{
	width: 15em;
	line-height: 2;
	margin-left: auto;
	display: flex;
}
/* 製造番号の行 */
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_idline > div:nth-child(1){
  display: flex;
	margin-bottom: 1em;
}
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_idline > div:nth-child(2){
	display: block;
	margin-bottom: 1em;
}
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_idline > div > div:nth-child(1){
	display: flex;
}
/* 製造番号 */
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_idline > div > div.fd_itemdsp_seihinno{
  width: 5em;
	font-weight: bold;
}
div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_idline > div > div.fd_itemdsp_itemid{
	font-weight: bold;
	margin-right: auto;
}
/* 換算数 */
.fd_itemdsp_kansan{
	margin-left: auto;
	text-align: right;
}
/* 数量 */
div.fd_itemdsp_itemlist table span.std_dropdown{
	border: none;
}
/* 数量・換算数合計 */
div.fd_itemdsp_itemlist table{
	margin-left: inherit;
	line-height: 2;
}
div.fd_itemdsp_itemlist table > tbody > tr > td:nth-child(1){
	/* padding-right: 10em; */
	font-weight: bold;
	width: 11em;
}
div.fd_itemdsp_itemlist table > tbody > tr > td:nth-child(2){
	text-align: right;
	width: 10em;
}

@media screen and (max-device-width:768px){

	div.fd_itemdsp_quantity{
		margin-left: auto;
		width: 14em;
	}
	.fd_itemdsp_wrapper > div{
		border: none;
	}
	div.fd_itemdsp_itemlist{
		display: flex;
		border: 1px silver solid;
		border-radius: 0.25rem;
		margin: 0.5em 0;
	}
	/* div.fd_itemdsp_itemlist > div{
		display: block;
	} */
	div.fd_itemdsp_itemlist > div:nth-child(1){
		width: 50%;
		margin: auto 0.5em auto 0;
	}
	div.fd_itemdsp_itemlist > div:nth-child(2){
		width: 100%;
		margin: auto 0;
	}
	div.fd_itemdsp_itemlist > div > img{
		width: 100%;
		height: 50%!important;
		max-width: 10em;
		max-height: 10em;
	}
	div.fd_itemdsp_itemlist > div:nth-child(1) > div{
		margin-bottom: 1em;
	}
	div.fd_itemdsp_itemlist > div:nth-child(2) > .fd_itemdsp_itemname{
		font-size: large;
		font-weight: bold;
		padding-bottom: 0.5em;
		padding-top: 0;
	}
	div.fd_itemdsp_itemlist table{
		line-height: normal;
	}
	div.fd_itemdsp_itemlist table > tbody > tr > td:nth-child(1)
	,div.fd_itemdsp_itemlist table > tbody > tr > td:nth-child(2){
		padding-right: 0;
		width: auto;
	}
}
@media screen and (max-device-width:768px){
	.fd_itemdsp_wrapper > div{
		border: none;
	}
	/* div.fd_itemdsp_quantity{
		width: 40%;
		min-width: 15em;
		margin-left: auto;
	} */
	/* div.fd_itemdsp_itemlist > div:nth-child(2){
		margin-top: 1em;
	} */
}

/* -------------------------------- */
/* 小計                             */
/* -------------------------------- */
.fd_syoukei_table{
	margin-top: 1em;
	padding: 0 4px;
	width: fit-content;
	margin-left: auto;
}
.fd_syoukei_table > table{
	border-spacing: 0;
  font-size: 16px;
}
.fd_syoukei_table > table > tbody > tr > td{
	border-bottom: 1px solid silver;
	text-align: right;
	padding-top: 0.5em;
	font-weight: bold;
}
.fd_syoukei_table > table > tbody > tr > td:nth-child(2){
	padding-left: 1em;
}
.fd_syoukei_table > table > tbody > tr.fd_syoukei_total{
	background: lightyellow;
}
/* -------------------------------- */
/* メンテナンスメッセージ           */
/* -------------------------------- */
.fd_maintenance_msg {
	background-color:pink;
	padding:0.5em;
	margin:1em 4px;
	border:2px solid #990000;
	line-height:1.5em;
	text-align:left;
}

.fd_maintenance_align{
	text-align: center;
}
@media screen and (max-device-width:768px){
	.fd_maintenance_align{
		text-align: inherit;
    	margin: 0px 4px;
	}
}
/* --------------------------------- */
/* 会員登録招待メール_テキストエリア */
/* --------------------------------- */
#o1_LANSA_12869 {
	/*resize: vertical;*/
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	resize: none;
}
/* --------------------------------- */
/* 受注後送メッセージ                */
/* --------------------------------- */
.fd_msg_juchu_kousou {
	color: red;
	text-decoration:underline;
}
/* JPN */
.fd_sinagire_kousou {
	position: relative;
}
.fd_sinagire_kousou::before {
	/*content: "品切れ中・入荷次第お届け";*/
	content: "入荷待ち・入荷次第お届け";
	/* content: "\54C1\5207\308C\4E2D\30FB\5165\8377\6B21\7B2C\304A\5C4A\3051"; */
	color: red;
	background-color: white;
	position: absolute;
	padding: 0.5em;
	border: solid 1px red;
	font-size: smaller;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 98%;
	top: 130px;
}
/* ENG */
.fd_sinagire_kousou_eng {
	position: relative;
}
.fd_sinagire_kousou_eng::before {
	/*content: "Out of stock/Deliver as soon as item is restocked";*/
	content: "Backordered/Deliver as soon as item is restocked";
	/* content: "\004f\0075\0074\0020\006f\0066\0020\0073\0074\006f\0063\006b\002f\0044\0065\006c\0069\0076\0065\0072\0020\0061\0073\0020\0073\006f\006f\006e\0020\0061\0073\0020\0069\0074\0065\006d\0020\0069\0073\0020\0072\0065\0073\0074\006f\0063\006b\0065\0064"; */
	color: red;
	background-color: white;
	position: absolute;
	padding: 0.5em;
	border: solid 1px red;
	font-size: smaller;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 98%;
	top: 130px;
}
/* --------------------------------- */
/* 受注停止メッセージ                */
/* --------------------------------- */
.fd_msg_juchu_teishi {
	color: red;
	text-decoration:underline;
}
/* JPN */
.fd_sinagire_teishi {
	position: relative;
}
.fd_sinagire_teishi::before {
	content:"品切れ中・受付停止";
	/* content:"\54C1\5207\308C\4E2D\30FB\53D7\4ED8\505C\6B62"; */
	color: red;
	background-color: white;
	position: absolute;
	padding: 0.5em;
	border: solid 1px red;
	font-size: smaller;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 98%;
	top: 130px;
}
/* ENG */
.fd_sinagire_teishi_eng {
	position: relative;
}
.fd_sinagire_teishi_eng::before {
	content:"Out of stock/Item not available";
	/* content:"\004f\0075\0074\0020\006f\0066\0020\0073\0074\006f\0063\006b\002f\0049\0074\0065\006d\0020\006e\006f\0074\0020\0061\0076\0061\0069\006c\0061\0062\006c\0065"; */
	color: red;
	background-color: white;
	position: absolute;
	padding: 0.5em;
	border: solid 1px red;
	font-size: smaller;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 98%;
	top: 130px;
}
/* --------------------------------- */
/* 品切れメッセージ                  */
/* --------------------------------- */
.fd_sinagire_msg {
	text-align: center;
}
.fd_sinagire_msg > div {
	text-align: left;
    margin: 5px auto;
    width: 680px;
    padding: 5px;
    border: 1px solid #FF82B2;
    background-color: #FFBEDA;
    color: black;
    list-style-type: none;
}
/*.fd_sinagire_msg > div > div {
	text-align: center;
}*/
.fd_sinagire_msg_list {
	display: flex;
	padding-left: 0px;
}
.fd_msgid1 {
    font-size: 11pt!important;
}
.fd_message {
    font-size: 11pt!important;
}
@media screen and (max-width: 1024px)
, screen and (max-device-width: 1024px){
	.fd_sinagire_msg > div {
		width: 95%;
	}
}

/* --------------------------------- */
/* 処理中レイアウト                  */
/* --------------------------------- */



.fd_loader_font{
	margin: 10px 20px;
	font-size: 15pt;
	line-height: 1.5;
}

#fd_loader {
    margin-top: 10px;
    margin-bottom: 10px;
	fill: none;
	stroke: orange;
	stroke-width: 7;
	stroke-linecap: round;
	stroke-dasharray: 230 230;
	animation: loader 2s infinite cubic-bezier(.4,0,.3,1), loading 2s infinite linear;
	vertical-align: middle;
}

@keyframes loader {
	from { stroke-dashoffset: 230; }
	to { stroke-dashoffset: -230; }
}
@keyframes loading {
	from { transform: none; }
	to { transform: rotate(360deg); }
}

/* --------------------------------- */
/* 資料テーブルレイアウト            */
/* --------------------------------- */
.fd_document_table{
	width: 100%;
	padding: 2px;
}
.fd_document_table > thead > tr > th{
	border:1px solid silver;
	background-color: #ffc086;
	padding:1em;
}
table.fd_document_table > tbody > tr:hover
,table.fd_document_table > tbody > tr:focus{
	background-color: #dfd;
}
.fd_document_table > tbody > tr:nth-child(even){
	background-color: #eee;
}

.fd_document_table > tbody > tr > td{
	border:1px solid silver;
}
.fd_document_table > tbody > tr > td:nth-child(1){
	/*padding-left:5px;*/
	height: 3em;
}
.fd_document_table > tbody > tr > td:nth-child(2),
.fd_document_table> tbody > tr > td:nth-child(3){
	text-align: center;
	padding: 1em;
	width:20%;
}
.fd_document_table > tbody > tr > td:nth-child(1) > span > a{
	display: flex;
    padding-left: 5px;
    height: 3em;
    align-items: center;
}
.fd_dlicon_single{
	width:40%;
	max-width: 4em;
}
.fd_dlicon{
	width:40%;
	min-width: 3em;
}

@media screen and (max-width: 1024px){
.fd_document_hidden{
	display: none;
}
}

/* --------------------------------- */
/* 郵便番号長さ調整                    */
/* --------------------------------- */
#FDAD3PST,
#INPAPST1,#WK_SPOST1{
  width: 3.5em;
}
#FDAD4PST,
#INPAPST2,#WK_SPOST2{
  width: 4em;
}

/* Firefox(増減ボタン表示されるため調整) */
input[type="number"] {
	-moz-appearance: textfield;
}

/* --------------------------------- */
/* トライアルショップ                  */
/* --------------------------------- */
.fd_trial_link{
	line-height: 1.5;
}

/* --------------------------------- */
/* オートシップ変更中継画面          */
/* --------------------------------- */
.fd_relay_modal{
	background-color: white;
    padding: 1em 4px;
    height: 100%;
    /*width: 748px;*/
    max-width: 800px !important;
    z-index: 0;
    border-radius: 0.5em;
    overflow: auto;
    margin: auto;
}

.fd_relay_close{
	text-align: right;
    margin-right: 4px;
    margin-bottom: 0.5em;
}

.fd_relay_layout{
	display: flex;
	justify-content: center;
}

.fd_relay_layout > div >a{
	/*text-align: center;
    border: 1px solid silver;
    border-radius: 20px;*/
    display: flex;
    /*padding: 1em;*/
    margin: 2em;
    /*cursor: pointer;*/
}

.fd_relay_layout input{
	height: 4em;
	font-size: 16pt;
}

/*.fd_relay_layout > div >a:hover{
	background-color: mistyrose;
}*/

.fd_relay_layout > div >a >div>img{
	height: 125px;
    margin: 0.5em 0;
}

@media screen and (max-width: 1024px){
	.fd_relay_modal{
		width: 85vw;
	}
	
	.fd_relay_layout > div >a >div>img{
		width: 120px;
        height: 75px;
	}
	.fd_relay_layout > div >a{
	    margin: 0.7em;
	    padding: unset;
	}
	.fd_relay_layout input{
		min-width: auto;
    	width: 35vw;
	}

}

/* --------------------------------- */
/* ページング                         */
/* --------------------------------- */
/* リストナビゲーション */
div.fd_item_navigation {
    min-height: 40px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 4px;
}

/* Paging */
.pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin: auto;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd;
}

.page-item a{
	text-decoration:none;
	color: seagreen;

}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  /* color: #007bff; */
  color:black;
  background-color: #fff;
  border: 1px solid #ddd;
  text-decoration: none;
}

.page-link:focus, .page-link:hover {
  /* color: #0056b3; */
  /* color:rgb(249,166,2);  */
  color: #5F021F;
  /* color:red; */
  color: .page-link:focus, .page-link:hover
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #ddd;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

/* ページ変更 */
@media screen and (max-device-width: 1024px){
  div.fd_item_navigation{
    flex-direction: column;
  }
}

@media screen and (max-device-width: 1024px){
  div.fd_item_navigation{
    padding: 0;
  }
}

/* ページボタン */
ul.pagination > li.fd_item_pageshort{
  display: none;
}

@media screen and (max-device-width: 1024px){
  ul.pagination > li.fd_item_pagelong {
    display: none;
  }
  ul.pagination > li.fd_item_pageshort {
    display: inline;
  }
}

/* ページボタン間隔 */
@media screen and (max-device-width: 1024px){
  ul.pagination > li.fd_item_pagespace {
    padding-right: 1em;
  }
}


/* 新着情報アイコン */
/*table.fd_top_info > tbody > tr:hover, table.fd_top_info > tbody > tr:focus {
    background: #f1eff0;
    cursor: pointer;
}*/


.fd_info_icon{
	width: 90px;
    text-align: center;
	margin: 0 10px;
    padding: 0.3em 0.1em;
    color: #fff;
    border-radius: 0.25em;
    font-size: 14px;
}

.fd_info_icon_00{
    background-color: #2391D0;
    margin-left: unset;
}
.fd_info_icon_01{
    background-color: #28A580;
}
.fd_info_icon_02{
    background-color: #FC9B01;
}
.fd_info_icon_03{
    background-color: #CD2675;
}
.fd_info_icon_04{
    background-color: #363DA1;
}


.fd_info_color{
	background-color: #f1eff0
;
}
@media screen and (max-width:1024px){
 /*.fd_info_color{
	background-color: unset;
	}*/
	
	.fd_info_icon{
		/*font-size: 13px;*/
		padding: 0 0.1em;
	}
}