@charset "UTF-8";

html,
body,
button,
input,
select,
textarea {
  font-family: 'Noto Sans JP', "メイリオ", "Meiryo", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

html {
  overflow-y: scroll;
  font-size: 10px;
}

body {
  color: #333;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-x: visible;
  -webkit-text-size-adjust: none;
}

input::-ms-clear, input::-ms-reveal {
  display: none;
}

/* =========================================================
 目次
    1.基本エレメント
        a.基礎エレメント
        b.見出し要素
        c.文字強調
        d.リンク
    2.リスト
    3.箇条書きエレメント
    4.テーブル
    5.フォーム
    6.ボタン
    7.ページング
    8.必須・任意マーク
    9.JS付与系
    10.accordion
    11.Tabボタン
    12.slider
    13.お問い合わせ
    14.iframe
============================================================

/* =========================================================
 基本エレメント
========================================================= */
/* 基礎エレメント
--------------------------------------------------------- */
#view1,
#view3 {
  display: none;
}

#view1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
}
#view1 .header {
  background: #000;
}

#view3 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 62px;
}
#view3 .header {
  background: #000;
}

.container_search {
  overflow: hidden;
  background-color: #000;
}

.container {
  margin: 0 auto;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.contents {
  margin: 0;
  padding: 0;
  /* min-height: calc(100vh - 175px); */
}

/*別ウインドウコンテンツ開始位置調整*/
body > #Center{
  margin-top: 80px;
}


.container_menu {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden;
  background-color: #000;
}

.contact {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.wrapper {
  overflow: hidden;
  margin: 0 32px;
  min-width: 960px;
  max-width: 1280px;
}


/* 基本エレメント
--------------------------------------------------------- */
span,p,div,h1,h2,h4,h5,h6{
  background-image: url(/common/dynamic/memx/img/sp/space.png);
}
/* ----- 段落 ----- */
p {
  margin: 0 0 10px;
  line-height: 1.3em;
}
p:last-child{
  margin-bottom: 0;
}
.contact p.white_error_header_area {
  line-height: 1.3em;
}

/* ----- 見出し要素 ----- */
h1 {
  font-size: 2.4rem;
  line-height: 1.417;
  padding: 30px 10px;
  background-color: #e9f4f2;
  min-width: 0;
  font-weight: bold;
  margin: 0 calc(((100vw - 100%) / 2) * -1) 10px;
  text-align: center;
}
.dijitDialog .contact h1 {
  margin: 0 -18px 10px;
}


h2{
  font-size: 2.5rem;
  padding-bottom: 12px;
  line-height: 1.393;
  border-top: 1px solid #CCC;
  margin: 30px 0 10px;
  font-weight: normal;
}

h2::before{
  content:"";
  display: block;
  width:65px;
  margin-bottom: 16px;
  border-bottom: 4px solid #1A4832;
}

h3 {
  font-size: 2.2rem;
  color: #005135;
  padding: 10px 0 10px 20px;
  font-weight: bold;
  margin: 20px 0px 10px;
  overflow: hidden;
  position: relative;
  line-height: 1.409;
}

h3::before{
  position: absolute;
  content: "";
  border-left: 4px solid #1A4832;
  height:calc(100% - 6px);
  left:0;
  top:50%;
  transform: translateY(-50%);
}

h4{
  font-size:1.8rem;
  font-weight: bold;
  color: #1A4832;
  line-height: 1.389;
  margin-bottom:10px;
}

h5{
  font-size: 1.6rem;
  font-weight: bold;
  color: #1A4832;
  line-height:1.375;
  margin-bottom: 10px;
}

h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  margin-bottom: 10px;
}


/* ----- 文字強調（spanが使えない場合） ----- */
em {
  font-style: normal;
}

/* ----- リンク ----- */
a[href^="tel:"] {
  color: inherit;
  cursor: default;
  text-decoration: none
}

a:hover {
    opacity: 0.5;
}
a:visited, a:link {
    color: #117766;
}

div.normal_link_icon a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}
div.normal_link_icon a:before{
  content: "";
  display: inline;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 6px solid #551a8b;
  height: 0;
  width: 0;
  z-index: 100;
  font-size: 0;
  position: absolute;
  top:6px;
  left: 0px;
}

div.no_link_icon a {
  padding: 0;
  background: none;
  color: #456e8c;
  text-decoration: underline;
  line-height: 1.4;
}
div.anchor_return_link a {
  padding: 0 0 0 20px;
  background: url("../../img/anchor_icon_return.png") no-repeat;
  background-position: 0 0;
  background-size: 13px;
  color: #456e8c;
  text-decoration: underline;
  line-height: 1.4;
}

.blankLink{
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/static/responsive/img/mem/icon_popup.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  margin-left: 6px;
}

.blankLinkBtn span{
  padding: 0 !important;
}
.blankLinkBtn .blankLink{
  position: relative !important;
  display: inline-block;
  text-indent: 0em;
  padding: 0;
}
.blankLinkBtn .blankLink:before {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
  content: "";
  width: 10px;
  height: 8px;
  border: /*rgb(187, 221, 33)*/#fff solid 1px;
  background-color: #003e28;
}
.blankLinkBtn .blankLink:after {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -10px;
  content: "";
  width: 10px;
  height: 8px;
  border: /*rgb(187, 221, 33)*/#fff solid 1px;
  background-color: #003e28;
}
/* ----- アンカーリンク ----- */
div.anchor_link a {
  padding: 2px 0px 5px 15px;
  background: url("/common/dynamic/memx/img/sp/common_img_ancLinkArrow02.png") no-repeat 0px 7px;
  color: #456e8c;
  text-decoration: underline;
  line-height: 20px;
  display: inline-block;
}

.anchor_label a{
  color: #0c1e89;
  text-decoration: none;
  padding: 10px 10px 10px 30px;
  background: #ebeeff;
  margin-right: 1px;
  position: relative;
  border-bottom: 1px solid #FFF;
  display: block;
}
.anchor_label a:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: #0C1E89 solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}
.anchor_label a:after{
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: #ebeeff solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}
/* ----- アイコンなし ----- */
/* ----- アンカーリンク(上) ----- */
/* ----- 黒文字リンク ----- */
.font_unvisible_link {
  text-decoration: none;
  color: #000;
  display: block;
}

/* ----- テキストリンク ------ */
.smallArrowLink li a:hover,
.arrow_link li a:hover {
  opacity: 0.5;
}

.smallArrowLink a,
a.arrow_link,
ul.smallArrowList li {
  display: inline-block;
  position: relative;
  padding-left:18px;
  line-height: 1.5;
}

.smallArrowLink a:before,
a.arrow_link:before,
.smallArrowList li:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/static/responsive/img/mem/icon_right_chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
  position: absolute;
  left: 0;
  top: 6px;
}

.text_arrow_link_h1 {
  padding: 0px 0px 5px 15px;
  background: url("/common/dynamic/memx/img/icon_arrow_03_right.png") no-repeat 0px 4px;
  color: #551a8b;
  display: flex;
  float: right;
  margin-top: 10px;
}

.text_link_h1 {
    font-size: 11px;
    font-weight: normal;
    position: relative;
    right: 3px;
    bottom: 5px;
}

/* M-FL-4  下矢印 */
.arrowDown{
  min-width: 20px;
  min-height: 15px;
  position: relative;
}

.arrowDown:after{
  content: "";
  position: absolute;
  background-image: url(/static/responsive/img/mem/icon_step_down.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
  display: block;
}

/* リスト
--------------------------------------------------------- */
.contact ul {
  list-style: none;
}

ul li {
  margin: 0;
  padding: 0;
}
ul li a {
  margin: 0;
  padding: 0;
}

li.list_child_fl,
.list_fl_child {
  float: left;
  margin: 0 10px 5px 0;
}

div.list_child_fl{
  margin-bottom: 5px;
}

/* 箇条書きリストエレメント
--------------------------------------------------------- */
ul.notes_list,
ul.list{
  padding-left: 20px;
}
ul.notes_list{
  color: #666;
}
ul.numList{
  padding-left: 15px;
}

label + ul.notes_list,
table + ul.notes_list,
label + ul.list,
table + ul.list,
p + ul.notes_list,
div + ul.notes_list,
p + ul.list,
div + ul.list{
  margin-top: 5px;
}

ul.notes_list li:not(:empty),
ul.list li:not(:empty){
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}
ul.notes_list li{
  font-size: 86%;
}
ul.notes_list.normal_size li, 
ul.notes_list.font_n li{
  font-size: 14px;
}
ul.notes_list li:not(:empty),
ul.list li:not(:empty){
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}
ul.notes_list li{
  font-size: 86%;
}
ul.notes_list.font_n li{
  font-size: 14px;
}
ul.numList li{
  position: relative;
  display: block;
  padding: 0 0 0 10px;
  margin-bottom: 5px;
  line-height: 1.2;
  text-indent: -1em;
}
ul.notes_list li .list li{
  font-size: 100%;
  margin-top: 5px;
}

ul.notes_list li div,
ul.notes_list li p{
  display: inline;
}

ul.notes_list li:not(:empty):before {
  position: absolute;
  top: 0;
  left: -1.5em;
  content: "※";
}
ul.notes_list li ul.smallArrowLink li{
  padding: 0 0 0 13px;
  font-size: 100%;
  text-indent: 0em;
}
ul.notes_list li ul.smallArrowLink li:before {
  position: relative;
  top: 0;
  left: 0;
  content: "";
}
ul.list li:not(:empty):before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -20px;
  background: #C3D600;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

ul.numList li .num {
  position: relative;
  top: 0;
  left: -0.5em;
}

/* *など記号1文字 */
ul.list_type2{
  padding-left: 0px;
  color: #666;
}
ul.list_type2 li {
  position: relative;
  display: block;
  padding: 0 0 0 20px;
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 86%;
}
ul.list_type2 li span:first-child{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
/*（*1）などの場合*/
ul.list_type3{
  padding-left: 36px;
}
ul.list_type3 li {
  position: relative;
  font-size: 86%;
  color: #666;
}
ul.list_type3 li span:first-child{
  position: absolute;
  top: 0;
  left: -40px;
}
/*（注1）などの場合*/
ul.list_type4{
  padding-left: 40px;
}
ul.list_type4 li {
  position: relative;
  font-size: 86%;
  color: #666;
}
ul.list_type4 li span:first-child{
  position: absolute;
  top: 0;
  left: -43px;
}
/*（1）などの場合*/
ul.list_type5{
  padding-left: 26px;
}
ul.list_type5 li {
  position: relative;
  font-size: 86%;
  color: #666;
}
ul.list_type5 li span:first-child{
  position: absolute;
  top: 0;
  left: -29px;
}

/* 1.などの場合 */
ul.list_type6{
  padding-left: 20px;
}
ul.list_type6 li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}
ul.list_type6 li span:first-child{
  position: absolute;
  top: 0;
  left: -1.3em;
}


ul.error_header_list li {
  display: block;
  position: relative;
  padding: 0 0 0 2em;
}
ul.error_header_list li span {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/sp/exclamation_icon.png") no-repeat;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
.infoList {
  padding:5px 10px;
}
.infoList:nth-of-type(2n){
  background-color: #f8f9ec;
}

/* ----- 注釈と中黒を組み合わせるの場合 ----- */
ul.notes_list li.noSign span.sign{
    margin-left: -6px;
    padding-right: 5px;
}

ul.notes_list > li.noSign:before{
  content: "";
  top: 0;
  left: 0;
}

/* ----- 注釈以外のの場合 ----- */
.notes_list.font_n li,
.list_type2.font_n li,
.list_type3.font_n li,
.list_type4.font_n li,
.list_type5.font_n li{
  font-size: 14px;
  color: #000000;
}
.notes_list.font_n li .notes_list li{
  color: #666;
  font-size: 86%;
}

/* ----- リストマークが“※n：”の場合 ----- */
/* ----- リストマークが“（*n）”もしくは"（注n）"の場合 ----- */
/* テーブル
--------------------------------------------------------- */
.contact table {
  width: 100%;
}

table {
  border-collapse: collapse;
  font-size: 14px;
}
table.font_size10px{
  font-size: 10px;
}
table.font_size10px .font_n_bold{
  font-size: 10px;
}
table.font_size13px{
  font-size: 13px;
}
table.font_size13px .font_n_bold{
  font-size: 13px;
}

/* ----- 見出しセル（th） ----- */
.contact th {
  padding: 10px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  background-color: #f5f5f5;
  vertical-align: middle;
  text-align: left;
  line-height: 130%;
}
.contact table.font_size10px th {
  padding: 8px 5px;
}
.contact table.font_size13px th {
  padding: 8px 2px;
}
.contact table.meisaiTable th {
  padding: 8px 1px !important;
}

.contact th.font_n_bold,
.contact th .font_n_bold{
    -webkit-text-stroke: 0px;
    font-weight: bold;
}

/* ----- 幅指定 ----- */
.form_default_table th {
  width: 33%;
}

.form_2column_table th {
  width: 50%;
}

/* ----- データセル（td） ----- */
.contact td {
  padding: 10px;
  background-color: #fff;
}
.contact table.font_size10px td {
  padding: 8px 5px;
}
.contact table.font_size13px td {
  padding: 8px 3px;
}
.contact table.meisaiTable td{
  padding: 8px 2px !important;
}
/* ----- validate ----- */
td.onthe_error {
  overflow-x: hidden;
}

.contact table tr.validate_error_line td {
  padding: 0 0 0 10px;
  background-color: #f1e7a6;
}
.contact table tr.validate_error_parents td,
.contact table tr.validate_error_parents th {
  background-color: #f1e7a6 !important;
}
.contact table tr.validate_error_parents td {
  background-color: #f1e7a6;
}

/* ----- form validate ----- */
.error_text {
  position: relative;
  color: #DD3300;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 26px;
  margin: 6px 0 6px 15px;
}

.error_text::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/static/responsive/img/mem/icon_caution.svg) no-repeat;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
}

/* table装飾
--------------------------------------------------------- */
.contact th.table_level1,
.contact td.table_level1 {
  text-align: center;
  background-color: #f8f9ec;
  font-weight: bold;
}
.contact th.table_level2,
.contact td.table_level2 {
  text-align: center;
  font-weight: bold;
}
.contact th.table_level3,
.contact td.table_level3 {
  color: #fff;
  text-align: center;
  background-color: #8cbe56;
  font-weight: bold;
}

table.border_l3 {
  border: 3px solid #d6d6d6;
}

.border_td_l1 td {
  border: 1px solid #d6d6d6;
}

.contact .border_in th,
.contact .border_in td {
  border: 1px solid #d6d6d6;
}
.contact td.border_l3_b,
.contact th.border_l3_b {
  border-bottom: 3px solid #d6d6d6;
}
.contact td.border_l3_t,
.contact th.border_l3_t {
  border-top: 3px solid #d6d6d6;
}

.form_fix_table_th_l {
  border: 1px solid #d6d6d6;
  width: 100%;
}
.form_fix_table_th_l th {
  padding: 5px;
  background: #f5f5f5;
  text-align: left !important;
}
.form_fix_table_th_l td {
  padding: 5px;
}

table td.td_size_w40,
table th.th_size_w40 {
  width: 40%;
}
table td.td_size_w20,
table th.th_size_w20 {
  width: 20%;
}

.contact th.border_rm_t,
.contact td.border_rm_t {
  border-top: 1px solid transparent;
}

li.border_rm_t {
  border-top: 1px solid transparent;
}

.contact th.border_rm_b,
.contact td.border_rm_b {
  border-bottom: 1px solid transparent;
}

li.border_rm_b {
  border-bottom: 1px solid transparent;
}

.contact th.border_rm_r,
.contact td.border_rm_r {
  border-right: 1px solid transparent;
}
.contact th.border_rm_l,
.contact td.border_rm_l {
  border-left: 1px solid transparent;
}
.contact table.td_color_white td {
  background-color: #FFF;
}
.contact th.border_add_t,
.contact td.border_add_t {
  border-top: 1px solid #d6d6d6;
}

li.border_add_t {
  border-top: 1px solid #d6d6d6;
}


/* ----- nest table ----- */
td.nest_table_no_border {
  padding: 0 !important;
}
td.nest_table_no_border table td {
  border: none !important;
}
td.nest_table_no_border table td.border_b_imp {
  border-bottom: 1px solid #d6d6d6 !important;
}
td.th_color {
  background-color: #F5F5F5;
}

.contact td.attention_strong_td {
  background-color: #fcfcdd;
}
.contact th.attention_strong_th {
  background-color: #f1e7a6;
}
.contact th.attention_dark_th {
  background-color: #7E7E7E;
}
.contact .rowspan_2 {
  position: relative;
  top: 1em;
}

/* ----- ポイントテーブル ----- */
table.point_table{
  border: #ddd 1px solid !important;
}

table.point_table th,
table.point_table td {
  border: none !important;
  border-top: #ddd 1px solid !important;
  border-left: #ddd 1px solid !important;
}
table.point_table tr.inner_row th:first-child {
  border: none !important;
  width: 5%;
}
table.point_table th.inner_b {
  border-bottom: none !important;
  width: 5%;
}
table.point_table th.inner_t {
  border-top: none !important;
  width: 5%;
}
table.point_table td {
  width: 40%;
}
table.point_table2{
  border: #ddd 1px solid !important;
}
table.point_table2 th,
table.point_table2 td {
  border: none !important;
  border-top: #ddd 1px solid !important;
  border-left: #ddd 1px solid !important;
}
table.point_table2 tr.inner_row th:first-child {
  border: none !important;
  width: 5%;
}
table.point_table2 tr.inner_row th:empty{
  width: 3%;
}
table.point_table th.inner_b {
  border-bottom: none !important;
}
table.point_table2 th.inner_t {
  border-top: none !important;
}
table.point_table2 th.inner_l {
  border-left: none !important;
}
table.point_table2 th.inner_r {
  border-right: none !important;
}
table.point_table2.font_size10px th{
  padding: 8px 2px;
}
/*罫線削除*/
table.authori_shokai_table {
  border-top:none !important;
  border-left:none !important;
  border-collapse:separate;
  border-spacing:0px;
}
table.authori_shokai_table tbody:first-child+* tr th:first-child,
table.authori_shokai_table tbody:first-child+*+*+* tr th:first-child {
  border-top:none !important;
}
/*スクロールテーブル*/
.scroll_table{
  width: 100%;
  overflow-x: auto;
}
.scroll_table table{
  min-width: 650px;
}

table.mypageTable{
}
table.mypageTable th,
table.mypageTable td{
  border-left: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
}

table.mypageTable .empty{
  width: 8px;
  padding: 0 !important;
  empty-cells:hide;
  background-color: transparent;
}

/*annual_table*/
/*テーブル線消し+背景色白*/
table.annual_table{
    font-size: 10px;
}
table.annual_table th, table.annual_table td {
  border: none !important;
  border-top: #c8c8c8 1px solid !important;
  border-left: #c8c8c8 1px solid !important;
  border-right: #c8c8c8 1px solid !important;
}
tr.inner_row_white th:first-child {
  width: 3% !important;
  border-top: none !important;
  background-color: #ffffff !important;
}
table.annual_table th.bottom_row, table.annual_table td.bottom_row {
    border-bottom: 1px solid #c8c8c8 !important;
}
table.annual_table tr.inner_row_white th:last-child {
  width: 70% !important;
}

/* フォーム
--------------------------------------------------------- */
/* ----- InputText Style ----- */
/* IE対応 */
.ie_no_submit_target {
  display: none;
}

.ie_no_readyonly {
  color: #bbb;
}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"] {
  background-color: white;
  border: 1px solid #c6c6c6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: medium;
  box-sizing: border-box;
  margin: 3px 0;
  min-width: 28px;
  max-width: 562px;
  border-radius: 4px;
}

input[size="16"],
input[size="17"],
input[size="18"],
input[size="19"],
input[size^="2"]:not([size="2"]),
input[size^="3"]:not([size="3"]),
input[size^="4"]:not([size="4"]),
input[size^="5"]:not([size="5"]),
input[size^="6"]:not([size="6"]),
input[size^="7"]:not([size="7"]),
input[size^="8"]:not([size="8"]),
input[size^="9"]:not([size="9"]){
  width: 100%;
}
input[size="1"],
input[size="2"],
input[size="3"],
input[size="4"],
input[size="5"],
input[size="6"],
input[size="7"],
input[size="8"],
input[size="9"],
input[size="10"],
input[size="11"],
input[size="12"],
input[size="13"],
input[size="14"],
input[size="15"]{
  box-sizing: content-box;
}
input[size="1"][class*="size"],
input[size="2"][class*="size"],
input[size="3"][class*="size"],
input[size="4"][class*="size"],
input[size="5"][class*="size"],
input[size="6"][class*="size"],
input[size="7"][class*="size"],
input[size="8"][class*="size"],
input[size="9"][class*="size"],
input[size="10"][class*="size"],
input[size="11"][class*="size"],
input[size="12"][class*="size"],
input[size="13"][class*="size"],
input[size="14"][class*="size"],
input[size="15"][class*="size"]{
  box-sizing: border-box;
}
input[size="1"]{width:1em;}
input[size="2"]{width:2em;}
input[size="3"]{width:3em;}
input[size="4"]{width:4em;}
input[size="5"]{width:5em;}
input[size="6"]{width:6em;}
input[size="7"]{width:7em;}
input[size="8"]{width:8em;}
input[size="9"]{width:9em;}
input[size="10"]{width:10em;}
input[size="11"]{width:11em;}
input[size="12"]{width:12em;}
input[size="13"]{width:13em;}
input[size="14"]{width:14em;}
input[size="15"]{width:15em;}

input.search_input {
  padding: 7px 5px !important;
  width: 90%;
}

.textBox_height{
  display: inline-block;
  height: 36px;
  vertical-align: middle;
  margin-top: 3px;
  margin-bottom: 3px;
}
.textBox_height:after{
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: -1px;
}

select,
option {
  font-size: inherit;
}
select{
  padding: 5px;
  width: 80% !important;
}
/* ----- 補足文装飾 ----- */
.block_constraint {
  clear: both;
  width: 90%;
  text-align: right;
}

.inline_constraint {
  padding: 0 0 0 15px;
}

/* ----- TextArea Style ----- */
textarea {
  padding: 5px !important;
  border-top: 2px solid #d5d5d5 !important;
  border-right: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
  border-left: 2px solid #d5d5d5 !important;
  background: #f8f8f8 !important;
}

/* CheckBox　RadioButton Style
--------------------------------------------------------- */
input[type="radio"]{
  margin: 0 5px 0 1px;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
}

input[type="checkbox"] {
  margin: 5px 5px 0 1px ;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
}
/*single_inputはsingle_radio、single_checkboxがあるときにActionPreparator.jsで自動で付与される*/

input[type="checkbox"].single_input{
 display: inline-block;
}
input[type="radio"].single_input {
  display: block;
  margin: 0 auto;
}

.contact .default_radio,
.contact .default_radio_on,
.contact .default_radio_2{
  vertical-align: middle;
  margin-right: 20px;
  cursor: pointer;
}

.contact .default_checkbox,
.contact .default_checkbox_on,
.contact .default_checkbox_2{
 box-sizing: border-box;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  cursor: pointer;
  padding-left: 25px;
  margin-left: -25px;
  margin-top: 3px;
  margin-bottom: 3px;
}

/*disabled*/
.disabled_checkbox_on,
.disabled_checkbox,
.disabled_checkbox_off{
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
}
.disabled_checkbox_on{
  background: url("/common/dynamic/memx/img/icon_checkbox_dis_on.png") no-repeat top left;
}
.disabled_checkbox,
.disabled_checkbox_off{
  background: url("/common/dynamic/memx/img/icon_checkbox_dis_off.png") no-repeat top left;
}

.disabled_radio_on,
.disabled_radio_off{
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  vertical-align: middle;
}
.disabled_radio_on {
  background: url("/common/dynamic/memx/img/sp/icon_radio_dis_on.png") no-repeat top left;
}
.disabled_radio_off {
  background: url("/common/dynamic/memx/img/sp/icon_radio_dis_off.png") no-repeat top left;
}

.single_radio.disabled,
.single_radio_on.disabled {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.single_radio.disabled {
  background: url("/common/dynamic/memx/img/sp/icon_radio_dis_off.png") no-repeat top center;
}
.single_radio_on.disabled {
  background: url("/common/dynamic/memx/img/sp/icon_radio_dis_on.png") no-repeat top center;
}


/* 背景色付与チェックボックス（黄色）
--------------------------------------------------------- */
.checkbox_b_color{
    width: 100%;
    padding: 0 !important;
    margin-bottom: 10px;
}

.checkbox_b_color input{
    margin: 0;
}

.checkbox_b_color .default_checkbox{
    display: inline-block !important;
}

.checkbox_b_color .default_checkbox{
    display: inline-block !important;
}

.checkbox_b_color .default_checkbox_on{
    display: inline-block !important;
}

.checkbox_b_color .default_checkbox_2{
    width: 0 !important;
}

.b_color_box{
    display: inline-block;
    padding: 5px;
    background-color: #fcfcdd;
    border: 1px solid #ebeba9;
}

/* ----- 非活性ボタン ----- */
.attention_text_box .default_radio_on,
.attention_text_box .default_radio {
  margin-bottom: 0;
}

.attention_text_box .default_radio_on ~ *,
.attention_text_box .default_radio ~ *{
  margin-top: 8px;
}

.attention_text_box h3{
  margin-top: 0;
}

.gray_box {
  background-color: #f6f6f6;
}

/* ----- 非活性ボタン ----- */

.default_radio.disabled,
.default_radio_on.disabled {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
}

.single_radio.disabled,
.single_radio_on.disabled {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.default_checkbox.disabled,
.default_checkbox_on.disabled {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
}

.single_checkbox.disabled,
.single_checkbox_on.disabled {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.single_checkbox.disabled {
  background: url("/common/dynamic/memx/img/sp/icon_checkbox_dis_off.png") no-repeat top center;
}
.single_checkbox_on.disabled {
  background: url("/common/dynamic/memx/img/sp/icon_checkbox_dis_on.png") no-repeat top center;
}


/* ----- form部品装飾 ----- */
.radio_text_mr_l {
  margin-top: 10px;
  margin-left: 28px;
}

.contact a.no_image,
a.no_image {
  background-image: none;
  padding-left: 0;
}


/* ボタン
--------------------------------------------------------- */
button {
  -webkit-appearance: none;
}

input[type="button"], input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
.submit_btn_box .default_btn ~ *,
.submit_btn_box .default_btn ~ * a,
.submit_btn_box .default_btn ~ * input{
  margin-top: 10px;
}

/* accordionボタン
--------------------------------------------------------- */
.accordion_btn_parent {
  margin-bottom: 10px;
  position: relative;
}
 h2.accordion_btn_parent{
  margin-bottom: 20px !important;
  padding-right: 40px;
}
.accordion_label {
  width: 88%;
  font-size: 1.6rem;
}


.accordion_btn_parent button,
.accordion_btn_parent_ddl button {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  margin-bottom: 0 !important;
  background: transparent;
  box-shadow: none;
  min-width: inherit;
}
.accordion_btn_parent button.btn_auto_size img,
.accordion_btn_parent_ddl button.btn_auto_size img,
.common_accordion_parent .button.btn_auto_size img{
  vertical-align: middle;
  width: 24px;
  height:24px;
}

.accordion_btn_table button.btn_auto_size img {
  vertical-align: middle;
  display: block;
}

.common_accordion_parent button img,
.accordion_btn_box button img {
  width: 24px;
  height: 24px;
}
.common_accordion_parent .meisaiTable button{
  height: 18px;
  width: 18px;
}

.common_accordion_parent .meisaiTable button img{
  width: 18px;
  height: 18px;
  vertical-align: top !important;
}

/* ボタン基礎
--------------------------------------------------------- */
.default_btn {
  text-align: center;
  padding: 17px 30px 16px 30px;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  background-color: #C3D600;
  color: #1A4832 !important;
  border: 1px solid #C3D600;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  background-image: url(/static/responsive/img/mem/icon_arrow_left_black.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.default_btn.btn_big_size{
  width: 100%;
  font-size: 1.8rem;
}


.default_btn:first-child {
  margin-left: 0;
}

.negative_btn {
  width: 100% !important;
  text-align: center;
  padding: 17px 30px 16px 30px !important;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  color: #333 !important;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
}

.button_line p.pad_box {
  text-align: center;
}

.tooltip{
  top: -15px;
  left: 0;
  display: inline-block !important;
}
.tooltip_btn{
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border: none;
  width: 23px;
  height: 21px;
  background: #104a36;
  background: -moz-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a36), color-stop(100%, #306351));
  background: -webkit-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -o-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -ms-linear-gradient(top, #104a36 0%, #306351 100%);
  background: linear-gradient(to bottom, #104a36 0%, #306351 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104a36', endColorstr='#306351',GradientType=0 );
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
  cursor: pointer;
}
.tooltip:before{
  content: " ";
  display: inline-block;
  position: relative;
  top: 0;
  left: 6px;
  border: transparent solid 5px;
  border-right-color: #235946;
  border-left: none;
}

.strongest_btn {
  border-bottom: 3px solid #c0421d;
  background: #e06b2a;
  color: #fff;
  font-weight: bold;
}

.strong_btn {
  border-bottom: 3px solid #dc5f3b;
  background: #e99a6e;
  color: #fff;
  font-weight: bold;
}

.pagetop_btn {
  padding: 10px;
  border: none;
  background: #65ae07;
  color: #fff;
}

.pagetop_btn_box {
  padding-right: 5px;
  text-align: right;
}

.login_btn {
  border-bottom: 3px solid #c46100;
  background: #f57900;
  color: #fff;
  font-weight: bold;
}

/* ----- HOVER ----- */
.default_btn_hover {
  border-bottom: 3px solid #a7c482;
  background: #b2d683;
  color: #fff;
  font-weight: bold;
}

.negative_btn_hover {
  border-bottom: 3px solid #a5a5a5;
  background: #b9b9b9;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.strongest_btn_hover {
  border-bottom: 3px solid #dfa08e;
  background: #efb594;
  color: #fff;
  font-weight: bold;
}

.strong_btn_hover {
  border-bottom: 3px solid #edaf9d;
  background: #f4ccb6;
  color: #fff;
  font-weight: bold;
}

.week_btn_hover {
  border-bottom: 3px solid #b1c29e;
  background: #c5deaa;
  color: #fff;
  font-weight: bold;
}

.weakest_btn_hover {
  border-bottom: 3px solid #d3dec5;
  background: #eff4e8;
  color: #888;
}

/* ----- 色々なボタン ----- */
.btn_return {
  background: url("../../img/sp/btn_return.jpg") no-repeat;
  background-size: contain;
  width: 45px;
  height: 26px;
}
.btn_return:hover {
  opacity: 0.7;
}

.btnFormType04 {
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 5px;
  width: 100px;
  background-color: #65ae07;
  border-bottom: 3px solid #508906;
}
.btnFormType04:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.disabled_btn{
  opacity: 0.5;
}
/* button
--------------------------------------------------------- */
.rwdMaB15 {

}

/* btn style
--------------------------------------------------------- */
input.btnSudden, input.btnStrong, input.btnNormal, input.btnWeak01, input.btnWeak02, input.btnFormType01, input.btnFormType02, input.btnFormType03 {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}
input.scrollWrapArea .jspVerticalBar .jspArrowUp, input.scrollWrapArea .jspVerticalBar .jspArrowDown {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}
input.CarouselWrapArea .naviWrap .btnNext,
input.CarouselWrapArea .naviWrap .btnPrev {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}
input.btnCloseType01, input.btnCloseType02, input.defTable td .btnDetail {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}

.btnSudden,
.btnStrong,
.btnNormal,
.btnWeak01,
.btnWeak02,
.btnFormType01,
.btnFormType02,
.btnFormType03 {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold;
  color: #003e28 !important;
  display: block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp,
.scrollWrapArea .jspVerticalBar .jspArrowDown {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.CarouselWrapArea .naviWrap .btnNext,
.CarouselWrapArea .naviWrap .btnPrev {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.btnCloseType01,
.btnCloseType02,
.defTable td .btnDetail {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp,
.scrollWrapArea .jspVerticalBar .jspArrowDown {
  width: 20px;
  height: 41px;
  position: absolute;
  border-bottom: 3px solid #508906;
  right: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.CarouselWrapArea .naviWrap .btnNext,
.CarouselWrapArea .naviWrap .btnPrev {
  width: 20px;
  height: 41px;
  position: absolute;
  border-bottom: 3px solid #508906;
  right: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.btnSudden,
.btnStrong,
.btnNormal,
.btnWeak01,
.btnWeak02 {
  width: 150px;
  padding: 7px 2% 6px;
  margin: 0 auto;
}

.btnSudden.btnWidthFix40per,
.btnStrong.btnWidthFix40per,
.btnNormal.btnWidthFix40per,
.btnWeak01.btnWidthFix40per,
.btnWeak02.btnWidthFix40per {
  width: 40% !important;
  display: inline-block;
}

.btnFormType01 {
  line-height: 1em;
}

.btnFormType02,
.btnFormType03 {
  line-height: 1em;
  padding: 17px 25px 14px;
}

.btnCloseAWType02 .btnCloseType02 {
  display: inline-block;
  width: 50px;
  background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
  border-bottom: 3px solid #4B4B4B;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
}

.btnCloseType01 {
  width: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #4B4B4B;
  background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
}

.btnCloseType02 {
  width: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #4B4B4B;
  background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
  border-bottom-style: none;
}

.btnSudden {
  background-color: #e06b2a;
  border-bottom: 3px solid #c0421d;
}

.btnStrong {
  background-color: #e99a6e;
  border-bottom: 3px solid #dc5f3b;
}

.btnNormal,
.btnFormType02 {
  border-top: 1px solid #c8d97c;
  border-left: 1px solid #c8d97c;
  border-bottom: none;
  border-right: none;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  background: #c4e23f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnWeak01,
.btnWeak02 {
  color: #003e28 !important;
  border-top: 1px solid #cce381;
  border-left: 1px solid #cce381;
  background: #eaf2d2;
  background: -moz-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf2d2), color-stop(100%, #e2ecc6));
  background: -webkit-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -o-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -ms-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: linear-gradient(to bottom, #eaf2d2 0%, #e2ecc6 100%);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnCloseAWType02 {
  display: inline-block;
}
.btnCloseAWType02 .txt {
  font-weight: 600;
  padding-left: 20px;
}

.btnFormType01,
.btnFormType02,
.btnFormType03 {
  font-size: 115%;
}

.btnFormType01,
.btnFormType03 {
  width: 100px;
  background-color: #7e7e7e;
  border-bottom: 3px solid #4B4B4B;
}

.btnFormType01 {
  width: 50px;
  padding: 5px 25px 3px;
}

.btnFormType02,
.btnFormType03 {
  width: 150px;
}

.btnSudden:hover,
.btnStrong:hover,
.btnNormal:hover,
.btnWeak01:hover,
.btnWeak02:hover,
.btnCloseType02:hover,
.btnFormType01:hover,
.btnFormType02:hover,
.btnFormType03:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.scrollWrapArea .jspVerticalBar .jspArrowUp:hover,
.scrollWrapArea .jspVerticalBar .jspArrowDown:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.CarouselWrapArea .naviWrap .btnNext:hover,
.CarouselWrapArea .naviWrap .btnPrev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.CarouselWrapArea .CarouselArea li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.btnCloseType01:hover,
.btnCloseType02:hover,
.defTable td .btnDetail:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ----- ワイドボタン ----- */
.wideButtonWrap{

}
.wideButton{
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  background-image: url("../../img/sp/right_arrow_black.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  width: 100%;
  margin: 0;
  text-decoration: none;
  color: #000;
}
.wideButton_area{
  padding: 20px 50px 20px 10px;
}
.wideButton.button_gray{
  background-color: #f2f2f2;
}
.wideButton.attentionButton{
  background-color: #ffdcd0;
  background-image:
    url("../../img/sp/right_arrow_black.png"),
    url(/static/responsive/img/mem/icon_caution.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 97% center, 10px 22px;
}
.wideButton.attentionButton .wideButton_area{
  padding: 20px 50px 20px 40px;
}


/*下ワイドボタンは使用しない*/
/* ----- ワイドグレーボタン ----- */
.wideButton_gray {
  border-bottom: 1px solid #fff;
  background-color: #f2f2f2;
  background-image: url("../../img/sp/right_arrow_black.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

.wideButton_gray_area {
  width: 87%;
  margin: 0 10px 0 0;
  padding: 0 0 0 5%;
}

/* ----- ワイドオレンジボタン ----- */
.wideButton_orange {
  border-bottom: 1px solid #fff;
  background-color: #F1E7A6;
  background-image: url("../../img/sp/right_arrow_black.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  width: auto;
  margin: 0;
  padding: 20px 30px 20px 20px;
}
.wideButton_orange * {
  margin: 0;
}
.wideButton_orange .error_header_area {
}

/* ----- ワイドライトグリーンボタン ----- */
.wideButton_lightGreen {
  border-bottom: 1px solid #fff;
  background-color: #e6edde;
  background-image: url("../../img/sp/right_arrow_black.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

.wideButton_lightGreen_area {
  width: 87%;
  margin: 0 10px 0 0;
  padding: 0 0 0 5%;
}

/* ----- ワイドホワイトボタン ----- */
.wideButton_white {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  background-image: url("../../img/sp/right_arrow_black.png");
  background-repeat: no-repeat;
  background-position: 97% center;
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

.wideButton_white_area {
  width: 87%;
  margin: 0 10px 0 0;
  padding: 0 0 0 5%;
}

.modal_win_botton {
  padding: 2px 6px;
  text-align: center;
}
/* ----- キャンセルボタン ----- */
.cancel_btn,
a.cancel_btn,
.cancel_btn02, 
a.cancel_btn02,
.default_btn.weak_btn,
a.default_btn.weak_btn {
  width: 100% !important;
  text-align: center;
  padding: 17px 30px 16px 30px !important;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  color:#333333;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
  display: inline-block;
  text-decoration: none;
}
.button3_wrap a.cancel_btn {
  background-color: initial;
  border: initial;
  text-align: initial;
  padding: initial !important;
  color: #117766;
  font-size: initial;
  font-weight: initial;
  text-decoration: underline;
}

/*副導線ボタン*/
.co_btn{
  display: inline-block;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 17px 40px 16px;
  background-color: #E1EA7F;
  color: #1A4832 !important;
  text-align: center;
  border: 1px solid #E1EA7F;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  background-image: url(/static/responsive/img/mem/icon_button_self.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.co_btn.no_icon_btn {
  background-image: none;
  padding-left: 1em;
  padding-right: 1em;
}

.co_btn .blankLink {
  width: 20px;
  height:20px;
  background-image: url(/static/responsive/img/mem/icon_popup_darkgreen.svg);
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 12;
  background-color: #E1EA7F;
}

/*照会・参照ボタン*/
.inquiry_btn{
  display: inline-block;
  width: 100%;
  background-color: #E1EA7F;
  color: #1A4832 !important;
  text-align: center;
  border: 1px solid #E1EA7F;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
}
.inquiry_btn.btn_big_size {
  width: 100% !important;
  padding: 18px 2% 17px;
  vertical-align: top;
  font-size: 110% !important;
  font-weight: bold;
}
.btn_small_size {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border-collapse: separate;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  width: auto;
  min-width: 150px;
  padding: 7px 2% 6px;
}

/* ボタンサイズ
--------------------------------------------------------- */
.btn_auto_size {
  padding: 6px 2% 7px !important;
  text-align: center;
  font-weight: 700;
  min-width: 50px;
  width: auto;
  background-image: none;
  font-size: 15px;
}

.btn_auto_size_b {
  padding: 7px 8px 6px;
  text-align: center;
}

.button_line .btn_auto_size,
.button_line .btn_auto_size_b{
  margin-bottom: 0px;
}

.accordion_btn_parent .btn_auto_size,
.accordion_btn_table .btn_auto_size,
.common_accordion_parent .btn_auto_size{
  min-width: inherit;
  padding: 0px !important;
  border-radius: 4px;
}

.btn_max_size {
  padding: 8px 0;
  width: 100%;
  text-align: center;
}

.submit_btn_wrap a.btn_small_size {
  box-sizing: border-box;
}

.submit_btn_wrap span > .negative_btn.btn_small_size {
  width: 100%;
  order: 1;
}

.submit_btn_wrap .negative_btn.btn_small_size {
  width: 100%;
  text-align: center;
  padding: 17px 30px 16px 30px;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  background-image: url(/static/responsive/img/mem/icon_arrow_right_black.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
  color:#333333;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
}

.submit_btn_box p .negative_btn {
  width: 100%;
}

.submit_btn_wrap a.negative_btn.btn_small_size.line2{
  padding-top: 4px;
  line-height:1.3;
}

.submit_btn_wrap a.cancel_btn.btn_small_size{
  display: block;
}

.button_line > span:not(:last-child) .default_btn {
  margin-bottom: 20px;
}


/* ボタンボックス
--------------------------------------------------------- */
.submit_btn_wrap {
  margin: 15px 0;
  display: block;
}

.submit_btn_wrap .default_btn.font_s{
  font-size: 18px !important;
}
.submit_btn_wrap >ul.notes_list{
  padding-left: 35px;
  padding-right: 20px;
}

.submit_btn_wrap >span{
  display: inline-block;
  width: 100%;
}
.submit_btn_wrap p,
.submit_btn_wrap ul,
.submit_btn_wrap table{
  text-align: left;
  flex-basis: 100%;
  margin-bottom: 10px;
}
.submit_btn_wrap >div div:nth-of-type(2) p{
  margin-top: 10px;
}

.submit_btn_box {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin: 30px 0;
}

.submit_btn_box .default_btn,
.submit_btn_wrap .default_btn.btn_big_size {
  width: 100%;
  padding: 17px 16px 16px;
  font-size: 1.8rem;
  line-height: 1.389;
  box-sizing: border-box;
  order: 2;
}
.submit_btn_wrap >*:first-child{
  padding-top:10px;
}
.submit_btn_wrap >*:last-child{
  padding-bottom:10px;
}
.button_line > span:not(:last-child) .default_btn,
.submit_btn_box > span:not(:last-child) .default_btn{
  margin-bottom: 10px;
}

/* ----- WG47 2カラム用ボタンスタイル ----- */
.submit_btn_wrap_col {
    margin: 10px 0 15px;
    padding: 20px;
    text-align: center;
    background: #efefef;
}

.submit_btn_wrap_col .colU {
    padding: 20px 2% 18px;
    margin-bottom: 15px;
    height: auto;
}

.submit_btn_wrap_col .colD {
    max-width: 70%;
    margin-right: 10px;
    vertical-align: bottom;
}

.submit_btn_wrap_col .colL_btn {
    color: #003e28 !important;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: none;
    border-bottom: none;
    background: #ffffff;
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    font-weight: bold;
}

.btn_wrap_col{
    margin: 10px 0 15px;
    padding: 20px;
    text-align: center;
    background: #efefef;
}

.btn_wrap_col .col_btn_small{
    width: 70%;
    line-height: 15px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    vertical-align: bottom;
    text-decoration: none;
}

.btn_wrap_col .col_btn_small{
    color: #003e28 !important;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: none;
    border-bottom: none;
    background: #ffffff;
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    font-weight: bold;
}

.btn_wrap_col .col_btn_big{
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    padding: 20px 10px;
    font-size: 110%;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    border-collapse: separate;
    vertical-align: middle;
    box-sizing: border-box;
}
.btn_wrap_col .col_btn_big.col_btn_2line{
    padding: 10px 15px;
}
.btn_wrap_col .col_btn_big.col_btn_speed{
    position: relative;
    margin-top: 15px;
}
.btn_wrap_col .col_btn_big.col_btn_speed:before {
    content: "<スピード審査>";
    position: absolute;
    display: block;
    top: -20px;
    left: 50%;
    margin-left: -4em;
    color: #d40c0c;
    font-size: 14px;
}
.btn_wrap_col .col_btn_big{
    color: #003e28 !important;
    border-top: 1px solid #c8d97c;
    border-left: 1px solid #c8d97c;
    background: #c4e23f;
    background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
    background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
    box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    border-bottom: none;
    border-right: none;
    border-radius: 0px;
}

/**************************New yabane***********************************/


/* ----- New yabane ----- */
.yabane_step {
  display: table;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  color: white;
  font-weight: bold;
}

.yabane_row {
  display: table-row;
  width: 100%;
}

.yabane_step li {
  position: relative;
  z-index: 0;
  display: table-cell;
  padding: 0px !important;
  padding-left: 30px !important;
  height: 40px;
  color: black;
  list-style: none;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background-color: #F3F3F3;
  z-index: 1;
  width: 15%;
}
.yabane_step li:first-child{
  padding-left: 10px !important;
}
.yabane_step li:last-child {
  width: 20%;
  padding-right: 10px !important;
  padding-left: 30px !important;
  text-align: center;
}
.yabane_step li.act {
  background-color: #117766;
  width: 60%;
  color: white;
}


.yabane_step .step2 li {
  width: 30%;
}
.yabane_step .step4 li {
  width: 15%;
}
.yabane_step .step5 li {
  width: 10%;
}
.yabane_step li:before {
  position: absolute;
  left: 0;
  top: -6px;
  content: "";
  width: 0;
  height: 0;
  border-left: 25px #FFF solid;
  border-top: 25px transparent solid;
  border-bottom: 25px transparent solid;
  z-index: 1;
}

.yabane_step li:after {
  position: absolute;
  left: -1px;
  top: -3px;
  content: "";
  width: 0;
  height: 0;
  border-left: 22px #F3F3F3 solid;
  border-top: 22px transparent solid;
  border-bottom: 22px transparent solid;
  z-index: 2;
}
.yabane_step .act + li:after {
  border-left: 22px #117766 solid;
}

.yabane_step li:first-child:before,
.yabane_step li:first-child:after {
  display: none;
  }

.yabane_step li div {
  position: relative;
  display: inline-block;
  padding: 1px 0px 0 25px;
  text-align: left;
  line-height: 1.1;
}

.yabane_step li span {
  position: absolute;
  top: 1px;
  left: 0.2em;
}
/* ページング
--------------------------------------------------------- */
div.navi_list {
  margin: 5px 0 5px;
  padding: 5px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-size: 10.5px;
  font-weight: bold;
  color:#1A4832;
  position: relative;
  min-height:33px;
}
div.navi_list span {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  margin: 0 3px;
  padding: 7px 5px 4px;
  background-color: #C3D600;
  color:#1A4832;
  border: 1px solid #C3D600;
  line-height: 1em;
}
div.navi_list span.spot_area{
  background: #035237 !important;
  color: white !important;
}


div.navi_list span.return_back,
div.navi_list span.proceed_next {
  width: auto;
  text-decoration: underline;
  color: #0c1e89;
  position: absolute;
  border: none;
  background: transparent;
  vertical-align: middle;
}

/* 左側のページのボタンは逆向き */
div.navi_list span.proceed_next {
  width: auto;
  padding: 2px 0;
  top: 0;
  left: 0;
}
div.navi_list span.proceed_next + .proceed_next{
  top: auto;
  bottom: 0;
}
div.navi_list span.return_back{
  width: auto;
  padding: 3px 0;
  top: 0;
  right: 0;
}
div.navi_list span.return_back + .return_back{
  top: auto;
  bottom: 0;
}
div.navi_list span.proceed_next:before {
  content: url("/common/dynamic/memx/img/icon_pg_pre.png") ;
  height: 10px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

div.navi_list span.return_back:after {
  content: url("/common/dynamic/memx/img/icon_pg_fwd.png") ;
  height: 10px;
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

/* 最も左側のページのボタンはボーダー月 */



/* 最も左側のページのボタンはボーダー月 */


/* 無効化時は下線と色を解除 */
div.navi_list span.disabled, div.navi_list span.disabled {
  text-decoration: none;
  color: #000;
}

/* --------テキストページャー二重記述-------- */
div.navi_list span.return_back_last,
div.navi_list span.proceed_next_first {
  width: auto;
  text-decoration: underline;
  color: #0c1e89;
  position: absolute;
  border: none;
  background: transparent;
  vertical-align: middle;
}

/* 左側のページのボタンは逆向き */
div.navi_list span.proceed_next_first {
  width: auto;
  padding: 2px 0;
  top: 0;
  left: 0;
}
div.navi_list span.proceed_next + .proceed_next_first {
  top: auto;
  bottom: 0;
}
div.navi_list span.return_back_last {
  width: auto;
  padding: 3px 0;
  top: 0;
  right: 0;
}
div.navi_list span.return_back + .return_back_last {
  top: auto;
  bottom: 0;
}

div.navi_list span.proceed_next_first:before {
  content: url("/common/dynamic/memx/img/icon_pg_pre_first.png") ;
  height: 10px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

div.navi_list span.return_back_last:after {
  content: url("/common/dynamic/memx/img/icon_pg_fwd_last.png") ;
  height: 10px;
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

/* ----- キャッシングもあとからリボお申し込みページャー個別対応 ----- */
div.atcash_navi_list {
  margin: 5px 0 5px;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
  color: #0c1e89;
  position: relative;
  height: 33px;
}

div.atcash_navi_list span.proceed_next {
width: auto;
padding: 2px 0;
top: 0;
left: 0;
}
div.atcash_navi_list span.return_back, div.navi_list span.proceed_next {
width: auto;
color: #0c1e89;
position: absolute;
border: none;
background: transparent;
}
div.atcash_navi_list span.proceed_next:before {
content: url("/common/dynamic/memx/img/icon_pg_pre.png");
display: inline-block;
margin-right: 7px;
vertical-align: middle;
}

div.atcash_navi_list span.return_back {
width: auto;
padding: 3px 0;
top: 0;
right: 0;
}
div.atcash_navi_list span.return_back, div.navi_list span.proceed_next {
width: auto;
color: #0c1e89;
position: absolute;
border: none;
background: transparent;
}
div.atcash_navi_list span.return_back:after {
content: url("/common/dynamic/memx/img/icon_pg_fwd.png");
display: inline-block;
margin-left: 7px;
vertical-align: middle;
}

div.atcash_navi_list .default_btn{
  color: #0c1e89;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 10.5px;
  vertical-align: middle;
  text-decoration: underline;
  padding: 0px 2px;
}


/* ----- ボタンページャ記述 ----- */
div.navi_list {
    overflow: hidden;
    text-align: center;
}

div.navi_list span.return_back_meisai,
div.navi_list span.proceed_next_meisai,
div.navi_list span.proceed_next_meisai_first {
  width: 63px !important;
  height: 25px !important;
  padding: 3px 15px;
  margin: 0 !important;
  display: inline-block;
  text-decoration: none;
  line-height: 25px;
  font-weight: 700;
  position:relative;
}

div.navi_list span.proceed_next_meisai_first {
    margin-top: 46px !important;
    left: -94px !important;
}

div.navi_list span.proceed_next_meisai:before {
    content: '＜' ;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

div.navi_list span.return_back_meisai:after {
    content: '＞' ;
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
}

div.navi_list span.proceed_next_meisai_first:before {
    content: '＜＜' ;
    left: 6px;
}

/* ----- 完了画面メッセージ ----- */
p.comp_message {
  position: relative;
  padding: 7px 10px 5px 60px;
  font-weight: bold;
  font-size: 160%;
  min-height: 40px;
  vertical-align: middle;
}

p.comp_message:before {
  position: absolute;
  top: 2px;
  left: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  content: "";
  vertical-align: top;
  background-color: #1a4832;
  border-radius: 50%;
  box-sizing: border-box;
}

p.comp_message:after {
  position: absolute;
  top: 8px;
  left: 22px;
  display: inline-block;
  width: 15px;
  height: 21px;
  content: "";
  border: 4px solid #fff;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
  box-sizing: border-box;
}

p.comp_message2 {
  position: relative;
  box-sizing: border-box;
  padding: 70px 0 0 0;
  font-weight: bold;
  font-size: 160%;
  text-align: center;
}

p.comp_message2:before {
  content: '';
  position: absolute;
  display: block;
  background: url(/common/dynamic/memx/img/ico_compmessage.png) no-repeat;
  top: 3px;
  left: 0;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  vertical-align: top;
}

/* 必須・任意マーク
--------------------------------------------------------- */
.required {
  float: left;
  margin-right: 10px;
  width: 36px;
  height: 22px;
}

.required_icon {
  float: left;
  width: 36px;
}

.required_cell {
  padding-left: 56px !important;
  background: url(../../img/sp/required_icon.gif) no-repeat 10px center;
  background-size: 36px auto;
}

.optional_cell {
  padding-left: 56px !important;
  background: url(../../img/sp/arbitrary_icon.gif) no-repeat 10px center;
  background-size: 36px auto;
}

/* JS付与系
--------------------------------------------------------- */
/* ----- エラーの時のtdの色 ----- */
.js_add_error_area {
  background-color: #ffdcd0 !important;
}

/* ----- チェック時の親の色 ----- */
.js_add_check_bg {
  /*背景色はつけない*/
}

.js_add_fixed_canceller {
  position: absolute !important;
}

.error_text_box {
  color: #000;
  padding: 10px;
  margin-bottom: 20px;
  background: #ffdcd0;
  clear: both;
  overflow: hidden;
}

.error_left_box {
  float: left;
  width: 35px;
}
.error_left_box img {
  width: 25px;
}

.error_right_box {
  float: left;
}

/* ----- error heading ----- */
.error_header_area {
  font-weight: bold;
  padding-left: 43px !important;
  background: url("../../img/exclamation_icon.png") no-repeat 15px center;
  display: block;
  padding-right: 30px;
  padding-top: 2px;
  padding-bottom: 1px;
  box-sizing: border-box;
}

.error_text_box .white_error_header_area{
  background-position: 0px 0px;
  padding-left: 33px !important;
  padding-right: 0px;
}

.error_header_area,
.white_error_header_area {
  display: block;
  padding-right: 45px;
}
.accordion_btn_parent .white_error_header_area,
.accordion_btn_parent .iconTInfo {
  position: relative;
  color: #DD3300;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 26px;
}

.accordion_btn_parent .white_error_header_area::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/static/responsive/img/mem/icon_caution.svg) no-repeat;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
}

/* ----- 重要なお知らせ ----- */
.iconTInfo {
  font-weight: bold;
  padding-left: 43px !important;
  background: url("/static/responsive/img/mem/icon_info.svg") no-repeat 15px center;
  display: block;
  padding-right: 30px;
  padding-top: 2px;
  padding-bottom: 1px;
  box-sizing: border-box;
}
/* ----- 関連ページ ----- */
.relevantPageTitle {
  font-size: 2.4rem;
  border-left: 4px solid #1A4832;
  padding-left: 20px;
  margin-bottom: 20px;
  line-height: 1.417;
}
.kanrenList{
  position: relative;
}
.kanrenList:after{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: 0;
}
.kanrenList.top:after{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: transparent;
  position: absolute;
  top: -1px;
  left: 0;
}

.kanrenList > li{
  padding: 5px;
  border-top: solid 1px #9ab9ae;
}
.kanren02 .kanrenList > li,
.kanren02 .kanrenList > div > li,
.kanren02 .kanrenList > span > li{
  padding: 10px 5px;
  border-top: dotted 1px #9ab9ae;
}

.kanrenList .type2{
  background-color: #f5f5f5;
}
/* accordion
--------------------------------------------------------- */
.accordion_btn_box {
  margin-bottom: 20px;
}

.accordion_title {
  clear: both;
  overflow: hidden;
}

.accordion_text_left {
  width: 70%;
  float: left;
  padding-top: 10px;
}

.accordion_text_right {
  width: 28%;
  float: right;
  text-align: right;
}
.accordion_text_right button {
  padding: 10px 20px 5px;
  margin: 0;
}
.accordion_text_right button img {
  width: 70%;
}

.accordion_btn_parent_h3 {
  position: relative;
  padding-right: 30px;
  border-bottom: none;
}

.jq_balloon_parent {
  background: url("../../img/sp/modal_bg.png");
  position: fixed;
  padding: 2%;
  top: 0;
  left: 0;
  height: 100%;
  width: 96%;
  z-index: 9999;
}

.jq_balloon_obj {
  padding: 20px;
  background: #fff;
}

.jq_balloon_arrow {
  padding: 20px;
  background: #fff;
  text-align: center;
}
.jq_balloon_arrow .btn_auto_size {
  font-size: large;
  padding: 8px 20px !important;
}

.hide_btn {
  background: #fff;
  text-align: center;
}

.hide_accordion_box {
  padding: 10px;
  border-top: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none;
}

.agreement_box h2,
.agreement_box h3 {
  margin-top: 0;
}
.agreement_box table th {
  vertical-align: top;
}

.agreement_btn_box {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  text-align: center;
}

/* 注意エリア,アコーディオン
--------------------------------------------------------- */
.attentionHead,
.kanrenHead,
.importantHead,
.accordionHead,
.accordionTableHead{
  position: relative;
  margin-bottom: 0;
  border-bottom: none;
}
.attentionHead{
  background-color: #fdefe5;
}
.accordionHead{
  background-color: #f5f5f5;
}
.accTable .accordionHead{
  border-bottom: 1px solid #d6d6d6 !important;
  padding: 10px !important;
}
p.attentionHead,
p.kanrenHead,
p.importantHead,
p.accordionHead{
  margin-top: 0;
}
.accordionHead > span{
  margin-right: 30px;
  display: inline-block;
}

.accordionBody,
.kanrenBody,
.importantBody{
  position: relative;
  padding: 0px !important;
  padding-bottom: 0px !important;
  border-top: none;
  margin-bottom: 20px;
}
.accordionBody{
  background-color: transparent !important;
  border: 1px solid #d6d6d6 !important;
}
.accordionBody.border_top_non{
  border-top: none !important;
}

.kanrenBody{
  border: 1px solid #9ab9ae !important;
}
.kanrenBody.kanren02{
  border: none !important;
}
.attention_strong_box {
  padding-left: 10px;
  margin-bottom: 40px;
}
.common_accordion_parent .accordion_btn_table{
  padding: 0;
}

.common_accordion_parent.accordionBody .accordionHead,
.common_accordion_parent.importantBody .importantHead,
.common_accordion_parent.kanrenBody .kanrenHead{
  padding: 13px;
  margin-bottom: -1px;
  padding-bottom: 12px;
}
.common_accordion_parent .accordion_btn_table .accordionTableHead{
  padding: 5px;
  margin-bottom: -1px;
  padding-bottom: 4px;
}

.common_accordion_parent .accordion_btn_table .accordionTableHead{
  float: left;
  width: 70%;
}

.attention_strong_box.attentionBody .attentionHead{
  background: none;
  border: none;
  display: block;
  margin: 0;
  padding: 10px 0;
  min-height: auto;
}

.accordionBody .accordion_add_list,
.importantBody .accordion_add_list,
.common_accordion_parent p{
  padding: 0 15px;
}
.accTable.accordionBody .accordion_add_list{
  margin: 0 !important;
}
.kanrenBody > .accordion_add_list{
  padding: 0 5px;
}

.accordion_add_list p{
  padding: 0;
}

.attentionHead + *,
.accordionHead + *,
.importantHead + *,
.accordion_btn_parent_ddl + *,
.accordion_btn_parent + *{
  margin-top: 15px !important;
}
.kanrenHead + *{
  margin-top: 5px !important;
}
.common_accordion_parent.accordionBody > *:last-child,
.common_accordion_parent.importantBody > *:last-child,
.common_accordion_parent > *:last-child{
  margin-bottom: 15px;
}
.common_accordion_parent.kanrenBody > *:last-child{
  margin-bottom: 5px;
}

.common_accordion_parent > .accordion_btn_parent_ddl > button > img,
.common_accordion_parent > .accordion_btn_parent > button > img,
.common_accordion_parent > .accordion_btn_parent2 > button > img,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button > img {
  display: none;
}

.common_accordion_parent > .accordion_btn_parent_ddl > button,
.common_accordion_parent > .accordion_btn_parent > button,
.common_accordion_parent > .accordion_btn_parent2 > button {
  color: rgba(0,0,0,0);
  font-size: 1rem;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #e9f4f2;
  border-radius: 25px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  margin-bottom: 0;
  border-width: 1px !important;
  border-color: #fff;
  outline: none;
  box-sizing: content-box;
}

.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button {
  color: rgba(0,0,0,0);
  font-size: 1rem;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #e9f4f2;
  background-image: none;
  border-radius: 25px;
  position: relative;
  border-width: 1px;
  border-color: #fff;
  outline: none;
}

.common_accordion_parent > .accordion_btn_parent_ddl > button:before,
.common_accordion_parent > .accordion_btn_parent > button:before,
.common_accordion_parent > .accordion_btn_parent2 > button:before,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #117766;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -1px;
  transition: 0.6s;
  transform: rotate(180deg);
}

.common_accordion_parent > .accordion_btn_parent_ddl > button:after,
.common_accordion_parent > .accordion_btn_parent > button:after,
.common_accordion_parent > .accordion_btn_parent2 > button:after,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  background: #117766;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -6px;
  transition: 0.3s;
  transform: rotate(90deg);
}

.common_accordion_parent > .accordion_btn_parent_ddl > button.off:before,
.common_accordion_parent > .accordion_btn_parent > button.off:before,
.common_accordion_parent > .accordion_btn_parent2 > button.off:before,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button.off:before{
  transform: rotate(180deg);
}

.common_accordion_parent > .accordion_btn_parent_ddl > button.on:before,
.common_accordion_parent > .accordion_btn_parent > button.on:before,
.common_accordion_parent > .accordion_btn_parent2 > button.on:before,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button.on:before{
  transform: rotate(0deg);
}

.common_accordion_parent > .accordion_btn_parent_ddl > button.off:after,
.common_accordion_parent > .accordion_btn_parent > button.off:after,
.common_accordion_parent > .accordion_btn_parent2 > button.off:after,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button.off:after{
  transform: rotate(90deg);
}

.common_accordion_parent > .accordion_btn_parent_ddl > button.on:after,
.common_accordion_parent > .accordion_btn_parent > button.on:after,
.common_accordion_parent > .accordion_btn_parent2 > button.on:after,
.common_accordion_parent > table > tbody > tr > .accordion_btn_table > button.on:after{
  transform: rotate(0deg);
}

/* Tabボタン
--------------------------------------------------------- */

.tabAreaWrap{
  margin-bottom: 10px;
  border-bottom: solid 4px #117766;
}
.tabAreaWrap .tabHead{
  display: table;
  width: 100%;
  min-height:40px;
}
.tabAreaWrap .tabHead ul,
.tabAreaWrap .tabHead .tabTableRow{
  display: table-row;

}
.tabAreaWrap .tabHead ul > li,
.tabAreaWrap .tabHead .tabTableRow > a{
  display: table-cell;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  min-height:40px;
  padding: 5px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  width: 10%;
}
.tabAreaWrap .tabHead ul > span:empty,
.tabAreaWrap .tabHead .tabTableRow > span:empty{
  display: none;
}

.tabAreaWrap .tabHead ul > li:last-child,
.tabAreaWrap .tabHead .tabTableRow > a:last-child{
  margin-left: 0px;
}
.tabAreaWrap .tabHead ul > li.act,
.tabAreaWrap .tabHead .tabTableRow > a.act{
  background: #117766;
  border-top: 1px solid #117766;
  border-right: 1px solid #117766;
  border-left: 1px solid #117766;
  color: #fff;
}
.tabAreaWrap .tabHead ul > li.act + li,
.tabAreaWrap .tabHead .tabTableRow > a.act + a{
  border-left:2px solid #fff;
}
.tabAreaWrap .tabHead ul > li a,
.tabAreaWrap .tabHead .tabTableRow > a{
  text-decoration: none;
  color: #000;
}

@media (max-width: 480px) {
  .tabAreaWrap .tabHead ul,
  .tabAreaWrap .tabHead .tabTableRow {
    font-size: 12px;
  }
}
/* キャンセルボックス
--------------------------------------------------------- */
.contact .cancel_entry{
  background: #ada8a8;
}

/* ダミー部分装飾
--------------------------------------------------------- */
.dummy_banner,
.dummy_image {
  width: 195px;
  height: 32px;
  background-color: #ddd;
  text-align: center;
  padding-top: 20px;
}

.slide_dummy_banner,
.slide_dummy_image {
  width: 195px;
  height: 100%;
  text-align: center;
}
/* 貸金
--------------------------------------------------------- */
.kashikin_text{
  font-size: 12px;
  color: #555;
}
/* slider
--------------------------------------------------------- */
/* ----- SlidesJS Optional: If you'd like to use this design ----- */
#slides {
  display: none;
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

.slidesjs-slide a {
  display: block;
  height: 100%;
}

.slidesjs-slide a:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle;
}

.slidesjs-slide a img {
    width: 100%;
    height: auto !important;
    vertical-align: middle;
}

/* SlidesJS Required
----------------------- */
a.slidesjs-next, a.slidesjs-previous {
  border-radius: 2px 2px 2px 2px;
  background-color: #65AE07;
  border-bottom: 3px solid #508906;
  display: inline-block;
  padding: 7px 13px 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 10px;
  position: absolute;
  color: #fff;
  overflow: hidden;
}
a.slidesjs-next {
  float: left;
  right: 5px;
}
a:hover.slidesjs-next {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
a.slidesjs-previous {
  float: left;
  left: 5px;
}
a:hover.slidesjs-previous {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

.navbar {
  overflow: hidden;
}

/* End SlidesJS Optional
--------------------------------------------------------- */
/* ----- For tablets & smart phones ----- */
@media (max-width: 767px) {
  .container {
    width: auto;
    height: auto;
  }
}
/* ----- For smartphones ----- */
@media (max-width: 480px) {
  .container {
    width: auto;
    height: auto;
  }
}
/* ----- For smaller displays like laptops ----- */
@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 724px;
    height: auto;
  }
}
/* ----- For larger displays ----- */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
    height: auto;
  }
}
/* End SlidesJS Required
--------------------------------------------------------- */
/* お問い合わせボックス
--------------------------------------------------------- */
.normal_ttl {
  margin-bottom: 15px !important;
  padding: 5px 10px !important;
  border-bottom: solid 1px #bdbdbd;
  background-color: #f5f5f5;
  font-weight: bold !important;
}


/* お問い合わせボックス
--------------------------------------------------------- */
.inquiryWrapArea,
.inquiryWrapAreaB {
  margin: 40px 0 0;
  width: 100%;
  box-sizing: border-box;
}

.inquiryWrapArea p:last-child,
.inquiryWrapAreaB p:last-child {
  margin-bottom: 0;
}

.inquiryIcon {
  padding-left: 40px;
  color: #333333;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 14px;
}

.inquiryIcon:before{
  content: "";
  display: inline-block;
  width: 37px;
  height: 37px;
  background-image: url(/static/responsive/img/mem/icon_speech_bubble_wh.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
  position: absolute;
  top: 4px;
  left: 0px;
}

/*サブ見出し*/
.inquiryName p.guideTitle {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 9px;
  color: #1A4832;
}
.inquiryWrap p.guideTitle {
  font-size: 20px;
  color: #1A4832;
}
p.guideTitle + p {
  margin-top: 0;
}

li.guideTitle {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #1A4832;
}

/*お問い合わせ名*/
.inquiryName {
  font-weight: bold;
  margin-bottom: 12px;
}

/*番号*/
.inquiryWrapArea [data-ui-module-display*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] {
  margin-bottom: 15px;
}

.inquiryWrapArea [data-ui-module-display*="phone"] a[data-ui-module-prop*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] a[data-ui-module-prop*="phone"] {
  font-size: 1.4rem;
  display: inline-block;
  padding-left: 32px;
  position: relative;
  text-decoration: none !important;
  color: #1A4832 !important;
  vertical-align: text-top;
  max-width: calc(100% - 64px - 5px);
}

.inquiryWrapArea [data-ui-module-display*="phone"] span[data-ui-module-prop*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] span[data-ui-module-prop*="phone"] {
  font-size: 2.2rem;
  color: #117766;
  text-decoration: underline;
}

.inquiryWrapArea [data-ui-module-display*="phone"] > span:first-child:not([data-ui-module-prop*="phone"]),
.inquiryWrapArea [data-ui-module-display*="phone"] > strong:first-child,
.inquiryWrapAreaB [data-ui-module-display*="phone"] > span:first-child:not([data-ui-module-prop*="phone"]),
.inquiryWrapAreaB [data-ui-module-display*="phone"] > strong:first-child {
  display: inline-flex;
  width: 58px;
  height: 20px;
  justify-content: center;
  align-content: center;
  background: #1A4832;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: 10px;
}

.inquiryWrapArea [data-ui-module-display*="phone"] > [data-ui-module-prop*="phone"]:before,
.inquiryWrapAreaB [data-ui-module-display*="phone"] > [data-ui-module-prop*="phone"]:before{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #117766;
  background-image: url(/static/responsive/img/mem/icon_tel.svg);
  background-size: 11.2px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}

.inquiryWrapArea [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] {
  font-size: 2.4rem;
  line-height: 1.42;
  color: #1A4832;
  font-weight: bold;
  vertical-align: middle;
}

.inquiryWrapArea [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] + span,
.inquiryWrapAreaB [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] + span {
  display: inline-block;
  margin-top: 7px;
}

/*余白設定*/
.inquiryWrapArea [data-ui-module-display*="phone"] + [data-ui-module-display*="phone"],
.inquiryWrapArea [data-ui-module-display*="phone"] + .annotation_a,
.inquiryWrapArea [data-ui-module-display*="phone"] + .annotation_b,
.inquiryWrapAreaB [data-ui-module-display*="phone"] + [data-ui-module-display*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] + .annotation_a,
.inquiryWrapAreaB [data-ui-module-display*="phone"] + .annotation_b {
  margin-top: -12px;
}

.inquiryWrapArea * + .annotation_a,
.inquiryWrapArea * + .annotation_b,
.inquiryWrapAreaB * + .annotation_a,
.inquiryWrapAreaB * + .annotation_b {
  margin-top: 6px;
}

/*受付時間*/
.inquiryWrapArea .reception_wrap > div,
.inquiryWrapAreaB .reception_wrap > div {
  display: inline;
}

.inquiryWrapArea .reception_wrap + .reception_wrap,
.inquiryWrapAreaB .reception_wrap + .reception_wrap {
  margin-top: 5px;
}

.inquiryWrapArea [data-ui-module-display="mail"] a,
.inquiryWrapAreaB [data-ui-module-display="mail"] a {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}

.inquiryWrapArea [data-ui-module-display="mail"] a:before,
.inquiryWrapAreaB [data-ui-module-display="mail"] a:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/static/responsive/img/mem/icon_right_chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
  position: absolute;
  left: 0;
  top: 9px;
}

.inquiryWrapArea [data-ui-module-display="reception_hours"],
.inquiryWrapAreaB [data-ui-module-display="reception_hours"] {
  font-weight: bold;
}

.inquiryWrap ul li:last-child {
  margin-bottom: 0;
}

/*メール*/
.inquiryWrapArea [data-ui-module-display="mail"] .title,
.inquiryWrapArea [data-ui-module-display="mail"] .slash,
.inquiryWrapAreaB [data-ui-module-display="mail"] .title,
.inquiryWrapAreaB [data-ui-module-display="mail"] .slash {
  display: none;
}

.inquiryWrapArea [data-ui-module-display="mail"] a:after,
.inquiryWrapAreaB [data-ui-module-display="mail"] a:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/static/responsive/img/mem/icon_popup.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  margin-left: 6px;
}

/*住所*/
.inquiryWrapArea [data-ui-module-display="comment"] .title,
.inquiryWrapArea [data-ui-module-display="comment"] .slash,
.inquiryWrapAreaB [data-ui-module-display="comment"] .title,
.inquiryWrapAreaB [data-ui-module-display="comment"] .slash {
  display: none;
}

/* M-BO-10-1  お問い合わせ（2件） */
.inquiryColWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  width: 100%;
  margin-left: 0px;
}

.inquiryColWrap .inquiryWrap {
  width: 100%;
  margin-left: 0px;
}

.inquiryColWrap .inquiryWrap:nth-child(1) ~ .inquiryWrap{
  margin-top: 60px;
}

/* M-BO-10-2  お問い合わせ（3件） */
.inquiryColWrap .inquiryWrap:nth-child(2) ~ .inquiryWrap {
  margin-top: 0px;
}

.inquiryColWrap .inquiryWrap:nth-child(1) ~ .inquiryWrap {
  margin-top: 60px;
}

/* .inquiryWrapArea{ */
  /* border: 1px solid #99b9ad; */
  /* box-shadow: 0 0 1px #ccc; */
  /* padding: 15px; */
  /* margin: 20px 0; */
  /* width: 100%; */
  /* box-sizing: border-box; */
  /* display: block; */
/* } */

/* .inquiryIcon { */
  /* background: url("/common/dynamic/memx/img/sp/img_inquiry.png") no-repeat; */
  /* padding-left: 35px !important; */
  /* padding-bottom: 10px !important; */
  /* padding-top: 2px !important; */
  /* vertical-align: middle; */
  /* border-bottom: 1px solid #99b9ad; */
  /* font-size: 108%; */
  /* font-weight: bold; */
  /* display: block !important; */
/* } */
/* .inquiryWrapArea .text_01a, */
/* .inquiryWrapAreaB .text_01a { */
  /* margin-bottom:  10px; */
/* } */

/* .inquiryWrapArea .inquiryWrap.col1, */
/* .inquiryWrapAreaB .inquiryWrap.col1 { */
  /* padding: 5px; */
/* } */
/* .inquiryWrapArea .inquiryWrap li.inquiryName, */
/* .inquiryWrapAreaB .inquiryWrap li.inquiryName { */
  /* color: #005135; */
  /* font-weight: bold; */
/* } */
/* .inquiryWrapArea .inquiryWrap li.inquiryName, */
/* .inquiryWrapArea .inquiryWrap li.inquiryPhone, */
/* .inquiryWrapAreaB .inquiryWrap li.inquiryName, */
/* .inquiryWrapAreaB .inquiryWrap li.inquiryPhone { */
  /* margin-bottom: 8px; */
  /* padding: 0; */
/* } */

/* .inquiryWrapArea .inquiryWrap li.inquiryPhone span, */
/* .inquiryWrapAreaB .inquiryWrap li.inquiryPhone span { */
/* font-size: 135%; */
/* } */
/* .inquiryWrap li.inquiryHours{ */
/* } */
/* .inquiryWrap li.inquiryHours span:first-child{ */
  /* display: block; */
  /* font-weight: bold; */
  /* margin-bottom: 5px; */
/* } */
/* .inquiryWrap > ul:not(:first-child){ */
  /* border-top: 1px dotted #739f90; */
  /* margin-top: 20px; */
  /* padding-top: 20px; */
/* } */

/* .inquiryWrap li.inquiryComment { */
/* margin-top: 10px; */
/* } */
/* .inquiryWrapArea a, */
/* .inquiryWrapAreaB a{ */
  /* padding-left: 0; */
/* } */
/* .inquiryWrapArea a:after, */
/* .inquiryWrapAreaB a:after{ */
  /* display: none; */
/* } */
/* .inquiryWrapArea a:before, */
/* .inquiryWrapAreaB a:before{ */
  /* display: none; */
/* } */
/* .inquiryPhoneSpBtn{ */
  /* display: block; */
  /* border: 2px solid #ededed; */
  /* background: #ffffff; */
  /* background: -moz-linear-gradient(top, white 0%, lightgray 100%); */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, lightgray)); */
  /* background: -webkit-linear-gradient(top, white 0%, lightgray 100%); */
  /* background: -o-linear-gradient(top, white 0%, lightgray 100%); */
  /* background: -ms-linear-gradient(top, white 0%, lightgray 100%); */
  /* background: linear-gradient(to bottom, white 0%, lightgray 100%); */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); */
  /* color: #081b88; */
  /* text-align: center; */
  /* -webkit-border-radius: 5px; */
  /* -moz-border-radius: 5px; */
  /* -o-border-radius: 5px; */
  /* -ms-border-radius: 5px; */
  /* border-radius: 5px; */
  /* padding: 10px 0; */
  /* margin: 10px 0; */
  /* width: 100%; */
  /* text-decoration: none; */
/* } */

/* アイコンスタイル
--------------------------------------------------------- */
/*カラーラベル*/
.cLabel_free{
  display: inline-block;
  border: #fd7395 1px solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 3px 5px;
  margin-right: 2px;
  text-align: center;
  color: #fd7395;
  margin-left: 2px;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.cLabel_add{
  display: inline-block;
  border: #faa634 1px solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 3px 5px;
  margin-right: 2px;
  text-align: center;
  color: #faa634;
  margin-left: 2px;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.cLabel_rule{
  display: inline-block;
  border: #a7a7a7 1px solid;
  background-color: #fff28e;
  line-height: 1;
  padding: 3px 5px;
  text-align: center;
  color: #777777;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


.iconCell{
  vertical-align: middle;
}
.iconCell div{
  float: right;
}
.iconCell div iconCellTxt{
  float: none;
}
.iconCellTxt{
  float: left;
  min-width: 70px;
  width: 70%;
}
.cLabel_required,
.cLabel_optional,
.cLabel_gold{
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px !important;
  line-height: 1;
  padding: 4px 5px 4px;
  text-align: center;
  font-weight: normal !important;
  margin: 0 5px;
}

.cLabel_required{
  background-color: #DD3300 !important;
  color: white !important;
  vertical-align: middle;
  display: inline-block;
}
.cLabel_optional{
  background-color: #ffffff !important;
  color: #888888 !important;
  border: 1px solid #AAAAAA;
  vertical-align: middle;
  display: inline-block;
}
.cLabel_gold{
  background-color: #FF9933 !important;
  color: #ffffff !important;
  border: 1px solid #FF9933;
  vertical-align: middle;
  display: inline-block;
}
.iconCell .cLabel_required,
.iconCell .cLabel_optional,
.iconCell .cLabel_rule{
  float: right;
}

/*notes_listに入る場合*/
.notes_list [class^="cLabel"] {
  text-indent: 0em !important;
  margin-left: 0;
}

/*--- QA --- */
.qaAreaWrap dt{
  position: relative;
  padding-left: 40px;
  font-weight: bold;
  min-height: 30px;
}

.qaAreaWrap dt:before{
  content: url("/common/dynamic/memx/img/sp/q_icon.png");
  position: absolute;
  top: 0px;
  left: 0px;
}
.qaAreaWrap dd{
  position: relative;
  padding-left: 40px;
  min-height: 30px;
}

.qaAreaWrap dd:before{
  content: url("/common/dynamic/memx/img/sp/a_icon.png");
  position: absolute;
  top: 0px;
  left: 0px;
}
.qaAreaWrap dt + *,
.qaAreaWrap dd + *{
  margin-top: 10px;
}


/*--- conversion --- */

.conversionArea {
  margin: 10px 0;
  padding: 15px 18px;
  background-color: #efefef;
}

/*後で削除*/
.mainWidgetBase,
.ve0101-001,
.footerWidgetBase,
.headerWidgetBase {
  display: block;
}

.iframe_window {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  height: 300px;
  overflow: scroll;
}

.iframe_window iframe {
  width: 100%;
  height: 100%;
  display: block;
}


/*--- conversion --- */
.verticalStep dt{
  display: block;
  width: 100%;
  min-height: inherit;
  margin-top: 25px;
  padding: 10px 0 10px;
  background-color: #E1ECC5;
  position: relative;
  border-bottom: #E1ECC5 solid 1px;
  text-align: center;
  position: relative;
}
.verticalStep > dd > div:first-child {
  font-size: 16px;
  color: #005135;
  font-weight: 700;
}
.verticalStep > dd > div {
  padding: 10px 15px 10px;
}
.verticalStep +.verticalStep dt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  width: 0;
  height: 0;
  border-top: #E1ECC5 solid 17px;
  border-left: solid 47px transparent;
  border-right: solid 47px transparent;
  z-index: 99;
  margin-left: -47px;
}
/*--- add for Alcor Framework SelectExt Widget --- */
.dijitSelect .dijitArrowButtonInner, .dijitComboBox .dijitArrowButtonInner{
background-image: url("/app/dojo/dijit/themes/claro/form/images/commonFormArrows.png") !important;
background-position: -35px 53% !important;
background-repeat: no-repeat !important;
width: 22px;
}
.dijitTextBox, .dijitButtonNode {
border: none !important;
}
.soria .dijitButtonNode{
  padding: 0 !important;
}

/*dojoセレクトスタイル上書き*/

.operationCardBox select{
  width: 100% !important;
}


/* 複数カード券面
--------------------------------------------------------- */

.operationCardBox{
  /* border: 1px solid #A5B4AF; */
  margin: 5px 10px;
}
.operationCardBox .operationCardHead{
  padding: 10px;
  position: relative;
  background-color: #fff;
}
.operationCardBox .operationCardHead{
  margin-bottom: 0px;
}

.operationCardBox.common_accordion_parent {
  padding: 0;
}

.operationCardBox.common_accordion_parent .operationCardHead button {
  width: 24px;
  border-width: 0;
}

.operationCardBody{
  margin-bottom: 8px !important;
  margin-top: 0px !important;
}
.operationCardBody:before{
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  vertical-align: middle;
}
.operationCardBox .operationCardBody{
  border-top: none;
  padding: 0 10px;
}
.operationCardContents{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.operationCardBox .operationCardBody .operationCardImg{
  display: inline-block;
  vertical-align: top;
  max-width: 71px;
}
.operationCardBox .operationCardBody .operationCardImg img{
  height: auto;
  width: 57px;
}
.operationCardCaption{
  font-size: 12px;
}
.operationCardBox .operationCardBody .operationCardCaption{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 10px;
  width: calc(100% - 71px - 5px);
  font-size: 14px;
}
.operationCardBox .operationCardBody .operationCardCaption .dijitTextBox{
  width: 100% !important;
}

/* 住所検索
--------------------------------------------------------- */
/**
 * dijit/Dialog の表示を調整
 */
.claro .dijitDialog,.soria .dijitDialog{
  background: #fff !important;
  border: 1px solid #000 !important;
  z-index: 1000 !important;
}
/* タイトルバーの色を変更 */
.dijitDialog div.dijitDialogTitleBar {
    background: #fff;
    padding: 0;
    border: none !important;
}

 /*タイトルバーの文字色を変更 */
.dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
  color: #005135 !important;
  font-weight: bold !important;
  padding: 0px 8px 6px 10px !important;
  font-size: 129% !important;
  margin: 10px 0 0px;
  position: relative;
  display: block;
  background-color: #fff;
}
.dijitDialog .dijitDialogTitleBar .dijitDialogTitle:before {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #005135;
}
/* タイトルバー右上の閉じるボタンを非表示に設定 */
.dijitDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
    display: none;
}
.lastAddress {
    color: white;
    background: #fe3c07;
}

.claro .dijitDialogPaneContent{
  border-top: none !important;
}

 /*ばなーサイズ指定 */
.largeBanner{
  width: 100%;
  height: auto;
}
.smallBanner{
  width: 200px;
  height: auto;
}
.smallBanner02{}

.bannerBox{
  padding: 15px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #d5d5d5;
  background-color: #eeeeee;
}

/* テキストバナーエリア
--------------------------------------------------------- */
.textBannerAreaWrap {
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1px solid #EBEBA9;
  margin: 20px 0;
  background-color: #FCFCDD;
}
.textBannerAreaWrap .textBannerAreaTitle {
  border-bottom: 1px solid #EBEBA9;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 13px !important;
}

/* テキストボックスエリア
--------------------------------------------------------- */
.addressTextBoxArea {
  padding: 8px 5px;
  box-sizing: border-box;
  border: 1px solid #ff9933;
  background-color: #FCFCDD;
}


/*サイト内検索-------------------------------------*/
/* === HTML === */
div#SS_contents {
  margin: 0px;
}
div#SS_contents img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
div#SS_contents a{
  border:0px;
}
div#SS_contents span.clear {
  clear: left;
  height: 1px;
}

/* === Layout === */

div#SS_contents {
  padding: 0px;
  margin: 0px;
  background-color: #FFF;
}

/* === Search === */

div#SS_contents div.SS_search {
  margin: 0px 0px 10px 10px;
}
div#SS_contents div.SS_searchCategory {
  margin-top: 3px;
}

/* === Navication === */

div#SS_contents div#SS_navi {
  margin-top: 10px;
  padding: 5px 0px 5px 33px;
  height: 16px;
}
div#SS_contents div#SS_navi div#SS_naviResult {
  width: 407px;
  float: left;
  text-align: right;
}
div#SS_contents div#SS_navi span#SS_queryString {
  padding-left: 5px;
}

div#SS_contents div#SS_navi span#SS_totalHits {
  padding-left: 10px;
}
div#SS_contents div#SS_navi span#SS_showCounts {
  padding-left: 10px;
}

div#SS_contents div#SS_navi span#SS_naviSort {
  float:left;
  width: 122px;
  display: block;
}
div#SS_contents span#SS_sortMatch {
  padding: 0px;
}
div#SS_contents span#SS_sortDate {
  padding: 0px;
  margin-left: 4px;
}
div#SS_contents span#sortSelected {
  font-weight: bold;
}
div#SS_contents div.SS_query {
  display: inline;
  width: 200px;
  padding-left: 15px;
}
div#SS_contents div.helplink {
  display: inline;
}

/* === Adlink === */

div#SS_contents div#SS_adlink {
  width: auto;
  margin: 20px 0px 0px 8px;
  padding: 5px 0px 10px 5px;
  background-color: #E8F4FF;
  border: 1px solid #D2EAFF;
}
div#SS_contents div.SS_adlinkItem {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  line-height: 1.2em;
}
div#SS_contents div.SS_adlinkImage {
  float: left;
  width: 170px;
  border: 1px solid #CCC;
  background-color: #FFF;
}
div#SS_contents div.SS_adlinkImage img {
  padding: 4px;
}
div#SS_contents div.SS_adlinkPage {
  float: left;
  width: 540px;
  padding-top: 2px;
  margin-left: 10px;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkTitle {
  font-size: 120%;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkSummary {
  margin: 4px 0px;
  font-size: 100%;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkUrl {
  font-size: 100%;
  color: #006F00;
}
div#SS_contents div.SS_adlinkPage span.SS_highlight {
  font-weight: bold;
}

/* === Result === */

div#SS_contents div#SS_result {
  margin: 5px 0px 20px 5px;
  width: 562px;
}
div#SS_contents div.SS_item {
  margin-bottom: 7px;
  line-height: 1.2em;
  display: inline-block;
  zoom:1;/*for IE 5.5-7*/
}
div#SS_contents div.SS_item div.SS_image {
  float: left;
  width: 170px;
}
div#SS_contents div.SS_image {
}
div#SS_contents div.SS_image img {
  padding: 4px;
  border: 1px solid #CCC;
}
div#SS_contents div.SS_page_index {
  width: 2em;
  padding-top: 3px;
  padding-right: 4px;
  text-align: right;
  float: left;
}
div#SS_contents div.SS_item div.SS_page {
  float: left;
  width: 530px;
  margin-left: 0px;
  line-height: 1.4;
  padding-top: 2px;
}
div#SS_contents div.SS_item span.SS_highlight {
  font-weight: bold;
}
div#SS_contents div.SS_item div.SS_page span.SS_url {
  color: #006F00;
}
div#SS_contents div.SS_item span.SS_contentType {
  font-weight: bold;
}
div#SS_contents div.SS_item span.SS_contentLength {
  display: block;
  float: left;
}
div#SS_contents div.SS_item span.SS_lastModified {
  float: left;
  margin-left: 5px;
}

/* === Paging === */

div#SS_contents div.SS_paging {
  text-align:right;
  margin: 5px 0px 15px 0px;
  padding-right: 5px;
  clear: left;
}
div#SS_contents div.SS_paging b.SS_selectPage {
  border: 1px solid #EEE;
  background-color: #FAFAFA;
  padding: 1px 7px 1px 7px;
  width: 20px;
  position:relative; /* for IE bug */
}
div#SS_contents div.SS_paging span.SS_numberPage {
  border: 1px solid #EEE;
  padding: 1px 7px 1px 7px;
  width: 20px;
  position:relative; /* for IE bug */
}

/* === NotFound === */

div#SS_contents div#SS_notFound {
  font-size: 100%;
  margin: 0;
}
div#SS_contents div#SS_notFound #SS_hint {
  margin: 15px 0px 0px 5px;
}
div#SS_contents div#SS_notFound ul#SS_hintMessage {
  margin-top: 0;
  margin-left: 25px;
}

/* === Preview === */

div#SS_contents div#SS_preview {
  position: absolute;
  z-index: 100;
  width: 436px;
  height: 336px;
  background: url(http://image.syncsearch.jp/image/preview.gif) no-repeat 0 0;
  display: none;
}
div#SS_contents div#SS_previewContainer {
  width: 407px;
  height: 307px;
  margin: 16px 0px 0px 16px;
  background: url(http://image.syncsearch.jp/image/shadow.png) no-repeat 0 0;
}

/* === Suggest === */

div#SS_contents img#SS_previewImage {
  border: 1px solid #CCCCCC;
}
div#SS_contents input.SS_searchQuery {
  ime-mode : active;
  position: relative;
  top: -3px;
  width: 150px;
}
div#SS_contents input.SS_searchQueryButton {
    position: relative;
    top: 2px;
}
div#SS_contents div.SS_suggest {
  text-align: left;
  font-weight: normal;
  z-index: 9;
  display: none;
  position: absolute;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 200px;
}
div#SS_contents div.SS_suggest div.SS_suggestItemOff {
  background-color: #FFF;
  border-top: 1px solid #CCC;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div#SS_contents div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div#SS_contents div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
  padding-left: 4px;
}
div#SS_contents div.SS_suggest span.SS_suggestRate {
  width: 100px;
}

/* === Customize === */

div#SS_contents div.SS_fontsize {
    left: 1px;
    position: relative;
    top: -6px;
}

div#SS_contents span.query_word {
    font-size: 14px;
    font-weight: bold;
    margin-left: 1px;
}

div#SS_contents span.helplink {
    margin-right: 4px;
}

div.SS_adlink.title {
    margin-bottom: 10px;
}
div.clear {
  font-size:0;
  line-height:0;
  clear: both;
}
div.vspacer20 {
  font-size: 0;
  line-height: 0;
  height: 20px;
}

/* === faq === */

div#SS_contents div#SS_faq {
  width: auto;
  margin: 5px 5px 0px 8px;
  padding: 5px 0px 10px 5px;
  background-color: #e6f0fa;
  border: 1px solid #d9d9d9;
/*  background-color: #eaffd5; */
/*  border: 1px solid #8fca78; */
}
div#SS_contents div.SS_faqItem {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  line-height: 1.2em;
}
div#SS_contents div.SS_faqImage {
  float: left;
  width: 170px;
  border: 1px solid #CCC;
  background-color: #FFF;
}
div#SS_contents div.SS_faqImage img {
  padding: 4px;
}
div#SS_contents div.SS_faqPage {
  float: left;
  width: 520px;
  padding: 2px 10px 0 10px;
  box-sizing: border-box;
}
div#SS_contents div.SS_faqPage div.SS_faqTitle {
  font-size: 100%;
}
div#SS_contents div.SS_faqPage div.SS_faqSummary {
  margin: 4px 0px;
  font-size: 100%;
}
div#SS_contents div.SS_faqPage div.SS_faqUrl {
  font-size: 100%;
  color: #006F00;
}
div#SS_contents div.SS_faqPage span.SS_highlight {
  font-weight: bold;
}

div#SS_contents div.SS_faqPage div.SS_faqUrl {
    margin-bottom: 5px;
}
p.faq_label {
    text-decoration:underline;
    margin-left:10px;
    font-size:120%;
    font-weight:bold;
    margin-bottom:0px;
}

/*サイト内検索 検索独自css上書き*/
div#SS_contents div.SS_item div.SS_page,
div#SS_contents div.SS_adlinkPage,
div#SS_contents div#SS_result,
div#SS_contents div#SS_navi div#SS_naviResult,
div#SS_contents div.SS_faqPage,
div#SS_contents div.SS_suggest,
div#SS_contents div#SS_previewContainer,
div#SS_contents div#SS_preview,
div#SS_contents div.SS_adlinkImage,
div#SS_contents div.SS_item div.SS_image,
div#SS_contents div.SS_query,
div#SS_contents div#SS_adlink{
  width: 100% !important;
}
div#SS_contents div.SS_item div.SS_page span.SS_url nobr,
div#SS_contents div.SS_adlinkPage div.SS_adlinkUrl nobr,
div#SS_faq nobr{
  white-space: normal;
  word-break: break-all;
  width: 95%;
  display: block;
}

div#SS_contents  td{
  padding: 0 !important;
}

div#SS_contents div#SS_navi{
  padding-left: 0 !important;
  overflow: hidden;
  height: auto !important;
}

div#SS_contents div#SS_navi div#SS_naviResult,
div#SS_contents div#SS_navi span#SS_naviSort{
  float: none !important;
}
div#SS_contents div#SS_adlink{
  margin: 0 !important;
  box-sizing: border-box;
  padding: 10px !important;
}

div#SS_contents div#SS_adlink *{
  box-sizing: border-box;
}

div#SS_contents div.SS_adlinkPage{
  float: none;
  margin-left: 0 !important;
}

div#SS_contents div#SS_result{
  margin: 0 !important;
}

div#SS_contents div.SS_item{
  position: relative;
}

div#SS_contents div.SS_page_index{
  min-width: 1em !important;
  float: none !important;
  padding-right: 0 !important;
  position: absolute;
  left: 0;
  top: 0;
  text-align: left !important;
}
div#SS_contents div.SS_item div.SS_page{
  float: none;
  padding-left: 2em;
  box-sizing: border-box;
}

/* WEB明細　H2画像用style */

.imgH2Wrap {
    border-bottom: solid 1px #005135;
    padding-bottom: 2px;
}

.imgH2Wrap .imgH2 {
    width: 100%;
    max-width: 398px;
    height: auto !important;
}

/*提携カード券面画像の比率調整用*/
.cardImgOther {
    width: auto;
    height: 110px;
}

.autoBuildTable01 td:first-child {
    background-color: #f5f5f5;
    font-weight: bold;
  }

.autoBuildTable01 td:first-child .font_n_bold{
    -webkit-text-stroke: 0px;
    font-weight: bold;
}

.slideSingleBanner{
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
}

.slideSingleBanner img{
  width: 100%;
  height: auto;
}

/*SPバナー2カラム用*/
.smallBannerColumn{
    width: 100%;
}

.smallBannerColumn li{
    width: 48%;
    float: left;
    margin-bottom: 10px;
}

.smallBannerColumn li img{
    width: 100%;
    max-height: 100%;
}

.smallBannerColumn li:nth-child(2n+1){
    margin-right: 5px;
}

.smallBannerColumn:after{
    display: block;
    clear: both;
    content: ".";
    height: 0;
    visibility: hidden;
}


/*
 *キャンペーン専用CSS
 *キャンペーン内で新しく定義するクラス名には先頭に「Campaign」をつけて定義しキャンペーン内で使用されているクラスと特定できるようにする。
*/

.tabAreaWrap.CampaignTab{
  margin-bottom: 3px;
}
.tabAreaWrap.CampaignTab .tabHead{
  display: block;
}
.tabAreaWrap.CampaignTab .tabTableRow{
  display: block;
  font-size: 0;
}
.tabAreaWrap.CampaignTab .tabTableRow > a{
  display: inline-block;
  font-size: 12px;
  width: 33.3%;
  vertical-align: bottom;
}
.tabAreaWrap.CampaignTab .tabTableRow > a:before{
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  margin-left: -1px;
  vertical-align: middle;
}
.tabAreaWrap.CampaignTab .tabTableRow span{
  display: inline-block;
  vertical-align: middle;
}


.tabAreaWrap.CampaignTab .tabHead .tabTableRow > a{
  padding: 3px;
  
}
.tabAreaWrap.CampaignTab .tabHead .tabTableRow > a.act{
  min-height: 0;
  
}


.CampaignTab .tabUnderLine{
  margin-bottom: 0;
}

.CampaignContentsWrap{
  position: relative;
}

.CampaignContentsWrap *{
  box-sizing: border-box;
}

.CampaignToggleWrap{
  display: none;
}

.CampaignToggleWrap.MultiRowLayout {
  padding: 5px;
  white-space: normal;
  text-align: left;
}

.CampaignToggleWrap.act{
  width: auto;
  position: fixed;
/*  box-shadow: 0 0 4px 0 #aaaaaa;*/
  border-bottom: 1px solid #dfdfdf;
  top: calc(76px + 100vw * 0.12 - 1px);/*ヘッダー高さ　+　SMBCライン高さ比率 - 調整値*/
  left: 10px;
  right: 10px
}

.CampaignToggleItem{
  /*ここに「position: relative;」を設定するとandroid 4.2で触れなくなる*/
  width: 18.5%;
  background: #ffffff;
  border: 1px solid #badd20;
  border-radius: 5px;
  padding-top: 24px;
  color: #005135;
  margin-right: 2px;
  margin-left: 2px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.CampaignToggleItem.MultiRowLayout{
  margin: 5px 2px;
}

.CampaignToggleItem.act{
  background: #f3ffd5;
}

.CampaignToggleItem > span{
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.2;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  margin-bottom: -2px;
}

.CampaignToggleItem span.SpWordBreak:before{
  content: "\A" ;
  white-space: pre ;
}

.CampaignToggleItem img[style] + span{
  margin-top: -24px;
}


.CampaignToggleItem:after{
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  vertical-align: middle;
  margin-right: -1px;
}

.CampaignToggleItem img{
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -30px;
  position: relative;
  top: 5px;
  left: 50%;
  margin-left: -16px;
}


.CampaignItemWrap{
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  display: table;
  width: 100%;
  text-decoration: none;
  color: #000000;
}


.CampaignItemWrap + .CampaignItemWrap{
  border-top: none;
}

.CampaignItemInner{
  display: table-row;
}

.CampaignItemImg,.CampaignItemDetail,.CampaignItemEntry{
  display: table-cell;
  vertical-align: top;
}

.CampaignItemImg {
  text-align: center;
  width: 95px;/*バナー画像の幅と同じにする*/
}

.CampaignItemImg img{
  display: block;
  width: 100%;
  height: auto;
}

.CampaignItemImgInner{
  width: 95px;
  height: 79.45px;
  display: block;
  margin: 0 auto;
  background-size: 95px auto;
}

.CampaignItemImg p{
  display: inline-block;
  font-size: 10px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -webkit-transform-origin: 0 0;
  color: #333;
}

.CampaignIcon{
  padding-right: 5px;
  vertical-align: top;
  margin-bottom: 5px;
}

.CampaignIconNew,
.CampaignIconDeadline,
.CampaignIconNecessary,
.CampaignIconUnnecessary{
  line-height: 1;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
}

.CampaignIconNew,
.CampaignIconDeadline {
  background: #D0830A;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignIconNecessary {
  background: #4A9796;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignIconUnnecessary{
  background: #888;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignItemDetail{
  padding-left: 6px;
  padding-right: 2px;
}

.CampaignDescription p{
  font-size: 13px;
  margin-top: 5px;
}


.CampaignName p{
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  line-height: 1.4;
}

.CampaignPeriod p{
  font-size: 10px;
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-transform-origin:0 0;
  width: 110%;
  margin-top: 5px;
  color: #333;
}
@media screen and (max-width: 360px) {
  .CampaignPeriod p{
    width: 100%;
  }
}

.CampaignPeriod p + p{
  margin-top: 0;
}

.CampaignItemEntry{
  vertical-align: middle;
  padding: 0 0 0 0px;
}

.CampaignItemEntry span{
  display: inline-block;
  width: 10px;
  height: 20px;
  background: url(/common/dynamic/memx/img/campaign/campaign_SP_arrow.png) no-repeat 0 0;
  background-size: 10px auto;
}

.CampaignSettledWrap{
  margin-bottom: 10px;
  margin-top: -10px;
}

.CampaignSettledWrap:empty{
  margin-top:0px
}

.CampaignSettledWrap > div{
  padding: 10px 5px;
  border-bottom: 1px solid #d6d6d6;
}


.CampaignSettledWrap .CampaignName{
  display: block;
  margin-bottom: 10px;
}
.CampaignSettledWrap .CampaignName a{
  font-weight: bold;
}
.CampaignSettledWrap .CampaignName a:not([href]){
  text-decoration: none;
  color: #000000;
}

.CampaignSettledWrap .CampaignPeriod,
.CampaignSettledWrap .CampaignCourse{
  margin: 0;
  font-size: 11px;
}

.CampaignSettledWrap .CampaignRemarks{
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.CampaignSettledWrap .CampaignCode{
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}
.CampaignSettledWrap .CampaignDescription {
  font-size: 13px;
  margin-bottom: 5px;
}

.CampaignSettledWrap .attention_line{
  margin-top: 5px;
}

.pageTop{
  display: none;
  border: 1px solid #C0C0C0;
  color: #ffffff !important;
  text-decoration: none;
  padding: 7px 10px 6px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #5c5c5c;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}

.pageTop:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 0;
  height: 0;
  margin-top: -4px;
  margin-left: -7px;
  border: transparent solid 7px;
  border-bottom-color: #FFF;
  border-top: none;
}
.pageTop:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -7px;
  border: transparent solid 7px;
  border-bottom-color: #5c5c5c;
  border-top: none;
}



.CampaignTerminatedToggle .onText{
  display: none;
}
.CampaignTerminatedToggle.on .onText{
  display: inline;
}
.CampaignTerminatedToggle.on .offText{
  display: none;
}

.CampaignCompletebanner{
  margin-top: 10px;
  text-align: center;
}
.CampaignCompletebanner a{
  display: inline-block;
}
.CampaignCompletebanner img{
  max-width: 100%;
  height: auto;
}
.CampaignCompletebanner a + a{
  margin-top: 10px;
}

.CampaignNoCampaignMessage{
  padding-bottom: 40px;
}

/*    VISAフレンド   */
.visafriend{
  border: 1px solid #c8c8c8;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
  text-shadow: 1px 1px 0px #FFF;
  padding: 1px;
}
.visafriend img{
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.visafriend .visafriendHeading{
  font-weight: bold;
  margin-bottom: 1px;
  padding: 10px;
  text-decoration: none !important;
  background: #cccccc;
}
/*.visafriend .visafriendHeading .headingItem1,
.visafriend .visafriendAttention{
  color: #ff1616;
}
.visafriend .visafriendHeading .headingItem2{
  color: #ffa650;
}*/
.visafriend .visafriendDiscription{
  margin: 10px;
  font-size: 14px;
  color: #000000;
}
.visafriend ul li{
  margin:0 10px;
  text-decoration: underline;
}

/*----------------------------------キャンペーンEND-----------------------------------------------*/

/* slick */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* slick END */

/*
 * 書類アップロード専用CSS
 */
.upload_image {
  text-align: center;
}

.table_fixed {
  table-layout: fixed;
}

.uploadPreviewImgDiv {
    overflow: scroll;
    height: 300px;
}

/*----------------------------------書類アップロードEND-----------------------------------------------*/
/* 必須アイコン位置調整用 */
div.iconCell {
    padding-right: 45px;
    position: relative;
}
div.iconCell span.cLabel_required{
    position: absolute;
    right: 0;
    margin-top: -10px;
    top: 50%;
}

/* 画像幅調整 */
.rwd_max100percent img{
    max-width: 100%;
    height: auto;
}


@media print{
    .footerWidgetBase {
      display: none !important;
    }
}

/*マイページ*/
.MypageContent_info{
  padding: 5px 0px 20px 0px;
  clear: both;
  border-top: 2px solid #117766;
  border-bottom: 2px solid #117766;
}

.MypageInformationHead ul{
  font-size: 0px;
  width: 100%;
  display: flex;
}
.MypageInformationHead ul::-webkit-scrollbar {
  display: none;
}
.MypageInformationHead ul li{
  width: calc(100% / 6);
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  word-break: break-all;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #888888;
  line-height: 1.38;
  font-size: 1.3rem;
  padding: 12px 2px;
  justify-content: center;
}

.MypageInformationHead ul li:first-child{
  border-left: 1px solid #ccc;
}

.MypageInformationHead ul li.Act{
  background-color: #117766 !important;
  color: #FFFFFF;
  border-color: #117766;
}

.MypageInformationHead ul li.Act::after{
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border: 12px solid #117766;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: transparent;
}

.MypageInformationBody dl{
  overflow: hidden;
}
.MypageInformationBody dl:first-child{
  margin-top: 0px;
}
.MypageInformationBody dl:not(:last-child){
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}
.MypageInformationBody dt{
  color: #888888;
  margin-top: 17px;
  margin-bottom: 5px;
}
.MypageInformationBody dd{
  width: 100%;
  position: relative;
  box-sizing: border-box;
  word-break: break-all;
  color: #333333;
}

.MypageInformationBody dt + dd:not(:last-child){
  margin-bottom: 20px;
}

.MypageInformationBody dd .MypageArrowIcon{
  position: absolute;
  top: 4px;
  right: 0;
}
.MypageInformationLoading{
  background: #ffffff;
  text-align: center;
  padding: 30px;
}

.MypageInformationNewsFooter{
  margin-top: 30px;
}

.MypageInformationNewsFooter:first-child{
  margin-top: 0px;
}


/* 強制ログイン専用
--------------------------------------------------------- */

.login_text {
  height: 100%;
  width: 100%;
  border: solid 1px #dddddd !important;
  background-color: transparent !important;
  padding: 1px 16px !important;
  font-size: 16px !important;
  line-height: 30px;
  border-radius: 4px !important;
  margin: 0 !important;
  outline: none;
  max-width: 100% !important;
}

.login_text:not(:placeholder-shown),
.login_text:focus {
  border-color: #00846D !important;
}

.login_text.action_validate_error {
  border: solid 1px #eb4d4d !important;
}

.login_text::placeholder {
  color: rgba(0, 0, 0, 0);
}

.login_text_wrap {
  position: relative;
  height: 48px;
}

.login_text_outer_wrap {
  margin-bottom: 24px;
}

.login_error_back{
  background: #ffdcd0 !important;
  border: none !important;
  margin: 32px 0 -10px !important;
}

.loginArea .error_text {
  color: #EB4D4D;
  font-weight: normal;
  margin: 8px 0 0 0;
  font-size: 12px;
  padding-left: 0;
  line-height: 20px;
}

.loginArea .error_text::before {
  content: none;
}

.loginArea input.pw_input::-webkit-credentials-auto-fill-button {
  margin: 0;
  width: 0;
  background-color: transparent;
}

.loginSubmit .default_btn {
  margin: 0 0 10px 0;
}

.loginBox {
  margin-bottom: 64px;
}

.loginSubmit {
  text-align: center;
  margin-top: 32px;
}

.loginSubmit .default_btn {
  width: 280px;
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 40px;
  transition: 0.2s;
  position: relative;
  z-index: 10;
  justify-content: center;
  line-height: 30px;
  letter-spacing: 0.06em;
  margin-bottom: 0px;
  background-image: url(/mem/responsive/img/ic-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: auto 20px;
}

.loginSubmit .loginbtn {
  background: #00846D;
  display: inline-flex;
  position: relative;
  margin-bottom: 24px;
}

.loginSubmit .loginbtn::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  display: block;
  transition: .5s;
  background: #076B59;
  height: 100%;
  pointer-events: none;
}

.loginSubmit .loginbtn:hover::before {
  width: 100%;
}

.loginBox li {
  padding: 0;
}

.menuArea {
  flex: 0 0 500px;
  border-left: none;
  padding: 28px 0;
  margin-left: 0;
  margin-top: 48px;
  border: 4px solid #F5F5F5;
}

.menuArea .co_btn {
  width: 280px;
  max-width: 100%;
  background: none;
  background-color: rgba(0,0,0,0) !important;
  color: #00846D !important;
  border: 2px solid #00846D !important;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding: 7px 38px;
  transition: 0.2s;
  position: relative;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  line-height: 30px;
  letter-spacing: 0.06em;
  margin-bottom: 24px;
}

.menuArea .co_btn:hover {
  color: #FFFFFF !important;
}

.menuArea .co_btn::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -1px;
  width: 0;
  display: block;
  z-index: -1;
  transition: .5s;
  background: #00846D;
  color: #FFFFFF;
}

.menuArea .co_btn:hover::before {
  width: calc(100% + 2px);
  color: #FFFFFF;
}

.menuArea .co_btn::after {
  position: absolute;
  right: 16px;
  top: 50%;
  content: " ";
  width: 1em;
  height: 1em;
  background: url(/mem/responsive/img/ic-arrow-right.svg) no-repeat center right;
  background-size: contain;
  transform: translateY(-50%);
}

.menuArea .co_btn:hover::after {
  background: url(/mem/responsive/img/ic-arrow-right-white.svg) no-repeat center right;
}

.loginBox h1{
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
  min-width: 0px;
  font-size: 2.6rem;
  line-height: 1.389;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
  margin-bottom: 6px;
}

.loginBox h2{
  font-size: 2.4rem;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
  margin-bottom: 6px;
}
.loginBox h2:before{
  display: none;
}

.loginBox h3 {
  display: inline-block;
  font-size: 20px;
  width: 280px;
  height: 32px;
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
  padding-left: 40px;
  text-align: left;
  line-height: 32px;
  box-sizing: border-box;
  overflow: visible;
  color: #333;
}
.loginBox h3::before{
  position: absolute;
  display: block;
  background: url(/mem/responsive/img/ic_signup.svg);
  top: 0;
  left: 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  transform: none;
  border-left: none;
}
.loginBox .loginArea h3 {
  padding-left: 0;
}
.loginBox .loginArea h3::before {
  display: none;
}

.loginBoxLabel {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 30px;
  color: #B7B7B7;
  transition: top 0.15s, font-size 0.15s, left 0.15s, padding 0.15s;
}

.login_text:not(:placeholder-shown) + .loginBoxLabel,
.login_text:focus + .loginBoxLabel,
.login_text:-webkit-autofill + .loginBoxLabel {
  top: 0;
  left: 8px;
  font-size: 13px;
  line-height: 24px;
  background-color: #FFF;
  padding: 0px 8px;
  color: #00846D;
}

.login_text.action_validate_error + .loginBoxLabel {
  color: #eb4d4d;
}

/* 目マークパスワード非表示状態 */
.loginArea .show_pw_switch_off::before {
  background: url(/mem/responsive/img/ic_pass_inactive_off.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  pointer-events: auto;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.login_text:not(:placeholder-shown) ~ .show_pw_switch_off::before,
.login_text:focus ~ .show_pw_switch_off::before,
.login_text:-webkit-autofill ~ .show_pw_switch_off::before {
  background: url(/mem/responsive/img/ic_pass_off.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.login_text.action_validate_error ~ .show_pw_switch_off::before {
  background: url(/mem/responsive/img/ic_pass_off_error.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}

/* 目マークパスワード表示状態 */
.loginArea .show_pw_switch_on::before {
  background: url(/mem/responsive/img/ic_pass_inactive_on.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: block;
  pointer-events: auto;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.login_text:not(:placeholder-shown) ~ .show_pw_switch_on::before,
.login_text:focus ~ .show_pw_switch_on::before,
.login_text:-webkit-autofill ~ .show_pw_switch_on::before {
  background: url(/mem/responsive/img/ic_pass_on.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.login_text.action_validate_error ~ .show_pw_switch_on::before {
  background: url(/mem/responsive/img/ic_pass_on_error.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.loginBoxTitle {
  font-size: 1.3rem;
}

.loginArea .smallArrowLink li:not(:last-child) {
  margin-bottom: 16px;
}

.menuArea .smallArrowLink.smallPopLink {
  margin-bottom: 16px;
}
.menuArea .smallArrowLink.smallPopLink a::after {
  content: "";
  margin-left: 8px;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: -1px;
  background: url(/mem/responsive/img/ic-window.svg);
  background-repeat: no-repeat;
}
.loginArea .smallArrowLink.smallblankLink {
  margin-top: 16px;
}
.loginArea .smallArrowLink a,
.menuArea .smallArrowLink a {
  width: 280px;
  background: rgba(0,0,0,0);
  color: #00846D;
  border: none;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  position: relative;
  line-height: 26px;
  letter-spacing: 0.06em;
  padding-left: 0px;
}
.loginArea .smallArrowLink a::before,
.menuArea .smallArrowLink a::before {
  content: none;
}
.loginArea .smallArrowLink a::after,
.menuArea .smallArrowLink a::after {
  content: " ";
  margin-left: 8px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: -2px;
  background: url(/mem/responsive/img/ic-arrow-right.svg);
  background-size: contain;
}
.loginArea .smallArrowLink.smallblankLink a::after {
  background: url(/mem/responsive/img/ic-blank.svg);
}

.login_form .capyArea #capy-captcha-caption {
  margin-top: 16px !important;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 30px;
}

.capyArea {
    overflow: hidden;
    margin-bottom: 30px;
}

.login_form {
  padding: 0 20px;
}

.login_form .capyArea {
  margin: 32px 0 0;
  overflow: visible;
}

.login_form .capyArea #capy-captcha-caption {
  margin-top: 16px !important;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 30px;
}

.login_form h2 {
  border: none;
  padding-bottom: 0;
  margin: 25px 0 30px;
  line-height: 0;
}
.login_form h2::before{
  display: none;
}

.login_form p{
  font-size: 16px;
  border: none;
  padding-bottom: 0;
  margin-top: 10px;
  height: 10px;
  letter-spacing: 1.44px;
  color: #333;
}

.login_form h5 {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.96px;
  position: relative;
  margin-bottom: 25px;
  padding-left: 1em;
}
.login_form h5::before {
  content: "";
  display: inline-block;
  top: 0.4em;
  left: 0;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  position: absolute;
  background: url(/mem/responsive/img/ic-h5.svg) no-repeat;
}

/* Amazonロゴ
--------------------------------------------------------- */
.amazon_logo_img {
  margin-left: 10px;
  vertical-align: middle;
}

/* 強調表示
--------------------------------------------------------- */
.accent_color {
  background-color: #e9f4f2 !important;
}

/* M-BT-10  CVエリア - 固定 */
.followBtnArea {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 75px;
  display: none;
  z-index: 981;
}

.followBtnArea_inner {
  max-width: 1000px;
  margin: 0 auto;
}
.followBtnArea_inner .btnNormal {
  margin: 0 auto;
  display: block;
}

.followBtnArea_cloase {
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 21px;
  height: 21px;
  font-size: 1rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: rotate(45deg);
  margin-top: -10.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.followBtnArea_cloase:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
}
.followBtnArea_cloase:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1px;
}

.pos_absolute {
  position: absolute !important;
}

.attention_text {
  position: relative;
  line-height: 1.4;
  padding-left: 26px;
  margin: 6px 0 6px 0;
}

.attention_text::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/static/responsive/img/mem/icon_caution.svg) no-repeat;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
}

/*アンカーリンク位置ずれ調整*/
.anchor_link_target {
  padding-top: 125px;
  margin-top: -125px;
}


/* M-TR-3-2  アンカーリンクS */
.ancSmallArrowLink li a:hover {
  opacity: 0.5;
}

.ancSmallArrowLink a {
  display: inline-block;
  position: relative;
  padding-left:18px;
  line-height: 1.5;
}

.ancSmallArrowLink a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5.5px 0;
  border-color: #117766 transparent transparent;
  margin-right: 10px;
  position: absolute;
  top: 8px;
  left: 0px;
}
/* よくあるご質問（FAQ） */
.faqAreaWrap {
  margin-bottom: 60px;
}
.faqIcon {
  padding-left: 38px;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}
.faqIcon:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #1a4832;
  background-image: url(/static/responsive/img/mem/icon_question_mark_wh.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 15px;
  position: absolute;
  left: 0;
}
.faqAreaWrap p {
  margin-bottom: 10px;
}
.faqAreaWrap .smallArrowLink {
  margin-top: 15px;
  margin-bottom: 35px;
}
.faqAreaWrap .smallArrowLink li {
  margin-top: 0;
}
.faqAreaWrap .smallArrowLink li:not(:last-child) {
  margin-bottom: 20px;
}

.faqAreaWrap .smallArrowLink p {
  margin-top: 3px;
  padding-left: 26px;
}

/* よくあるご質問（FAQ - 全体） */
.faqAreaWrap.all {
  border-top: 1px solid #ccc;
  padding-top: 35px;
}
.faqAreaWrap.all .faqIcon {
  font-size: 2.4rem;
}
.faqAreaWrap.all .faqIcon:before {
  top: 1px;
}
/* 印刷ボタン */
.prt_btn_box {
  text-align: right;
  margin: 15px 0;
}

.prt_btn {
    background-color: #C3D600;
    background-image: none;
    border-radius: 0;
    border: 1px solid #C3D600;
    box-sizing: border-box;
    color: #1A4832 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    padding: 8px 15px 8px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 180px;
}

/* ご注意 */
.caution {
  padding-left: 15px;
  margin-bottom: 40px;
}
.caution .iconTCaution {
  position: relative;
  color: #dd3300;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 16px;
}
.caution .iconTCaution::before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(/static/responsive/img/mem/icon_caution.svg) no-repeat;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

/* ご注意（複数） */
.caution.multi {
  border-top: 1px solid #ccc;
  border-left: none;
  padding-top: 40px;
  padding-left: 0;
}

.caution_note {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 30px;
  line-height: 1.4;
}
.caution_note li {
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
}
.caution_note li:not(:last-child) {
  margin-bottom: 8px;
}
.caution_note > li::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
}

/* モーダル */
.modalWrap{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99999;
}
.modalBGWrap{
  background: rgba(0,0,0,0.7);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modalInnerCont {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.modalWrap .modalBtnArea {
  text-align: right;
  width: calc(85% + 40px);
}
.modalContWrap{
  background: #fff;
  padding: 20px 15px;
  width: 85%;
  max-height: 75%;
  z-index: 1;
  overflow: auto;
}
.modalWrap .modalBtnClose {
  display: inline-block;
  width: 100px;
  height: 24px;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
  box-sizing: border-box;
}
.modalBtnTxt {
  text-align: left;
  padding-left: 20px;
}
.modalWrap .modalBtnClose span::before,
.modalWrap .modalBtnClose span::after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  left: 100px;
  width: 35px;
  height: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: -8% 0 0 -42%;
  background: rgb(255, 255, 255);
}
.modalWrap .modalBtnClose span::before {
  transform: rotate(-45deg);
}
.modalWrap .modalBtnClose span::after {
  transform: rotate(45deg);
}
.modalWrap .modalWindowWrap .modalBtnClose:hover {
  opacity: 0.7;
}

.modalWrap .txtMagic {
  display: inline!important;
}
/* お支払い金額調整モーダルメニュー */
.modalVariousContWrap {
  background: #fff;
  padding: 0px;
  width: 90%;
  max-height: 75%;
  z-index: 1;
  overflow: auto;
}
.modalVariousPaymentMenu {
  background-color: #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 60px 15px;
  margin-right: -60px;
  overflow: hidden;
  cursor: auto;
}
.modalVariousPaymentWrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modalVariousPayment {
  height: 100%;
}
.modalVariousPaymentWrap:not(:first-child) {
  margin-left: 40px;
}
.modalVariousPaymentTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 36px;
  padding:5px 0px;
  background-color: lightgray;
  align-items: center;
  justify-content: center;
}
.modalVariousPaymentTitleWrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: column;
  font-size: 13px;
}
.modalVariousPaymentTitleText {
  font-size: 16px;
  font-weight: bold;
}
.modalVariousPaymentBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding:0px 20px 20px;
}
li.modalVariousPaymentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 51px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #c6c6c6;
  border-radius:12px;
  flex-direction: column;
  padding:0px 20px;
}

@media screen and (max-width: 375px) {
  .modalVariousPaymentBody {
    padding:0px 15px 20px;
  }
  li.modalVariousPaymentItem {
    padding:0px 15px;
  }
}

a.modalVariousPaymentItem_link {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #333 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.modalVariousPaymentItem_link:nth-child(even) {
  border-top: dotted 2px #c6c6c6;
}
.modalVariousPaymentItem_link:hover {
  text-decoration: underline;
  color: #117766 !important;
}
.modalVariousPaymentTitleBodySubTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:12px 0px;
  font-size: 16px;
  font-weight: bold;
  color:#00846D;
}
.modalVariousPaymentItem_link::after {
  position: absolute;
  background: url("/static/responsive/img/mem/icon_right_chevron.svg") no-repeat center;
  content: '';
  width: 12px;
  height: 12px;
  right: 0;
  top: calc(50% - 12px / 2)
}
.modalVariousPaymentItem_link[target="_blank"]::after {
  background-image: url("/static/responsive/img/mem/icon_external_link.svg");
}
.modalVariousPaymentItem_linkIcon {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.modalVariousPaymentItem_linkText {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: column;
  font-size: 13px;
  padding: 0 21px 0 6px;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
}
.modalVariousPaymentItem_linkTextSubTitle {
  font-size: 13px;
  font-weight: bold;
  position: relative;
}
.modalVariousPaymentItem_linkTextSubTitle .pref_treatment_icon{
  display: flex;
  position: absolute;
  left: 110px;
  top:50%;
  transform: translateY(-50%);
  width: 82px;
  height: auto;
  justify-content: flex-end;
}

.pref_treatment_icon img {
  width: 100%;
  height: 100%;
}
/* アプリ ダウンロード（iOS/Android） */
.download_app {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
}
.download_app > div {
  width: auto;
  margin-bottom: 40px;
}
.download_app > div:last-child {
  padding-left: 0;
  margin-left: 0;
}
.download_app > div > p {
  font-weight: bold;
  font-size: 2rem;
  color: #1a4832;
  margin-bottom: 20px;
  text-align: center;
}
.download_app .list {
  margin-bottom: 0;
}
.download_app_content {
  text-align: center;
  margin-top: 0;
}
.btn_download_app {
  margin-bottom: 20px;
}
.btn_download_app img {
  width: 135px;
  height: auto;
}
.download_app_content .forPcBlock {
  margin-bottom: 20px;
}
.download_app_content .forPcBlock img {
  width: 110px;
  height: auto;
}

/* 即発完了 */
.img_left{
  margin: 20px 0px 20px 25px;
  width: 76%;
}
.img_right{
  margin: 15px 0px 5px 30px;
  width: 68%;
}
.sokuji_contents{
  display: flex;
  align-items: flex-start;
}
.sokuji_text_contents_left{
  width: 50%;
  margin-right: 0.5em;
}
.sokuji_text_contents_right{
  width: 50%;
  margin-left: 0.5em;
}

/* 導線強化案件追加分 start */
.camp_area {
  margin-bottom: 20px;
  border: 4px solid #edf8f5;
}
.camp_area th {
  background-color: #edf8f5;
  border: 4px solid #edf8f5;
  vertical-align: middle;
  font-size: 16px;
  text-align: center;
}
.camp_area td {padding-bottom: 15px;}

.camp_area_row {
  display: flex;
  justify-content: center;
  align-items: center;
}
th .camp_area_row img {
  width: 45px;
}

.camp_area li.ttl {
  background-color: #edf8f5;
  color: black;
  width: 30%;
  font-size: 20px;
  padding-left: 0;
  padding-right: 30px;
}

.camp_area_data {
    font-size: 22px;
}

.camp_area_data2 {
    font-size: 26px;
    border-bottom: 2px solid #F67F0E;
    line-height: 1.2;
}

.camp_area_to {
    color: #F67F0E;
}
/* 導線強化案件追加分 end */

/* 次世代提携ポイント景品交換 start */

.pt_table td{
  border-top: none;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px;
  box-sizing: border-box;
}

/* 次世代提携ポイント景品交換 end */

/* エラー+完了画面 start */
p.error_comp_message {
  position: relative;
  box-sizing: border-box;
  padding: 70px 0 0 0;
  font-weight: bold;
  font-size: 182%;
  text-align: center;
}

p.error_comp_message:before {
  content: '';
  position: absolute;
  display: block;
  background: url(/common/dynamic/memx/img/ic_family_share_fail.svg) center/contain no-repeat;
  top: 3px;
  left: 0;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  vertical-align: top;
}
/* エラー+完了画面 end */

/* 完了メッセージ start */
.comp_message_text {
  position: relative;
  color: #117766;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 26px;
  margin: 6px 0 6px 15px;
}

.comp_message_text::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/common/dynamic/memx/img/ic_family_share_comp.svg) no-repeat;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
}
/* 完了メッセージ end */

/* 阪神阪急百貨店明細 start */
.meisai_table_scroll{
  overflow-x: auto;
}
.meisai_table_scroll table{
  width: 100%;
}
.contact table.store_meisai tr:last-child td {
  border-bottom: 1px #DDD solid;
}
.contact table.store_meisai tr.no_discount_meisai:nth-last-child(3) td {
  border-bottom: 1px #DDD solid;
}
/* 阪神阪急百貨店明細 end */