@charset "UTF-8";
/*=========================================
ボタンテンプレート
=========================================*/
/* デフォルトCSSを無効にするだけのCSS */
/* 高強調ボタン大 */
/* 高強調ボタン中 */
/* 高強調ボタン小 */
/* 高強調ボタン小　インライン */
/* 高強調ボタン大　背景緑 */
/* 高強調ボタン中　背景緑 */
/* 高強調ボタン小　背景緑 */
/* 高強調ボタン小　背景緑　インライン */
/* 高強調ボタン大　背景白 */
/* 高強調ボタン中　背景白 */
/* 高強調ボタン小　背景白 */
/* 高強調ボタン小　背景白　インライン */
/* 中強調ボタン大　緑 */
/* 中強調ボタン中　緑 */
/* 中強調ボタン小　緑 */
/* 中強調ボタン小　緑　インライン */
/* 中強調ボタン大　背景緑 */
/* 中強調ボタン中　背景緑 */
/* 中強調ボタン小　背景緑 */
/* 中強調ボタン小　背景緑　インライン */
/* 中強調ボタン大　青 */
/* 中強調ボタン中　青 */
/* 中強調ボタン小　青 */
/* 中強調ボタン小　青　インライン */
/* サブボタン小　青 */
/* サブボタン小　緑 */
/* サブボタン小　グレー */
/* ボタン内のフォントサイズ変更 */
.tmp_btn_font-small {
  font-size: 70%;
}

/* アイコン設置用 */
.tmp_btn_icon-posLeft {
  padding-left: 30px !important;
}

.tmp_btn_icon-posRight {
  padding-right: 30px !important;
}

.tmp_btn_icon-back-green::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngreen-icon.png") no-repeat left top;
  background-size: 7px 11px;
}
.tmp_btn_icon-back-green.nonselect::before {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
}

.tmp_btn_icon-next-green::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngreen-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}
.tmp_btn_icon-next-green.nonselect::after {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}

.tmp_btn_icon-back-blue::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnblue-icon.png") no-repeat left top;
  background-size: 7px 11px;
}
.tmp_btn_icon-back-blue.nonselect::before {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
}

.tmp_btn_icon-next-blue::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnblue-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}
.tmp_btn_icon-next-blue.nonselect::after {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}

.tmp_btn_icon-back-red::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnred-icon.png") no-repeat left top;
  background-size: 7px 11px;
}
.tmp_btn_icon-back-red.nonselect::before {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
}

.tmp_btn_icon-next-red::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnred-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}
.tmp_btn_icon-next-red.nonselect::after {
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}

.tmp_btn_icon-back-gray::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
}

.tmp_btn_icon-next-gray::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtngray-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}

.tmp_btn_icon-back-white::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnwhite-icon.png") no-repeat left top;
  background-size: 7px 11px;
}

.tmp_btn_icon-next-white::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  width: 7px;
  height: 11px;
  background: url("/personal/reserve/img/trainsearch/ts_resultnextprevbtnwhite-icon.png") no-repeat left top;
  background-size: 7px 11px;
  transform: scale(-1, 1);
}

.tmp_btn_icon-timeSelect {
  padding-right: 30px;
  position: relative;
  text-decoration: none;
  /*&::before {
  	position: absolute;
  	content:"";
  	display: block;
  	width: 3px;
  	height: 3px;
  	right:3px;
  	top:0;
  	bottom:3px;
  	margin-top: auto;
  	margin-bottom: auto;
  	border-top:1px solid $primary_blue;
  	border-right:1px solid $primary_blue;
  	transform: rotate(-45deg);
  }*/
}
.tmp_btn_icon-timeSelect::after {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 15px;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background: url("/personal/reserve/img/trainsearch/ts_timeSelect-icon.png") no-repeat;
  background-size: 24px 15px;
}

.tmp_btn_icon-rentacar::before {
  content: "";
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("/personal/reserve/img/trainsearch/ts_resultrentacar-icon.png") no-repeat left top;
  background-size: 25px 25px;
}

.tmp_btn_icon-twitter::before {
  content: "";
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background: url("/personal/reserve/img/trainsearch/ts_resulttwitter-icon.png") no-repeat left top;
  background-size: 25px 25px;
}

/* ボタン幅調整用 */
@media print, screen and (min-width: 750px) {
  .pc_w380px {
    max-width: 380px;
    width: 100%;
  }
}

/*=========================================
フォームテンプレート
=========================================*/
/* 1行テキストエリア */
/* テキストエリア */
/* テキストエリア枠に▼アイコン付けるcss */
/* セレクトボックス */
/*******************************************************************************
*
* /top/配下の共通スタイルシート
*
*******************************************************************************/
/* ----------------------------------------------------------------------------
-------------------------------------------------------------------------------
	ヘルパー
-------------------------------------------------------------------------------
---------------------------------------------------------------------------- */
/* *****************************************
	テキストの装飾
***************************************** */
.hp_fontColor_normal {
  color: #333;
}

.hp_fontColor_strong {
  color: #007a52;
}

.hp_fontColor_attention {
  color: #cc0000;
}

.hp_fontWeight_bold {
  font-weight: bold;
}

.hp_fontWeight_normal {
  font-weight: normal;
}

.hp_fontColor_east {
  color: #007a52;
}

.hp_fontColor_hokkaido {
  color: #008a04;
}

.hp_fontColor_west {
  color: #116aa6;
}

/* *****************************************
	PCのみ表示／SPのみ表示
***************************************** */
.hp_pc {
  display: block;
}
@media (max-width: 749px) {
  .hp_pc {
    display: none;
  }
}

.hp_sp {
  display: none;
}
@media (max-width: 749px) {
  .hp_sp {
    display: block;
  }
}

/* *****************************************
	GA計測用で必要だったclassのスタイルを消す
***************************************** */
.tmp_btn_icon-help {
  padding-left: 0;
}
.tmp_btn_icon-help::before {
  display: none;
}

/* *****************************************
	img、svgは基本width:100%
***************************************** */
img, svg {
  max-width: 100%;
  height: auto;
}

/* *****************************************
	外枠
***************************************** */
.ly_guideBody {
  line-height: 1.9;
  padding-bottom: 93px;
}
@media (max-width: 749px) {
  .ly_guideBody {
    padding-bottom: 59px;
  }
}

.ly_section + .ly_section {
  margin-top: 100px;
}
@media (max-width: 749px) {
  .ly_section + .ly_section {
    margin-top: 50px;
  }
}

.ly_wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.ly_innerM {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ly_innerS {
  max-width: 800px;
  position: relative;
}
.el_headerSubtext + .ly_innerS {
  margin-top: 13px;
}
.el_header + .ly_innerS {
  margin-top: 13px;
}
.ly_innerS > p {
  margin-bottom: 1em;
}
.ly_innerS > p:last-of-type {
  margin-bottom: 0;
}

/* *****************************************
	パンくずリスト
***************************************** */
/*
.ly_breadcrumbs {}
*/
.bl_breadcrumbsUnit {
  font-size: 0.75rem;
  margin-top: 10px;
  margin-bottom: 55px;
}
@media (max-width: 749px) {
  .bl_breadcrumbsUnit {
    font-size: 0.625rem;
    margin-top: 5px;
    margin-bottom: 26px;
  }
}

.bl_breadcrumbs {
  display: inline;
  position: relative;
}
@media (max-width: 749px) {
  .bl_breadcrumbs {
    display: inline-block;
  }
}
.bl_breadcrumbs::after {
  content: "＞";
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-weight: normal;
}
.bl_breadcrumbs:last-of-type {
  font-weight: bold;
}
.bl_breadcrumbs:last-of-type::after {
  display: none;
}
.bl_breadcrumbs > a {
  text-decoration: none;
  color: #333;
}

button.help {
  padding-right: 19px;
  position: relative;
  font-size: 0.875rem;
  text-decoration: underline;
}
@media (max-width: 749px) {
  button.help {
    padding-bottom: 1px;
  }
}
_:-ms-lang(x)::-ms-backdrop, button.help {
  padding-bottom: 2px;
}
button.help:hover {
  color: #44a3ec;
}
button.help::after {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  top: 0;
  right: 0;
  background: url(/top/jrticket/guide/img/ico_help.svg) no-repeat left top;
  background-size: 14px 14px;
}
button.help.line2 {
  display: inline-block;
  padding-right: 0;
  line-height: 1.5;
  text-align: left;
}
button.help.line2::after {
  position: relative;
  top: 0.15em;
  margin-left: 5px;
  display: inline-block;
}

.notice button.help.line2 {
  line-height: 1.9;
  /*  for IE11 */
}
@media (max-width: 749px) {
  .notice button.help.line2 {
    top: -0.15em;
    line-height: 1.7;
  }
}

/* *****************************************
	ページ内のaタグ装飾
***************************************** */
.ly_guideBody a.help {
  padding-right: 19px;
  position: relative;
}
.ly_guideBody a.help::after {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  top: 0.2em;
  right: 0;
  background: url(/top/common/img/ico_help.svg) no-repeat left top;
  background-size: 14px 14px;
}
.ly_guideBody a[target="_blank"] {
  padding-right: 5px;
  position: relative;
}
.ly_guideBody a[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-left: 5px;
  background: url(/top/common/img/ico_blank.svg) no-repeat left top;
  background-size: 15px 12px;
}
.ly_guideBody a[href^="#"] {
  padding-right: 5px;
  position: relative;
}
.ly_guideBody a[href^="#"]::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  top: 0.25em;
  right: 0;
  background: url(/top/common/img/ico_pagelink.svg) no-repeat left top;
  background-size: 18px 18px;
  margin-left: 4px;
}
.ly_guideBody a[href^="#"].pageLinkUp::after {
  transform: scaleY(-1);
}

/* *****************************************
	見出し
***************************************** */
.el_header {
  display: flex;
  align-items: center;
  font-size: 2.125rem;
  font-weight: bold;
  position: relative;
  line-height: 1.48;
  padding-left: 30px;
}
@media (max-width: 749px) {
  .el_header {
    font-size: 1.625rem;
    padding-left: 28px;
    min-height: 44px;
  }
}
.el_header::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #007a52;
  border-radius: 4px;
}
.el_header.fontSizeS {
  font-size: 1.125rem;
  padding-left: 15px;
}
.el_header.fontSizeS::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #007a52;
  border-radius: 3px;
}
@media (max-width: 749px) {
  .el_header.fontSizeS {
    min-height: 26px;
  }
}
@media (max-width: 749px) {
  .bl_defineList + .el_header {
    margin-top: 42px;
  }
}
.ly_innerS + .el_header {
  margin-top: 41px;
}
.el_headerSubtext + .el_header {
  margin-top: 10px !important;
}
@media (max-width: 749px) {
  .el_headerSubtext + .el_header {
    margin-top: 20px;
  }
}
@media (max-width: 749px) {
  .el_headerSubtext + .hp_sp > .el_header {
    margin-top: 23px;
  }
}

.el_headerNumber {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.625rem;
  font-weight: bold;
  margin-top: 43px;
}
@media (max-width: 749px) {
  .el_headerNumber {
    font-size: 1.25rem;
  }
}
.el_headerNumber span:first-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.625rem;
  background-color: #007a52;
  color: #fff;
  border-radius: 50%;
  font-weight: normal;
  margin-top: 6px;
  margin-right: 13px;
  padding-bottom: 4px;
}
@media (max-width: 749px) {
  .el_headerNumber span:first-of-type {
    width: 30px;
    height: 30px;
    font-size: 1.25rem;
    padding-bottom: 2px;
    margin-right: 10px;
  }
}
.el_headerNumber span:nth-of-type(2) {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.el_headerBorder {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.625rem;
  font-weight: bold;
  margin-top: 43px;
  padding-bottom: 12px;
  position: relative;
}
@media (max-width: 749px) {
  .el_headerBorder {
    line-height: 1.48;
  }
}
.el_headerBorder::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #eeeeee;
  border-radius: 2px;
}
.el_headerBorder::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 150px;
  height: 4px;
  background-color: #007a52;
  border-radius: 2px;
}

.el_headerSubtext {
  font-weight: bold;
  color: #007a52;
}
@media (max-width: 749px) {
  .el_headerSubtext {
    margin-bottom: 10px;
  }
}
.el_headerSubtext.fontSizeL {
  font-size: 1.375rem;
}
.el_headerSubtext.square::before {
  content: "■";
}
.bl_attentionList + .el_headerSubtext {
  margin-top: 50px;
}
@media (max-width: 749px) {
  .bl_attentionList + .el_headerSubtext {
    margin-top: 33px;
  }
}
.ly_innerS + .el_headerSubtext {
  margin-top: 50px;
}
@media (max-width: 749px) {
  .ly_innerS + .el_headerSubtext {
    margin-top: 33px;
  }
}
.el_header + .el_headerSubtext {
  margin-top: 43px;
}
.el_headerBorder + .el_headerSubtext {
  margin-top: 43px;
}
@media (max-width: 749px) {
  .el_headerBorder + .el_headerSubtext {
    margin-top: 31px;
  }
}
.el_headerSubtext + .el_headerSubtext {
  margin-top: 1px;
}
.bl_normalList + .el_headerSubtext {
  margin-top: 43px;
}
@media (max-width: 749px) {
  .bl_normalList + .el_headerSubtext {
    margin-top: 27px;
  }
}
.bl_orderList + .el_headerSubtext {
  margin-top: 43px;
}
@media (max-width: 749px) {
  .bl_orderList + .el_headerSubtext {
    margin-top: 30px;
  }
}
.bl_cardNumberTextInner > p + .el_headerSubtext {
  margin-top: 48px;
}
@media (max-width: 749px) {
  .bl_cardNumberTextInner > p + .el_headerSubtext {
    margin-top: 30px;
  }
}
.bl_accordion + .el_headerSubtext {
  margin-top: 70px;
}
.bl_accordion + .hp_pc > .el_headerSubtext {
  margin-top: 70px;
}
.hp_sp + .el_headerSubtext {
  margin-top: 70px;
}
@media (max-width: 749px) {
  .hp_sp + .el_headerSubtext {
    margin-top: 53px;
  }
}
@media (max-width: 749px) {
  .bl_accordion + .hp_pc + .hp_sp > .el_headerSubtext {
    margin-top: 51px;
  }
}

.el_headerSubtext-2 {
  background-color: #deede8;
  padding: 10px 15px;
  font-weight: bold;
}
.bl_cardNumberInner + .el_headerSubtext-2 {
  margin-top: 60px;
}

/* *****************************************
	見出し直下のリード文要素
***************************************** */
.el_headerSubtext + .bl_textLead {
  margin-top: 13px;
}

/* *****************************************
	連番のカード要素
***************************************** */
.bl_cardNumber + .bl_cardNumber {
  margin-top: 93px;
}
@media (max-width: 749px) {
  .bl_cardNumber + .bl_cardNumber {
    margin-top: 53px;
  }
}
.bl_cardNumber .bl_accordion .bl_accordionOpenBtn:focus {
  outline: none;
}
.bl_cardNumber .bl_accordion .bl_accordionOpenBtn::after {
  display: none;
}
.bl_cardNumber .bl_accordion:last-of-type .bl_accordionOpenBtn {
  padding-right: 8em;
}
@media (max-width: 749px) {
  .bl_cardNumber .bl_accordion:last-of-type .bl_accordionOpenBtn {
    padding-right: 1em;
  }
}
.bl_cardNumber .bl_accordion:last-of-type .bl_accordionOpenBtn::after {
  display: block !important;
}
.bl_cardNumber .bl_accordion:nth-of-type(n+3) .bl_accordionOpenBtn {
  padding-right: 20px;
}
@media (max-width: 749px) {
  .bl_cardNumber .bl_accordion:nth-of-type(n+3) .bl_accordionOpenBtn {
    padding-right: 1em;
  }
}
.bl_cardNumber .bl_accordion:nth-of-type(n+3) .bl_accordionOpenBtn::after {
  display: none !important;
}

.bl_cardNumberInner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 749px) {
  .bl_cardNumberInner {
    margin-top: 25px;
  }
}
.bl_accordionDesc .bl_cardNumberInner {
  margin-top: 0;
}
@media (max-width: 749px) {
  .bl_cardNumberInner {
    display: block;
  }
}
.el_headerSubtext-2 + .bl_cardNumberInner {
  margin-top: 30px;
}

.bl_cardNumberImageWrapper {
  width: 47.97%;
}
@media (max-width: 749px) {
  .bl_cardNumberImageWrapper {
    width: 100%;
  }
}
@media (max-width: 749px) {
  .bl_cardNumberImageWrapper img {
    width: 100%;
    height: auto;
  }
}

/* *****************************************
	スクリーンショット枠（左側）
***************************************** */
.bl_cardNumberImage {
  border: 1px solid #ddd;
  box-sizing: border-box;
}
@media (max-width: 749px) {
  .bl_cardNumberImage {
    background: #ddd;
    padding: 0 7%;
  }
}
.bl_cardNumberImage img {
  vertical-align: top;
}

/* *****************************************
	説明文枠（右側）
***************************************** */
.bl_cardNumberTextWrapper {
  width: 47.97%;
}
@media (max-width: 749px) {
  .bl_cardNumberTextWrapper {
    width: 100%;
    margin-top: 18px;
  }
}

/* *****************************************
	通常のカード要素
***************************************** */
.bl_cardNormal + .bl_cardNormal {
  margin-top: 100px;
}
@media (max-width: 749px) {
  .bl_cardNormal + .bl_cardNormal {
    margin-top: 53px;
  }
}
.bl_cardNormal .bl_accordion .bl_accordionOpenBtn::after {
  display: none;
}
.bl_cardNormal .bl_accordion:last-of-type .bl_accordionOpenBtn::after {
  display: block !important;
}
.bl_cardNormal .bl_accordion:nth-of-type(n+3) .bl_accordionOpenBtn::after {
  display: none !important;
}
.el_headerSubtext + .bl_cardNormal {
  margin-top: 23px;
}

.bl_cardNormalInner {
  margin-top: 30px;
}
@media (max-width: 749px) {
  .bl_cardNormalInner {
    margin-top: 25px;
  }
}
.bl_accordionDesc .bl_cardNormalInner {
  margin-top: 0;
}
@media (max-width: 749px) {
  .bl_cardNormalInner {
    display: block;
  }
}

/* *****************************************
	関連リンク
***************************************** */
.bl_attentionList + .bl_relationLink {
  margin-top: 24px;
}
@media (max-width: 749px) {
  .bl_attentionList + .bl_relationLink {
    margin-top: 15px;
  }
}
.bl_relationLink + .bl_relationLink {
  margin-top: 24px;
}
.bl_relationLink.w50per {
  width: 50%;
}
@media (max-width: 749px) {
  .bl_relationLink.w50per {
    width: 100%;
  }
}

.bl_relationLinkTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  background-color: #ddede8;
  color: #007a52;
  font-weight: bold;
  font-size: 0.875rem;
  position: relative;
}
.bl_relationLinkTitle::before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2017%2017%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23a5d0c2%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M4.7%2C17c-1.2%2C0-2.4-0.5-3.3-1.4C0.5%2C14.7%2C0%2C13.6%2C0%2C12.3C0%2C11.1%2C0.5%2C9.9%2C1.4%2C9l2.3-2.3c0.4-0.4%2C1.1-0.4%2C1.6%2C0c0.4%2C0.4%2C0.4%2C1.1%2C0%2C1.6l-2.3%2C2.3c-0.5%2C0.5-0.7%2C1.1-0.7%2C1.7c0%2C0.7%2C0.3%2C1.3%2C0.7%2C1.7c0.9%2C0.9%2C2.5%2C0.9%2C3.5%2C0l2.3-2.3c0.4-0.4%2C1.1-0.4%2C1.6%2C0c0.4%2C0.4%2C0.4%2C1.1%2C0%2C1.6L8%2C15.6C7.1%2C16.5%2C5.9%2C17%2C4.7%2C17z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12.6%2C10.6c-0.3%2C0-0.6-0.1-0.8-0.3c-0.4-0.4-0.4-1.1%2C0-1.6l2.3-2.3c1-1%2C1-2.5%2C0-3.5c-1-1-2.5-1-3.5%2C0L8.3%2C5.2c-0.4%2C0.4-1.1%2C0.4-1.6%2C0c-0.4-0.4-0.4-1.1%2C0-1.6L9%2C1.4c1.8-1.8%2C4.8-1.8%2C6.6%2C0c1.8%2C1.8%2C1.8%2C4.8%2C0%2C6.6l-2.3%2C2.3C13.1%2C10.5%2C12.9%2C10.6%2C12.6%2C10.6z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.2%2C11.9c-0.3%2C0-0.6-0.1-0.8-0.3C5%2C11.1%2C5%2C10.4%2C5.5%2C10L10%2C5.5c0.4-0.4%2C1.1-0.4%2C1.6%2C0C12%2C5.9%2C12%2C6.6%2C11.5%2C7L7%2C11.5C6.8%2C11.8%2C6.5%2C11.9%2C6.2%2C11.9z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 17px 17px;
  background-repeat: no-repeat;
  margin-right: 7px;
}
_:-ms-lang(x)::-ms-backdrop, .bl_relationLinkTitle {
  height: 34px;
}

.bl_relationLinkDesc {
  border: 1px solid #e6e6e6;
  border-top: none;
  padding: 19px 25px;
}
@media (max-width: 749px) {
  .bl_relationLinkDesc {
    padding-left: 6%;
    padding-right: 6%;
  }
}

.bl_relationLinkList {
  font-size: 0.875rem;
}
.bl_relationLinkList .normal {
  position: relative;
  padding-left: 1.3em;
  margin-bottom: 0.35em;
}
.bl_relationLinkList .normal::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  top: 0.7em;
  left: 0;
  border-top: 1px solid #007a52;
  border-right: 1px solid #007a52;
  transform: rotate(45deg);
}

/* *****************************************
	TIPS
***************************************** */
.bl_attentionList + .bl_tips {
  margin-top: 24px;
}
.bl_relationLink + .bl_tips {
  margin-top: 24px;
}

.bl_tipsTitle {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  background-color: #dfebf5;
  color: #00457a;
  font-weight: bold;
  font-size: 0.875rem;
  position: relative;
}
.bl_tipsTitle::before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  width: 13px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2013%2018%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23a7c1d6%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6.5%2C18c-2.3%2C0-4.2-1.8-4.2-4.1v-2.7C0.9%2C10%2C0%2C8.2%2C0%2C6.3C0%2C2.8%2C2.9%2C0%2C6.5%2C0C10.1%2C0%2C13%2C2.8%2C13%2C6.3c0%2C1.9-0.9%2C3.7-2.3%2C4.9v2.7C10.7%2C16.2%2C8.8%2C18%2C6.5%2C18z%20M6.5%2C1.8c-2.6%2C0-4.6%2C2-4.6%2C4.5c0%2C1.5%2C0.7%2C2.8%2C1.9%2C3.7l0.4%2C0.3v3.7c0%2C1.2%2C1%2C2.2%2C2.3%2C2.2c1.3%2C0%2C2.3-1%2C2.3-2.2v-3.7L9.2%2C10c1.2-0.8%2C1.9-2.2%2C1.9-3.7C11.1%2C3.8%2C9.1%2C1.8%2C6.5%2C1.8z%22%2F%3E%3Crect%20x%3D%223.8%22%20y%3D%2213.1%22%20class%3D%22st0%22%20width%3D%225.4%22%20height%3D%221.8%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%229.2%22%20class%3D%22st0%22%20width%3D%221%22%20height%3D%223.9%22%2F%3E%3Crect%20x%3D%224.8%22%20y%3D%228.5%22%20class%3D%22st0%22%20width%3D%223.4%22%20height%3D%221.3%22%2F%3E%3C%2Fsvg%3E");
  background-size: 13px 18px;
  background-repeat: no-repeat;
  margin-right: 6px;
}

.bl_tipsDesc {
  border: 1px solid #e6e6e6;
  border-top: none;
  font-size: 0.875rem;
  padding: 19px 25px;
}

/* *****************************************
	標準のリスト
***************************************** */
.bl_normalList {
  font-size: 1rem;
}
.bl_normalList.fontSizeL {
  font-size: 1.125rem;
}
.bl_normalList.fontSizeL > li::before {
  width: 12px;
  height: 12px;
}
.bl_normalList.inline > li {
  display: inline;
  margin-right: 1em;
}
.bl_normalList.inline > li span.attention {
  font-size: 0.875rem;
}
@media (max-width: 749px) {
  .bl_normalList {
    padding-left: 5px;
  }
}
.bl_normalList > .none {
  position: relative;
  line-height: 1.6;
}
.bl_normalList > .normal {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.6;
  margin: 0.3em 0;
}
.bl_normalList > .normal::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  top: 0.6em;
  left: 5px;
  background-color: #000;
  border-radius: 50%;
}
.bl_normalList > .normal_s {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.6;
  margin: 0.3em 0;
}
.bl_normalList > .normal_s::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  display: block;
  top: 0.6em;
  left: 5px;
  background-color: #000;
  border-radius: 50%;
}
.bl_normalList > .eastCircle {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.6;
}
.bl_normalList > .eastCircle::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  top: 0.5em;
  left: 3px;
  background-color: #bfddd3;
  border-radius: 50%;
}
.bl_normalList > .hokkaidoCircle {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.6;
}
.bl_normalList > .hokkaidoCircle::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  top: 0.5em;
  left: 3px;
  background-color: #d3e3bf;
  border-radius: 50%;
}
.bl_normalList > .westCircle {
  position: relative;
  padding-left: 1.2em;
  line-height: 1.6;
}
.bl_normalList > .westCircle::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  top: 0.5em;
  left: 3px;
  background-color: #ccd5e5;
  border-radius: 50%;
}
.bl_normalList > .blackCircle {
  position: relative;
  padding-left: 1.2em;
}
.bl_normalList > .blackCircle::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  top: 0.85em;
  left: 3px;
  background-color: #333;
  border-radius: 50%;
}
.bl_normalList > .notice {
  position: relative;
  padding-left: 1.2em;
}
.bl_normalList > .notice::before {
  position: absolute;
  content: "※";
  width: 1.2em;
  height: 1em;
  display: block;
  top: 0;
  left: 0;
}
.bl_cardNumberTextInner .bl_normalList {
  margin-top: 9px;
}
.el_headerSubtext + .bl_normalList {
  margin-top: 8px;
}
@media (max-width: 749px) {
  .el_headerSubtext + .bl_normalList {
    margin-top: 3px;
  }
}

/* *****************************************
	数字のリスト
***************************************** */
.bl_orderList {
  font-size: 1rem;
  counter-reset: counter;
  list-style: none;
  padding: 0;
}
.bl_orderList > .normal {
  position: relative;
  padding-left: 2.2em;
}
.bl_orderList > .normal::before {
  position: absolute;
  content: counter(counter) ".";
  counter-increment: counter;
  width: 2em;
  height: 1em;
  display: block;
  top: 0.45em;
  left: 0;
  text-align: center;
  line-height: 1;
}
.bl_orderList > .circle {
  position: relative;
  padding-left: 1.3em;
}
.bl_orderList > .circle::before {
  position: absolute;
  content: counter(counter);
  counter-increment: counter;
  width: 1em;
  height: 1em;
  display: block;
  top: 0.45em;
  left: 0;
  border: 1px solid #333;
  border-radius: 50%;
  text-align: center;
  line-height: 0.9;
}
.bl_cardNumberTextInner + .bl_orderList {
  margin-top: 37px;
}
.bl_cardNumberTextInner > p + .bl_orderList {
  margin-top: -12px;
}

/* *****************************************
	3カラムのリスト
***************************************** */
.bl_col3List {
  font-size: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 749px) {
  .bl_col3List {
    display: block;
  }
}
.bl_col3List .normal {
  width: calc(100% / 3);
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.5em;
}
@media (max-width: 749px) {
  .bl_col3List .normal {
    width: 100%;
    margin-bottom: 0.3em;
  }
}
.bl_col3List .normal::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  top: 0.7em;
  left: 0;
  border-top: 2px solid #007a52;
  border-right: 2px solid #007a52;
  transform: rotate(45deg);
}
.el_headerSubtext + .bl_col3List {
  margin-top: 8px;
}
@media (max-width: 749px) {
  .el_headerSubtext + .bl_col3List {
    margin-top: 3px;
  }
}

/* *****************************************
	注意書きのリスト
***************************************** */
.bl_attentionList {
  font-size: 0.875rem;
  color: #666;
  counter-reset: number;
}
.bl_attentionList.fontSizeS {
  font-size: 0.6875rem;
}
.bl_attentionList .notice {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.6em;
}
@media (max-width: 749px) {
  .bl_attentionList .notice {
    line-height: 1.7;
  }
}
.bl_attentionList .notice::before {
  position: absolute;
  content: "※";
  width: 1.2em;
  height: 1em;
  display: block;
  top: 0;
  left: 0;
}
.bl_attentionList .noticeNumber {
  position: relative;
  padding-left: 2.5em;
  margin-bottom: 0.6em;
}
@media (max-width: 749px) {
  .bl_attentionList .noticeNumber {
    line-height: 1.7;
  }
}
.bl_attentionList .noticeNumber::before {
  position: absolute;
  counter-increment: number;
  content: "※" counter(number);
  width: 1.2em;
  height: 1em;
  display: block;
  top: 0;
  left: 0;
}
.bl_attentionList .noticeAttention {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.6em;
}
@media (max-width: 749px) {
  .bl_attentionList .noticeAttention {
    line-height: 1.7;
  }
}
.bl_attentionList .noticeAttention::before {
  position: absolute;
  content: "※";
  color: #cc0000;
  width: 1.2em;
  height: 1em;
  display: block;
  top: 0;
  left: 0;
}
.bl_cardNumberTextInner + .bl_attentionList {
  margin-top: 53px;
}
@media (max-width: 749px) {
  .bl_cardNumberTextInner + .bl_attentionList {
    margin-top: 39px;
  }
}
.bl_cautionList + .bl_attentionList {
  margin-top: 44px;
}
@media (max-width: 749px) {
  .bl_cautionList + .bl_attentionList {
    margin-top: 42px;
  }
}
.bl_orderList + .bl_attentionList {
  margin-top: 51px;
}
.el_headerSubtext + .bl_attentionList {
  margin-top: 13px;
}
@media (max-width: 749px) {
  .el_headerSubtext + .bl_attentionList {
    margin-top: 9px;
  }
}
.el_header + .bl_attentionList {
  margin-top: 11px;
}
.bl_tableWrapper + .bl_attentionList {
  margin-top: 24px;
}
@media (max-width: 749px) {
  .bl_tableWrapper + .bl_attentionList {
    margin-top: 44px;
  }
}
.bl_tableWrapper + .ly_innerS > .bl_attentionList {
  margin-top: 24px;
}
@media (max-width: 749px) {
  .bl_tableWrapper + .ly_innerS > .bl_attentionList {
    margin-top: 24px;
  }
}
.bl_cardNormal p + .bl_attentionList {
  margin-top: 34px;
}
@media (max-width: 749px) {
  .bl_cardNormal p + .bl_attentionList {
    margin-top: 20px;
  }
}
.bl_cardNormal .bl_caution_peperTicketText + .bl_attentionList {
  margin-top: 8px;
}
.un_creditCrad + .bl_attentionList {
  margin-top: 28px;
}
@media (max-width: 749px) {
  .bl_attentionList + p {
    margin-top: 28px;
  }
}

.bl_cardNumberTextInner > p {
  margin-bottom: 1.7em;
}
@media (max-width: 749px) {
  .bl_cardNumberTextInner > p {
    margin-bottom: 1.1em;
  }
}
.bl_cardNumberTextInner > p.fontSizeS {
  font-size: 0.875rem;
}
.bl_cardNumberTextInner > p:last-child {
  margin-bottom: 0;
}
.el_headerSubtext + .bl_cardNumberTextInner > p {
  margin-top: 13px;
}

/* *****************************************
	警告のリスト
***************************************** */
.bl_cautionList {
  font-size: 1rem;
  color: #cc0000;
  font-weight: bold;
}
.bl_cautionList.border {
  border: 2px solid #cc0000;
  padding: 23px 27px;
}
.bl_cautionList.fontSizeS {
  font-size: 0.6875rem;
}
.bl_cautionList .mark {
  position: relative;
  padding-left: 30px;
}
.bl_cautionList .mark::before {
  position: absolute;
  content: "";
  width: 22px;
  height: 20px;
  display: block;
  top: 0.28em;
  left: 0;
  background: url(/top/common/img/ico_caution.svg) no-repeat left top;
  background-size: 22px 20px;
}
.bl_cardNumberTextInner + .bl_cautionList {
  margin-top: 53px;
}
@media (max-width: 749px) {
  .bl_cardNumberTextInner + .bl_cautionList {
    margin-top: 43px;
  }
}

/* *****************************************
	定義リスト
***************************************** */
.bl_defineList {
  margin-top: 6px;
}
@media (max-width: 749px) {
  .bl_defineList {
    margin-top: 17px;
  }
}
@media (max-width: 749px) {
  .bl_cardNumberTextInner .bl_defineList {
    margin-top: 9px;
  }
}
.bl_defineList > .bl_defineListInner > .bl_defineListTitle {
  color: #007a52;
  font-weight: bold;
  padding-left: 1.25em;
  text-indent: -1.25em;
}
.bl_defineList > .bl_defineListInner > .bl_defineListTitle::first-letter {
  margin-right: 0.25em;
}
@media (max-width: 749px) {
  .bl_defineList > .bl_defineListInner > .bl_defineListTitle {
    margin-bottom: 6px;
  }
}
.bl_defineList > .bl_defineListInner > .bl_defineListDesc {
  padding-left: 1.25em;
  margin-bottom: 30px;
}
@media (max-width: 749px) {
  .bl_defineList > .bl_defineListInner > .bl_defineListDesc {
    margin-bottom: 19px;
  }
}
.bl_defineList.titleSquare > .bl_defineListInner > .bl_defineListTitle {
  color: #007a52;
  font-weight: bold;
}
.bl_defineList.titleSquare > .bl_defineListInner > .bl_defineListTitle::first-letter {
  margin-right: 0;
}
.bl_defineList.titleSquare > .bl_defineListInner > .bl_defineListTitle::before {
  content: "■";
}
.bl_defineList.titleSquare > .bl_defineListInner > .bl_defineListDesc {
  padding-left: 0;
  margin-bottom: 30px;
}
@media (max-width: 749px) {
  .bl_defineList.titleSquare > .bl_defineListInner > .bl_defineListDesc {
    margin-bottom: 26px;
  }
}
.bl_defineList.noDeco {
  margin-top: 0;
}
.bl_defineList.noDeco > .bl_defineListInner > .bl_defineListTitle {
  color: #333;
  font-weight: normal;
  padding-left: 0;
  text-indent: 0;
}
.bl_defineList.noDeco > .bl_defineListInner > .bl_defineListTitle::first-letter {
  margin-right: 0;
}
@media (max-width: 749px) {
  .bl_defineList.noDeco > .bl_defineListInner > .bl_defineListTitle {
    margin-bottom: 0;
    line-height: 1.6;
  }
}
.bl_defineList.noDeco > .bl_defineListInner > .bl_defineListDesc {
  padding-left: 0;
  margin-bottom: 30px;
}
@media (max-width: 749px) {
  .bl_defineList.noDeco > .bl_defineListInner > .bl_defineListDesc {
    margin-bottom: 12px;
    line-height: 1.6;
  }
}

@media (max-width: 749px) {
  .un_bl_defineListInnerImageWrapper {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 12px;
  }
}
@media (max-width: 749px) {
  .un_bl_defineListInnerImageWrapper > img.small {
    width: 59%;
  }
}

@media (max-width: 749px) {
  .un_attentionListColorBlack > li {
    color: #333;
  }
}

/* *****************************************
	アコーディオン
***************************************** */
.bl_cardNumberInner + .bl_accordion {
  margin-top: 60px;
}
@media (max-width: 749px) {
  .bl_cardNumberInner + .bl_accordion {
    margin-top: 23px;
  }
}
.bl_accordion + .bl_accordion {
  margin-top: 30px;
}
@media (max-width: 749px) {
  .bl_accordion + .bl_accordion {
    margin-top: 20px;
  }
}
.ly_innerS + .bl_accordion {
  margin-top: 33px;
}
.el_headerSubtext + .bl_accordion {
  margin-top: 20px;
}
@media (max-width: 749px) {
  .el_headerSubtext + .bl_accordion {
    margin-top: 19px;
  }
}
.el_headerBorder + .bl_accordion {
  margin-top: 40px;
}
.bl_tableWrapper + .bl_accordion {
  margin-top: 40px;
}

.bl_accordionOpenBtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  min-height: 72px;
  border-radius: 5px 5px 0 0;
  appearance: none;
  -webkit-appearance: none;
  border: none;
  background-color: #007a52;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 63px;
  padding-right: 20px;
  margin: 0;
  cursor: pointer;
  outline: none;
  position: relative;
  	/*
  	&::after {
  		position: absolute;
  		content: "クリックで詳細";
  		display: block;
  		width: 10em;
  		height: 1em;
  		line-height: 1;
  		right: 21px;
  		top: 0;
  		bottom: 0;
  		margin-top: auto;
  		margin-bottom: auto;
  		font-size: toRem(12px);
  		font-weight: normal;
  		text-align: center;
  		padding-top: 5px;
  		padding-bottom: 5px;
  		border: 1px solid #bfddd3;
  		border-radius: 1em;
  
  		@include sp {
  			width: 5em;
  			content: "タップで\A詳細";
  			white-space: pre;
  			border-radius: 5px;
  			right: 4%;
  			height: calc(2em + 0.3125em);
  			padding-bottom: 5px + lh_padding(12px);
  			line-height: 1.4;
  			font-size: toRem(10px);
  		}
  	}
  	*/
}
.bl_accordionOpenBtn::before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M25%2C12.5C25%2C19.4%2C19.4%2C25%2C12.5%2C25S0%2C19.4%2C0%2C12.5S5.6%2C0%2C12.5%2C0S25%2C5.6%2C25%2C12.5z%20M18.8%2C11.5h-5.2V6.3h-2.1v5.2H6.3v2.1h5.2v5.2h2.1v-5.2h5.2V11.5z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  margin-top: auto;
  margin-bottom: auto;
}
.bl_accordion.east .bl_accordionOpenBtn {
  background-color: #007a52;
}
.bl_accordion.hokkaido .bl_accordionOpenBtn {
  background-color: #008a04;
}
.bl_accordion.west .bl_accordionOpenBtn {
  background-color: #116aa6;
}
_:-ms-lang(x)::-ms-backdrop, .bl_accordionOpenBtn {
  height: 72px;
  line-height: 1.4;
}
@media (max-width: 749px) {
  .bl_accordionOpenBtn {
    padding-right: 1em;
    padding-left: 10.42%;
    font-size: 1rem;
  }
  .bl_accordionOpenBtn::before {
    left: 3%;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}
.bl_accordionOpenBtn.active {
  position: relative;
}
.bl_accordionOpenBtn.active::before {
  box-sizing: border-box;
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M25%2C12.5C25%2C19.4%2C19.4%2C25%2C12.5%2C25S0%2C19.4%2C0%2C12.5S5.6%2C0%2C12.5%2C0S25%2C5.6%2C25%2C12.5z%20M18.8%2C13.5v-2H6.3v2H18.8z%22%2F%3E%3C%2Fsvg%3E");
  background-size: 25px 25px;
  background-repeat: no-repeat;
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 749px) {
  .bl_accordionOpenBtn.active::before {
    left: 3%;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}

.bl_accordionDesc {
  border: 1px solid #007a52;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 30px 3%;
  height: 100px;
  overflow: hidden;
  position: relative;
}
.bl_accordion.east .bl_accordionDesc {
  border-color: #007a52;
}
.bl_accordion.hokkaido .bl_accordionDesc {
  border-color: #008a04;
}
.bl_accordion.west .bl_accordionDesc {
  border-color: #116aa6;
}
.bl_accordionDesc::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #fff 25%, rgba(255, 255, 255, 0));
  z-index: 2;
}
.bl_accordionDesc.active::before {
  display: none;
}

/* *****************************************
	テーブル（表）
***************************************** */
.el_headerSubtext + .bl_tableWrapper {
  margin-top: 20px;
}
.ly_innerS + .bl_tableWrapper {
  margin-top: 26px;
}

table th.w5per {
  width: 5%;
}
table th.w10per {
  width: 10%;
}
table th.w15per {
  width: 15%;
}
table th.w20per {
  width: 20%;
}
table th.w25per {
  width: 25%;
}
table th.w30per {
  width: 30%;
}
table th.w35per {
  width: 35%;
}
table th.w40per {
  width: 40%;
}
table th.w45per {
  width: 45%;
}
table th.w50per {
  width: 50%;
}
table th.w55per {
  width: 55%;
}
table th.w60per {
  width: 60%;
}
table th.w65per {
  width: 65%;
}
table th.w70per {
  width: 70%;
}
table th.w75per {
  width: 75%;
}
table th.w80per {
  width: 80%;
}
table th.w85per {
  width: 85%;
}
table th.w90per {
  width: 90%;
}
table th.w95per {
  width: 95%;
}
table th.w100per {
  width: 100%;
}

.bl_tableNormal {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.bl_tableNormal th {
  color: #007a52;
  background-color: #deede8;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  word-break: break-all;
}
.bl_tableNormal th:last-of-type {
  border-right: 1px solid #deede8;
}
.bl_tableNormal td {
  font-size: 1rem;
  text-align: left;
  vertical-align: middle;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 19px;
  padding-bottom: 19px;
  border: 1px solid #e1e1e1;
  line-height: 1.6;
  word-break: break-all;
}
.bl_tableNormal td.tac {
  text-align: center;
}
.bl_tableNormal td > img.small {
  width: 57%;
}
.bl_tableNormal td dl dd {
  margin-bottom: 15px;
}
.bl_tableNormal td dl dd:last-of-type {
  margin-bottom: 0;
}

.bl_tableCreditcardStatement {
  max-width: 535px;
  width: 100%;
  border-collapse: collapse;
}
.bl_tableCreditcardStatement th {
  background-color: #e8e8e8;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #fff;
  word-break: break-all;
  font-weight: normal;
}
.bl_tableCreditcardStatement th:nth-last-of-type(2) {
  border-right: 1px solid #deede8;
}
.bl_tableCreditcardStatement th:last-of-type {
  background: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}
@media (max-width: 749px) {
  .bl_tableCreditcardStatement th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.bl_tableCreditcardStatement td {
  font-size: 1rem;
  vertical-align: middle;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 19px;
  padding-bottom: 19px;
  border: 1px solid #e1e1e1;
  line-height: 1.6;
  word-break: break-all;
}
.bl_tableCreditcardStatement td:first-of-type {
  text-align: center;
}
.bl_tableCreditcardStatement td:nth-of-type(2) {
  text-align: left;
}
.bl_tableCreditcardStatement td:nth-of-type(3) {
  text-align: right;
}
.bl_tableCreditcardStatement td:last-of-type {
  text-align: left;
  padding-left: 5px;
  border: none;
}
@media (max-width: 749px) {
  .bl_tableCreditcardStatement td {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.bl_tableNormal_attention {
  text-align: right;
  font-size: 0.6875rem;
  margin-top: 10px;
  color: #666;
}
@media (max-width: 749px) {
  .bl_tableNormal_attention {
    margin-top: 29px;
  }
}

/* *****************************************
	クレジットカードアイコンリスト
***************************************** */
.un_creditCrad {
  margin-top: 31px;
}
.un_creditCrad .un_creditCradList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 749px) {
  .un_creditCrad .un_creditCradList {
    justify-content: space-between;
  }
}
.un_creditCrad .un_creditCradList li {
  margin-right: 40px;
  display: inherit;
}
@media (max-width: 749px) {
  .un_creditCrad .un_creditCradList li {
    width: calc(100% / 3);
    margin-right: 0;
    text-align: center;
    display: block;
  }
}
.un_creditCrad .un_creditCradList li:last-of-type {
  margin-right: 0;
}

/* *****************************************
	基本テキストリンクリスト
***************************************** */
.bl_linkList {
  display: flex;
  flex-wrap: wrap;
}
.bl_linkList_item {
  margin-bottom: 0.3em;
  margin-right: 1em;
  width: 100%;
}
.bl_linkList_item.inline {
  display: inline-block;
  width: auto;
  margin-left: 1em;
}
.bl_linkList_item.inline:first-of-type {
  margin-left: 0;
}
.bl_linkList_item .bl_linkList .bl_linkList_item.inline:first-of-type {
  margin-left: 1em;
}
@media (max-width: 749px) {
  .bl_linkList_item.inline {
    width: 100%;
    margin-left: 0;
  }
  .bl_linkList_item .bl_linkList .bl_linkList_item.inline {
    margin-left: 1em;
  }
}
.bl_linkList_item__col2 .bl_linkList_item {
  width: 50%;
  margin-right: 0;
  padding-right: 25px;
}
@media (max-width: 749px) {
  .bl_linkList_item__col2 .bl_linkList_item {
    width: 100%;
  }
}
.bl_linkList_item__col3 .bl_linkList_item {
  width: calc(100% / 3);
  margin-right: 0;
  padding-right: 25px;
}
@media (max-width: 749px) {
  .bl_linkList_item__col3 .bl_linkList_item {
    width: 100%;
  }
}
.bl_linkList_item a {
  display: inline-block;
  padding-left: 22px;
  position: relative;
}
.bl_linkList_item a::before {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  top: 0.7em;
  left: 0;
  border-top: 2px solid #007a52;
  border-right: 2px solid #007a52;
  transform: rotate(45deg);
}
.bl_linkList_item a + a {
  display: block;
  margin-top: 5px;
  margin-left: 1rem;
}

/* テキストリンク  ****************************************/
.bl_linkText a {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  text-decoration: underline;
}
.bl_linkText a:hover {
  text-decoration: none;
}
.bl_linkText__blk a {
  color: #000;
}
.bl_linkText__grn a {
  color: #007a52;
}

/* URLを折り返す */
.linkUrl {
  overflow-wrap: break-word;
}

/*=========================================
フォントサイズ（スマホ用）
=========================================*/
@media (max-width: 749px) {
  .tmp_fS-2-0rem-sp {
    font-size: 2rem !important;
  }

  .tmp_fS-1-9rem-sp {
    font-size: 1.9rem !important;
  }

  .tmp_fS-1-8rem-sp {
    font-size: 1.8rem !important;
  }

  .tmp_fS-1-7rem-sp {
    font-size: 1.7rem !important;
  }

  .tmp_fS-1-6rem-sp {
    font-size: 1.6rem !important;
  }

  .tmp_fS-1-5rem-sp {
    font-size: 1.5rem !important;
  }

  .tmp_fS-1-4rem-sp {
    font-size: 1.4rem !important;
  }

  .tmp_fS-1-3rem-sp {
    font-size: 1.3rem !important;
  }

  .tmp_fS-1-2rem -sp {
    font-size: 1.2rem !important;
  }

  .tmp_fS-1-1rem-sp {
    font-size: 1.1rem !important;
  }

  .tmp_fS-1-0rem-sp {
    font-size: 1rem !important;
  }

  .tmp_fS-0-9rem-sp {
    font-size: 0.9rem !important;
  }

  .tmp_fS-0-8rem-sp {
    font-size: 0.8rem !important;
  }

  .tmp_fS-0-7rem-sp {
    font-size: 0.7rem !important;
  }

  .tmp_fS-0-6rem-sp {
    font-size: 0.6rem !important;
  }

  .tmp_fS-0-5rem-sp {
    font-size: 0.5rem !important;
  }
}
/* 微調整  ****************************************/
/* ※と数字のリスト */
.bl_attentionList .noticeNumber::before {
  width: 2.5em;
}

/* アコーディオンのタイトル */
.bl_accordionOpenBtn {
  font-family: 'Noto Serif Japanese', sans-serif;
}

/*画像のときはblankアイコンつけない*/
.ly_guideBody figure a[target="_blank"] {
  padding-right: 0;
}
.ly_guideBody figure a[target="_blank"]::after {
  display: none;
}

/* ********************************************************
	フッター スタイル（ご利用ガイド・訴求ページ・ポイントサービス）
******************************************************** */
/* えきねっとトップボタン */
.footerToTopBtn {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  padding: 20px 15px;
}

.footerToTopBtnList {
  width: 100%;
  height: auto;
  font-size: 0.8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 750px) {
  .footerToTopBtnList {
    max-width: 920px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footerToTopBtnListItem {
  display: block;
  margin-right: 20px;
}

/* リンクリスト */
.service-page .footer-link-list-wrap {
  margin-top: 80px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f3faf7;
}
.service-page .footer-link-list-wrap .footerLinkBox {
  background-color: #f3faf7;
}
.service-page .footer-link-list-wrap #tokudaneLinks {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 40px;
}
@media (max-width: 749px) {
  .service-page .footer-link-list-wrap #tokudaneLinks {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.point-service-page .footer-link-list-wrap {
  border-bottom: 1px solid #d9d9d9;
  background-color: #f3faf7;
}

/* 現在地 */
#about-page .footer-link-list-wrap li#fla-about a,
#tokudane-page1 .footer-link-list-wrap li#fla-tokudane a,
#tokudane-page1 .footer-link-list-wrap li#tl-tokudane a,
#tokudane-page2 .footer-link-list-wrap li#tl-kakaku a,
#tokudane-page3 .footer-link-list-wrap li#tl-joetsu-hokuriku a,
#tokudane-page4 .footer-link-list-wrap li#tl-tokkyu a,
#tokudane-page5 .footer-link-list-wrap li#tl-hokkaido a,
.tokudane-lower-page .footer-link-list-wrap li#fla-tokudane a,
#e-ticket-page .footer-link-list-wrap li#fla-e-ticket a,
#ticketless-page .footer-link-list-wrap li#fla-ticketless a,
#rentcar-page .footer-link-list-wrap li#fla-rentcar a,
#point-service-top .footer-link-list-wrap li#fla-point a,
#point-service-top .footer-link-list-wrap li#fla-point-service-top a,
#point-service-tokuten .footer-link-list-wrap li#fla-point-tokuten1 a,
#point-service-tokuten .footer-link-list-wrap li#fla-point-tokuten2 a,
#point-service-jrticket .footer-link-list-wrap li#fla-point-jrticket a,
#point-service-tour .footer-link-list-wrap li#fla-point-tour a,
#point-service-rentacar .footer-link-list-wrap li#fla-point-rentacar a {
  font-weight: bold;
}

.footerLinkBox {
  background-color: #f5f5f5;
}
@media (max-width: 749px) {
  .footerLinkBox .footerLinkAct a, .footerLinkBox .footerLinkAct span, .footerLinkBox .footerLinkItem a, .footerLinkBox .footerLinkItem span {
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding: 22px 20px 18px 45px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
  }
  .footerLinkBox .footerLinkAct a, .footerLinkBox .footerLinkAct span {
    background-image: url("/top/common/img/ico_plus.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 24px 24px;
  }
  .footerLinkBox .footerLinkAct.active a, .footerLinkBox .footerLinkAct.active span {
    background-image: url("/top/common/img/ico_minus.png");
    background-color: #dff0e7;
  }
  .footerLinkBox .footerLinkAct + ul, .footerLinkBox .footerLinkAct + div {
    display: none;
  }
  .footerLinkBox .footerLinkAct.active + ul, .footerLinkBox .footerLinkAct.active + div {
    display: block;
  }
  .footerLinkBox ul li a {
    display: block;
    position: relative;
    border-bottom: 1px dotted #d9d9d9;
    padding: 22px 20px 18px 45px;
    text-decoration: none;
    color: #000;
  }
  .footerLinkBox ul li a::before {
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    left: 22px;
    display: inline-block;
    width: 9px;
    height: 14px;
    background-image: url("/top/common/img/ico_arrow_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .footerLinkBox ul li a + a {
    padding-left: 70px;
  }
  .footerLinkBox ul li a + a::before {
    left: 47px;
  }
  .footerLinkBox ul li.sp a {
    padding-left: 22px;
    text-decoration: underline;
    font-weight: bold;
    color: #007a52;
  }
  .footerLinkBox ul li.sp a::before {
    content: none;
  }
  .footerLinkBox ul li:last-child a {
    border-bottom: 1px solid #d9d9d9;
  }
  .footerLinkBox .footerLinkItem {
    position: relative;
  }
  .footerLinkBox .footerLinkItem::before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 22px;
    display: inline-block;
    width: 9px;
    height: 14px;
    background-image: url("/top/common/img/ico_arrow_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
}
@media print, screen and (min-width: 750px) {
  .footerLinkBox {
    border-bottom: 1px solid #d9d9d9;
    padding-top: 50px;
    padding-bottom: 45px;
  }
  .footerLinkBox > p {
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
  }
  .footerLinkBox > p span {
    margin-left: 4%;
  }
  .footerLinkBox > div {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
  }
  .footerLinkBox > div > div, .footerLinkBox > div > ul {
    margin-left: 4%;
    width: 46%;
  }
  .footerLinkBox p {
    margin-bottom: 15px;
    font-weight: bold;
  }
  .footerLinkBox p a {
    color: #000;
  }
  .footerLinkBox p a:hover {
    text-decoration: none;
  }
  .footerLinkBox ul {
    margin-bottom: 30px;
  }
  .footerLinkBox ul:last-child {
    margin-bottom: 0;
  }
  .footerLinkBox ul li {
    margin-bottom: 10px;
  }
  .footerLinkBox ul li a {
    position: relative;
    display: inline-block;
    padding-left: 1rem;
    font-size: 0.875rem;
    text-decoration: none;
    color: #000;
  }
  .footerLinkBox ul li a::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background-image: url("/top/common/img/ico_arrow_green.png");
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .footerLinkBox ul li a:hover {
    text-decoration: underline;
  }
  .footerLinkBox ul li a + a {
    display: block;
    margin-top: 10px;
    margin-left: 1rem;
  }
}

/* えきねっとアプリ */
.service-page .footer-link-list-wrap .footerLinkBox,
.point-service-page .footer-link-list-wrap .footerLinkBox {
  border-bottom: none;
  padding-bottom: 0;
}

.ekinet-app {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 55px;
  padding: 30px 0;
  max-width: 920px;
  background-color: #fff;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.ekinet-app > p {
  flex-basis: 23.864%;
  text-align: center;
}
.ekinet-app > p > img {
  max-width: 118px;
}
.ekinet-app > dl {
  flex-basis: 76.136%;
  padding: 0 38px 0 0;
}
.ekinet-app > dl dt {
  border-bottom: solid 1px #d9d9d9;
  padding-bottom: 0.4em;
  font-size: 1.375rem;
  /* 22px */
  font-weight: bold;
}
.ekinet-app > dl dd {
  padding: 1em 0 0;
  /* 14px */
}
.ekinet-app > dl dd p {
  font-size: 0.875rem;
}
.ekinet-app > dl dd ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.ekinet-app > dl dd ul li:first-child {
  margin-right: 15px;
}
.ekinet-app > dl dd ul li:first-child img {
  max-height: 51px;
}
.ekinet-app > dl dd ul li img {
  max-height: 50px;
}
@media (max-width: 749px) {
  .ekinet-app {
    display: block;
    margin: 30px 15px;
    padding: 30px 15px 25px;
  }
  .ekinet-app > dl {
    margin-top: 15px;
    padding: 0;
  }
  .ekinet-app > dl dt {
    font-size: 1.25rem;
    /* 20px */
  }
  .ekinet-app > dl dd ul li:first-child {
    margin-right: 10px;
  }
}

/* *****************************************
	ボタン
***************************************** */
.tmp_btn_center {
  width: 100%;
  display: flex;
  justify-content: center;
}
_:-ms-lang(x)::-ms-backdrop, .tmp_btn_center {
  display: block;
  text-align: center;
}

.tmp_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 210px;
  padding: 0 1.5em !important;
}
.tmp_btn_icon {
  padding-right: 2.25em !important;
  padding-left: 2em !important;
  position: relative;
}
.tmp_btn_icon::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-block;
}
.tmp_btn_blue_blank_w::after {
  width: 14px !important;
  height: 14px !important;
  background: url(/top/common/img/icon_window_white.svg) no-repeat !important;
  background-size: cover !important;
  margin-top: -7px;
}
.tmp_btn_green_blank_w::after {
  width: 14px !important;
  height: 14px !important;
  background: url(/top/common/img/icon_window_white.svg) no-repeat !important;
  background-size: cover !important;
  margin-top: -7px;
}
.tmp_btn_green_blank_w:hover::after {
  background: url(/top/common/img/icon_window.svg) no-repeat !important;
}

.tmp_btn_width__m {
  max-width: 420px;
  width: auto;
}
@media (max-width: 749px) {
  .tmp_btn_width__m {
    max-width: auto;
  }
}

.tmp_btn_width__100per {
  max-width: auto;
  width: 100%;
}

/* *****************************************
	余白設定
***************************************** */
/* margin-bottom（55px～100px）*/
.tmp_mB-55 {
  margin-bottom: 55px !important;
}

.tmp_mB-60 {
  margin-bottom: 60px !important;
}

.tmp_mB-65 {
  margin-bottom: 65px !important;
}

.tmp_mB-70 {
  margin-bottom: 70px !important;
}

.tmp_mB-75 {
  margin-bottom: 75px !important;
}

.tmp_mB-80 {
  margin-bottom: 80px !important;
}

.tmp_mB-85 {
  margin-bottom: 85px !important;
}

.tmp_mB-90 {
  margin-bottom: 90px !important;
}

.tmp_mB-95 {
  margin-bottom: 95px !important;
}

.tmp_mB-100 {
  margin-bottom: 100px !important;
}

/* margin-top（55px～100px）*/
.tmp_mT-55 {
  margin-top: 55px !important;
}

.tmp_mT-60 {
  margin-top: 60px !important;
}

.tmp_mT-65 {
  margin-top: 65px !important;
}

.tmp_mT-70 {
  margin-top: 70px !important;
}

.tmp_mT-75 {
  margin-top: 75px !important;
}

.tmp_mT-80 {
  margin-top: 80px !important;
}

.tmp_mT-85 {
  margin-top: 85px !important;
}

.tmp_mT-90 {
  margin-top: 90px !important;
}

.tmp_mT-95 {
  margin-top: 95px !important;
}

.tmp_mT-100 {
  margin-top: 100px !important;
}

/* スマホ用 */
@media (max-width: 749px) {
  /* margin-bottom*/
  .tmp_mB-0-sp {
    margin-bottom: 0px !important;
  }

  .tmp_mB-5-sp {
    margin-bottom: 5px !important;
  }

  .tmp_mB-10-sp {
    margin-bottom: 10px !important;
  }

  .tmp_mB-15-sp {
    margin-bottom: 15px !important;
  }

  .tmp_mB-20-sp {
    margin-bottom: 20px !important;
  }

  .tmp_mB-25-sp {
    margin-bottom: 25px !important;
  }

  .tmp_mB-30-sp {
    margin-bottom: 30px !important;
  }

  .tmp_mB-35-sp {
    margin-bottom: 35px !important;
  }

  .tmp_mB-40-sp {
    margin-bottom: 40px !important;
  }

  .tmp_mB-45-sp {
    margin-bottom: 45px !important;
  }

  .tmp_mB-50-sp {
    margin-bottom: 50px !important;
  }

  .tmp_mB-55-sp {
    margin-bottom: 55px !important;
  }

  .tmp_mB-60-sp {
    margin-bottom: 60px !important;
  }

  .tmp_mB-65-sp {
    margin-bottom: 65px !important;
  }

  .tmp_mB-70-sp {
    margin-bottom: 70px !important;
  }

  .tmp_mB-75-sp {
    margin-bottom: 75px !important;
  }

  .tmp_mB-80-sp {
    margin-bottom: 80px !important;
  }

  .tmp_mB-85-sp {
    margin-bottom: 85px !important;
  }

  .tmp_mB-90-sp {
    margin-bottom: 90px !important;
  }

  .tmp_mB-95-sp {
    margin-bottom: 95px !important;
  }

  .tmp_mB-100-sp {
    margin-bottom: 100px !important;
  }

  /* margin-top*/
  .tmp_mT-0-sp {
    margin-top: 0px !important;
  }

  .tmp_mT-5-sp {
    margin-top: 5px !important;
  }

  .tmp_mT-10-sp {
    margin-top: 10px !important;
  }

  .tmp_mT-15-sp {
    margin-top: 15px !important;
  }

  .tmp_mT-20-sp {
    margin-top: 20px !important;
  }

  .tmp_mT-25-sp {
    margin-top: 25px !important;
  }

  .tmp_mT-30-sp {
    margin-top: 30px !important;
  }

  .tmp_mT-35-sp {
    margin-top: 35px !important;
  }

  .tmp_mT-40-sp {
    margin-top: 40px !important;
  }

  .tmp_mT-45-sp {
    margin-top: 45px !important;
  }

  .tmp_mT-50-sp {
    margin-top: 50px !important;
  }

  .tmp_mT-55-sp {
    margin-top: 55px !important;
  }

  .tmp_mT-60-sp {
    margin-top: 60px !important;
  }

  .tmp_mT-65-sp {
    margin-top: 65px !important;
  }

  .tmp_mT-70-sp {
    margin-top: 70px !important;
  }

  .tmp_mT-75-sp {
    margin-top: 75px !important;
  }

  .tmp_mT-80-sp {
    margin-top: 80px !important;
  }

  .tmp_mT-85-sp {
    margin-top: 85px !important;
  }

  .tmp_mT-90-sp {
    margin-top: 90px !important;
  }

  .tmp_mT-95-sp {
    margin-top: 95px !important;
  }

  .tmp_mT-100-sp {
    margin-top: 100px !important;
  }

  /* margin-right*/
  .tmp_mR-0-sp {
    margin-right: 0px !important;
  }

  .tmp_mR-5-sp {
    margin-right: 5px !important;
  }

  .tmp_mR-10-sp {
    margin-right: 10px !important;
  }

  .tmp_mR-15-sp {
    margin-right: 15px !important;
  }

  .tmp_mR-20-sp {
    margin-right: 20px !important;
  }

  .tmp_mR-25-sp {
    margin-right: 25px !important;
  }

  .tmp_mR-30-sp {
    margin-right: 30px !important;
  }

  .tmp_mR-35-sp {
    margin-right: 35px !important;
  }

  .tmp_mR-40-sp {
    margin-right: 40px !important;
  }

  .tmp_mR-45-sp {
    margin-right: 45px !important;
  }

  .tmp_mR-50-sp {
    margin-right: 50px !important;
  }

  /* margin-left*/
  .tmp_mL-0-sp {
    margin-left: 0px !important;
  }

  .tmp_mL-5-sp {
    margin-left: 5px !important;
  }

  .tmp_mL-10-sp {
    margin-left: 10px !important;
  }

  .tmp_mL-15-sp {
    margin-left: 15px !important;
  }

  .tmp_mL-20-sp {
    margin-left: 20px !important;
  }

  .tmp_mL-25-sp {
    margin-left: 25px !important;
  }

  .tmp_mL-30-sp {
    margin-left: 30px !important;
  }

  .tmp_mL-35-sp {
    margin-left: 35px !important;
  }

  .tmp_mL-40-sp {
    margin-left: 40px !important;
  }

  .tmp_mL-45-sp {
    margin-left: 45px !important;
  }

  .tmp_mL-50-sp {
    margin-left: 50px !important;
  }

  /* margin-all*/
  .tmp_m-0-sp {
    margin: 0px !important;
  }

  .tmp_m-5-sp {
    margin: 5px !important;
  }

  .tmp_m-10-sp {
    margin: 10px !important;
  }

  .tmp_m-15-sp {
    margin: 15px !important;
  }

  .tmp_m-20-sp {
    margin: 20px !important;
  }

  .tmp_m-25-sp {
    margin: 25px !important;
  }

  .tmp_m-30-sp {
    margin: 30px !important;
  }

  .tmp_m-35-sp {
    margin: 35px !important;
  }

  .tmp_m-40-sp {
    margin: 40px !important;
  }

  .tmp_m-45-sp {
    margin: 45px !important;
  }

  .tmp_m-50-sp {
    margin: 50px !important;
  }

  /* padding-bottom*/
  .tmp_pB-0-sp {
    padding-bottom: 0px !important;
  }

  .tmp_pB-5-sp {
    padding-bottom: 5px !important;
  }

  .tmp_pB-10-sp {
    padding-bottom: 10px !important;
  }

  .tmp_pB-15-sp {
    padding-bottom: 15px !important;
  }

  .tmp_pB-20-sp {
    padding-bottom: 20px !important;
  }

  .tmp_pB-25-sp {
    padding-bottom: 25px !important;
  }

  .tmp_pB-30-sp {
    padding-bottom: 30px !important;
  }

  .tmp_pB-35-sp {
    padding-bottom: 35px !important;
  }

  .tmp_pB-40-sp {
    padding-bottom: 40px !important;
  }

  .tmp_pB-45-sp {
    padding-bottom: 45px !important;
  }

  .tmp_pB-50-sp {
    padding-bottom: 50px !important;
  }

  /* padding-top*/
  .tmp_pT-0-sp {
    padding-top: 0px !important;
  }

  .tmp_pT-5-sp {
    padding-top: 5px !important;
  }

  .tmp_pT-10-sp {
    padding-top: 10px !important;
  }

  .tmp_pT-15-sp {
    padding-top: 15px !important;
  }

  .tmp_pT-20-sp {
    padding-top: 20px !important;
  }

  .tmp_pT-25-sp {
    padding-top: 25px !important;
  }

  .tmp_pT-30-sp {
    padding-top: 30px !important;
  }

  .tmp_pT-35-sp {
    padding-top: 35px !important;
  }

  .tmp_pT-40-sp {
    padding-top: 40px !important;
  }

  .tmp_pT-45-sp {
    padding-top: 45px !important;
  }

  .tmp_pT-50-sp {
    padding-top: 50px !important;
  }

  /* padding-right*/
  .tmp_pR-0-sp {
    padding-right: 0px !important;
  }

  .tmp_pR-5-sp {
    padding-right: 5px !important;
  }

  .tmp_pR-10-sp {
    padding-right: 10px !important;
  }

  .tmp_pR-15-sp {
    padding-right: 15px !important;
  }

  .tmp_pR-20-sp {
    padding-right: 20px !important;
  }

  .tmp_pR-25-sp {
    padding-right: 25px !important;
  }

  .tmp_pR-30-sp {
    padding-right: 30px !important;
  }

  .tmp_pR-35-sp {
    padding-right: 35px !important;
  }

  .tmp_pR-40-sp {
    padding-right: 40px !important;
  }

  .tmp_pR-45-sp {
    padding-right: 45px !important;
  }

  .tmp_pR-50-sp {
    padding-right: 50px !important;
  }

  /* padding-left*/
  .tmp_pL-0-sp {
    padding-left: 0px !important;
  }

  .tmp_pL-5-sp {
    padding-left: 5px !important;
  }

  .tmp_pL-10-sp {
    padding-left: 10px !important;
  }

  .tmp_pL-15-sp {
    padding-left: 15px !important;
  }

  .tmp_pL-20-sp {
    padding-left: 20px !important;
  }

  .tmp_pL-25-sp {
    padding-left: 25px !important;
  }

  .tmp_pL-30-sp {
    padding-left: 30px !important;
  }

  .tmp_pL-35-sp {
    padding-left: 35px !important;
  }

  .tmp_pL-40-sp {
    padding-left: 40px !important;
  }

  .tmp_pL-45-sp {
    padding-left: 45px !important;
  }

  .tmp_pL-50-sp {
    padding-left: 50px !important;
  }

  /* padding-all*/
  .tmp_p-0-sp {
    padding: 0px !important;
  }

  .tmp_p-5-sp {
    padding: 5px !important;
  }

  .tmp_p-10-sp {
    padding: 10px !important;
  }

  .tmp_p-15-sp {
    padding: 15px !important;
  }

  .tmp_p-20-sp {
    padding: 20px !important;
  }

  .tmp_p-25-sp {
    padding: 25px !important;
  }

  .tmp_p-30-sp {
    padding: 30px !important;
  }

  .tmp_p-35-sp {
    padding: 35px !important;
  }

  .tmp_p-40-sp {
    padding: 40px !important;
  }

  .tmp_p-45-sp {
    padding: 45px !important;
  }

  .tmp_p-50-sp {
    padding: 50px !important;
  }
}
/*
	グローバルメニュー（えきねっと用）反転設定
****************************************************************************** */
#about-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#tokudane-page1 .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
.tokudane-lower-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#e-ticket-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#e-ticket-waribiki-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#ticketless-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#guide-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
.jrticket-page .idxTopPcHSubmenuList li:nth-child(1) .idxTopPcHSubmenuListItemBtn,
#travel-page .idxTopPcHSubmenuList li:nth-child(2) .idxTopPcHSubmenuListItemLink,
#rentcar-page .idxTopPcHSubmenuList li:nth-child(3) .idxTopPcHSubmenuListItemLink {
  background-color: #106b4d;
}

/* *****************************************
	汎用クラス
***************************************** */
.indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.inb {
  display: inline-block !important;
}

/*=========================================
ヘッダー（SP版）
=========================================*/
.ofh-html,
.ofh-body {
  overflow: hidden;
}

.idxTopSpHW {
  width: 100%;
  height: auto;
  display: block;
}
@media print, screen and (min-width: 750px) {
  .idxTopSpHW {
    display: none;
  }
}

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

.idxTopSpHnavW {
  width: 100%;
  height: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #fff;
  position: static;
}
.idxTopSpHnavW.active {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
}

.idxTopSpHnavLogoH {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  margin-right: 5px;
}

.idxTopSpHnavLogoHLink {
  display: block;
}
.idxTopSpHnavLogoHLink img {
  display: block;
}

.idxTopSpHnavMenuList {
  max-width: 190px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin-left: auto;
}

.idxTopSpHnavMenuListItem {
  max-width: 65px;
  width: 100%;
  height: auto;
  border-left: 1px solid #d9d9d9;
  position: relative;
}
.idxTopSpHnavMenuListItem:last-of-type {
  border-right: 1px solid #d9d9d9;
  max-width: 60px;
}

.idxTopSpHnavMenuListItemLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.75rem;
  color: #000;
  text-decoration: none;
}

.idxTopSpHnavJreogoH {
  min-width: 50px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idxTopSpHnavJreogoHLink {
  display: block;
}
.idxTopSpHnavJreogoHLink img {
  display: block;
}

.idxTopSpHnavMenuListItemBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0px;
  background: url("/top/jrticket/img/index_headersubmenuopen-icon.png") no-repeat center top 9px;
  background-size: 18px 15px;
}
.idxTopSpHnavMenuListItemBtn::after {
  content: "メニュー";
  display: block;
  font-size: 0.6rem;
  margin-top: 24px;
}
.idxTopSpHnavMenuListItemBtn.active {
  background: url("/top/jrticket/img/index_headersubmenuclose-icon.png") no-repeat center top 9px;
  background-size: 18px 15px;
  background-color: #007a52;
  color: #fff;
}
.idxTopSpHnavMenuListItemBtn.active::after {
  content: "とじる";
}

/* サブメニュー */
.idxTopSpHnavSubW {
  width: calc(100vw - 49px);
  height: calc(100vh - 50px);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9999;
  background: #007a52;
  overflow: auto;
}
.idxTopSpHnavSubW.active {
  display: block;
}

.idxTopSpHnavSubList {
  width: 100%;
  height: auto;
  padding: 15px 15px 0 15px;
}

.idxTopSpHnavSubListItem {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.idxTopSpHnavSubListItem:last-of-type {
  margin-bottom: 0;
}

.idxTopSpHnavSubListItemLink {
  width: 100%;
  height: auto;
  display: block;
  background: #07855b;
  color: #fff;
  text-decoration: none;
  padding: 14px 15px 15px;
  border-bottom: 1px solid #53a68a;
  position: relative;
  line-height: 1;
  font-size: 0.938rem;
}
.idxTopSpHnavSubListItemLink::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.idxTopSpHnavSubList2 {
  width: 100%;
  height: auto;
  padding: 0 5px;
}

.idxTopSpHnavSubList2Item {
  width: 100%;
  height: auto;
}

.idxTopSpHnavSubList2ItemLink {
  width: 100%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #53a68a;
  font-size: 0.8rem;
  line-height: 1.6;
}

.idxTopSpHnavSubList3 {
  width: 100%;
  height: auto;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.idxTopSpHnavSubList3Item {
  width: auto;
  height: auto;
  display: inline-block;
}

.idxTopSpHnavSubList3ItemLink {
  width: 100%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 9px 0 9px 20px;
  font-size: 0.75rem;
  line-height: 1.6;
}
.idxTopSpHnavSubList3ItemLink span {
  border-right: 1px solid #53a68a;
  padding-right: 20px;
}
.idxTopSpHnavSubList3Item:last-of-type .idxTopSpHnavSubList3ItemLink span {
  border-right: none;
}

.idxTopSpHnavSubBtnW {
  width: 100%;
  height: auto;
}

.idxTopSpHnavSubBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 20px 0 25px;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.8rem;
}

.idxMainContent {
  width: 100%;
  height: auto;
}
.idxMainContent.active {
  padding-top: 50px;
  pointer-events: none;
}

/* 会員情報枠 */
.idxTopSpHMemberW {
  width: 100%;
  height: auto;
  display: block;
  background: #f0f3f5;
  border-top: 1px solid #d9d9d9;
}

.idxTopSpHMemberSubmenuList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.idxTopSpHMemberSubmenuListItem {
  height: auto;
  position: relative;
}
.idxTopSpHMemberSubmenuListItem:first-of-type {
  width: 60%;
  border-bottom: 1px solid #d9d9d9;
}
.idxTopSpHMemberSubmenuListItem:last-of-type {
  width: 40%;
  border-bottom: 1px solid #d9d9d9;
}

.idxTopSpHnavLoginAfterListItemSubWPointW {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.9rem;
  padding: 0 5px;
}

.idxTopSpHnavLoginAfterListItemSubWPointW-img {
  width: 26px;
  height: 20px;
  margin-right: 5px;
}

.idxTopSpHnavLoginAfterListItemSubWPointW-text {
  width: auto;
}
.idxTopSpHnavLoginAfterListItemSubWPointW-text span {
  font-size: 0.7rem;
}

.idxTopSpHMemberSubmenuListItemBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 8px 34px 8px 50px;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  height: auto;
  min-height: 46px;
  background: url("/top/jrticket/img/index_headermember-icon.png") no-repeat left 15px top 8px;
  background-size: 30px 30px;
  font-size: 0.9rem;
  border-right: 1px solid #d9d9d9;
}
.idxTopSpHMemberSubmenuListItemBtn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #666666 transparent transparent transparent;
}
.idxTopSpHMemberSubmenuListItemBtn span {
  font-size: 0.8rem;
  min-width: 2em;
}

.idxTopSpHMemberSubmenuList2 {
  display: none;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 100%;
  background: #f0f3f5;
  border-top: 1px solid #d9d9d9;
  z-index: 9800;
}
.idxTopSpHMemberSubmenuList2.active {
  display: block;
}

.idxTopSpHMemberSubmenuList2Item {
  width: 100%;
  height: auto;
}

.idxTopSpHMemberSubmenuList2ItemLink {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 15px 15px 30px;
  position: relative;
  font-size: 0.9rem;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #000;
  text-decoration: none;
}
.idxTopSpHMemberSubmenuList2ItemLink::after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 12px;
  border-top: 2px solid #007a52;
  border-right: 2px solid #007a52;
  transform: rotate(45deg);
}

/* ポイント照会ボタン */
.idxTopSpHMemberSubmenuPointBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 8px 12px 8px 30px;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  font-size: 0.8rem;
  text-align: left;
}
@media print, screen and (min-width: 750px) {
  .idxTopSpHMemberSubmenuPointBtn {
    width: auto;
    padding: 0 0 0 10px;
  }
}
.idxTopSpHMemberSubmenuPointBtn::before {
  content: "";
  width: 7px;
  height: 7px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 10px;
  border-top: 2px solid #007a52;
  border-right: 2px solid #007a52;
  transform: rotate(45deg);
}

/* マイページ誘導ボタン枠 */
.idxTopSpHMypageW {
  width: 100%;
  height: auto;
  background: #f0f3f5;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.idxTopSpHMypageTxt {
  width: 60%;
  height: auto;
  font-size: 0.75rem;
  padding: 9px 15px;
}

.idxTopSpHMypageBtnW {
  width: 40%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 9px 15px;
}
.idxTopSpHMypageBtnW button {
  height: 45px;
  margin-bottom: 10px;
}
.idxTopSpHMypageBtnW button:last-of-type {
  margin-bottom: 0;
}

/*=========================================
ヘッダー（PC版）
=========================================*/
.idxTopPcHW {
  display: none;
}
@media print, screen and (min-width: 750px) {
  .idxTopPcHW {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
  }
}

.idxTopPcHMenuW {
  width: 100%;
  height: auto;
}

.idxTopPcHnavW {
  max-width: 1000px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.idxTopPcHnavLogoH {
  width: 130px;
  min-height: 46px;
  height: 100%;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.idxTopPcHnavLogoHLink {
  display: block;
  display: flex;
  align-items: center;
}

.idxTopPcHnavMenuList {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-right: auto;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavMenuList {
  width: 30%;
}

.idxTopPcHnavMenuListItem {
  width: auto;
  height: 100%;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavMenuListItem {
  height: auto;
}

.idxTopPcHnavMenuListItemLink {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  color: #333;
  text-decoration: none;
  font-size: 0.7rem;
}
.idxTopPcHnavMenuListItemLink span {
  border-right: 1px solid #a6a6a6;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.idxTopPcHnavMenuListItem:first-of-type .idxTopPcHnavMenuListItemLink span {
  padding-left: 0;
}
.idxTopPcHnavMenuListItem:last-of-type .idxTopPcHnavMenuListItemLink span {
  border-right: none;
  padding-right: 0;
}
.idxTopPcHnavMenuListItemLink:hover {
  text-decoration: underline;
  color: #333;
}

/* ログイン前ボタン枠 */
.idxTopPcHnavLoginList {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
}

.idxTopPcHnavLoginListItem {
  width: auto;
  height: 40px;
  margin-right: 10px;
}
.idxTopPcHnavLoginListItem:last-of-type {
  margin-right: 0;
}

.idxTopPcHnavLoginListItemLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f0f3f5;
  color: #007a52;
  font-weight: bold;
  font-size: 0.8rem;
  text-decoration: none;
  border-radius: 3px;
  line-height: 1;
}
.idxTopPcHnavLoginListItemLink:hover {
  background: #f0f7f0;
  color: #007a52;
}
.idxTopPcHnavLoginListItemLink.newmember {
  padding-left: 20px;
  padding-right: 20px;
}
.idxTopPcHnavLoginListItemLink.login {
  padding-left: 30px;
  padding-right: 30px;
}

/* ログイン後ボタン枠 */
.idxTopPcHnavLoginAfterList {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-left: 10px;
}

.idxTopPcHnavLoginAfterListItem {
  width: auto;
  min-width: 194px;
  min-height: 46px;
  margin-right: 10px;
  background: #f0f3f5;
  border-radius: 3px;
  position: relative;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItem {
  width: 45%;
  min-width: auto;
}
.idxTopPcHnavLoginAfterListItem:last-of-type {
  margin-right: 0;
}

.idxTopPcHnavLoginAfterListItemBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0 20px 0 45px;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: url(/top/jrticket/img/index_headermember-icon.png) no-repeat left 7px center;
  background-size: 30px 30px;
  background-color: #f0f3f5;
  color: #333;
  font-weight: normal;
  font-size: 0.875rem;
  text-decoration: none;
  border-radius: 3px;
  position: relative;
  text-align: left;
}
.idxTopPcHnavLoginAfterListItemBtn span {
  font-size: 0.75rem;
  min-width: 2em;
  /*最大のお客様指名を表示した場合の画面崩れ解消のため*/
}
.idxTopPcHnavLoginAfterListItemBtn::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 100%;
  top: 0;
  right: 0;
  display: block;
  background: #dfe6eb;
  border-left: 1px solid #d9d9d9;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.idxTopPcHnavLoginAfterListItemBtn::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 4px;
  display: block;
  border-style: solid;
  border-width: 5px 3.5px 0 3.5px;
  border-color: #666666 transparent transparent transparent;
}
.idxTopPcHnavLoginAfterListItemBtn:hover {
  color: #333;
}
.idxTopPcHnavLoginAfterListItemBtn.active {
  color: #333;
}
.idxTopPcHnavLoginAfterListItemBtn:focus {
  outline: solid 2px #06c;
}

.idxTopPcHnavLoginAfterListItemSubW {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 100%;
  background: #f0f3f5;
  padding-right: 10px;
  border-radius: 3px;
}

.idxTopPcHnavLoginAfterListItemSubWPointW {
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  font-size: 0.8rem;
  line-height: 1.4;
  background: url(/top/jrticket/img/logo_jrepoint.png) no-repeat left 12px center;
  background-size: 26px 20px;
  padding-left: 45px;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItemSubWPointW {
  width: 50%;
}
.idxTopPcHnavLoginAfterListItemSubWPointW span {
  display: block;
  font-size: 0.875rem;
}
.idxTopPcHnavLoginAfterListItemSubWPointW span:last-of-type {
  font-size: 0.6rem;
}

.idxTopPcHnavLoginAfterListItemSubWBtnW {
  width: auto;
  height: 100%;
  margin-left: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItemSubWBtnW {
  width: 50%;
}

.idxTopPcHnavLoginAfterListItemSubWBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #000;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.75rem;
}
_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItemSubWBtn {
  padding-left: 5px;
  padding-right: 5px;
}

_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavW {
  height: 70px;
}

_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItem {
  width: 194px;
}

_:-ms-lang(x)::-ms-backdrop, .idxTopPcHnavLoginAfterListItemSubWBtnW {
  width: auto;
}

/* 会員名前枠のポップアップ枠 */
.idxTopPcHnavLoginAfter2W {
  display: none;
  position: absolute;
  width: 290px;
  height: auto;
  top: 100%;
  left: calc(50% - 145px);
  padding-top: 6px;
  z-index: 9800;
}
.idxTopPcHnavLoginAfter2W.active {
  display: block;
}

.idxTopPcHnavLoginAfter2List {
  width: 100%;
  height: auto;
  background: #f0f3f5;
  border: 2px solid #007a52;
  border-radius: 5px;
  padding: 10px 20px;
  position: relative;
}
.idxTopPcHnavLoginAfter2List::before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  bottom: calc(100% + 2px);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #007a52 transparent;
}

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

.idxTopPcHnavLoginAfter2ListItemLink {
  display: block;
  font-size: 0.8rem;
  position: relative;
  padding-left: 15px;
  color: #333;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 1;
}
.idxTopPcHnavLoginAfter2ListItemLink::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 3px;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  border-top: 1px solid #007a52;
  border-right: 1px solid #007a52;
  transform: rotate(45deg);
}
.idxTopPcHnavLoginAfter2ListItemLink:hover {
  text-decoration: underline;
  color: #333;
}

/* JR東日本ロゴ */
.idxTopPcHnavJreogoH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: auto;
  margin-left: 15px;
}

.idxTopPcHnavJreogoHLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.idxTopPcHSubmenuW {
  width: 100%;
  height: 52px;
  background: #007a52;
}

.idxTopPcHSubmenuList {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.idxTopPcHSubmenuListItem {
  width: calc(100% / 3);
  height: 100%;
  position: relative;
  /*&:nth-of-type(2) {
  	border-right: 1px solid #53a68a;
  }*/
}
.idxTopPcHSubmenuListItem:last-of-type {
  border-left: 1px solid #53a68a;
  border-right: 1px solid #53a68a;
}

.idxTopPcHSubmenuListItemBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0;
  border: none;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.0625rem;
  line-height: 1;
  background: #007a52;
  border-left: 1px solid #53a68a;
  border-right: 1px solid #53a68a;
}
.idxTopPcHSubmenuListItemBtn:hover {
  background: #106b4d;
  color: #fff;
}
.idxTopPcHSubmenuListItemBtn.active {
  background: #106b4d;
  color: #fff;
}
.idxTopPcHSubmenuListItemBtn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.idxTopPcHSubmenuListItemBtn:focus {
  outline: solid 2px #06c;
}

.idxTopPcHSubmenuListItemLink {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.0625rem;
  line-height: 1;
  text-decoration: none;
  background: #007a52;
}
.idxTopPcHSubmenuListItemLink:hover {
  background: #106b4d;
  color: #fff;
}

.idxTopPcHSubmenu2W {
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: calc(100% - 1px);
  left: 0;
  background: #106b4d;
  z-index: 9999;
  padding: 10px 15px 20px;
  border-left: 1px solid #53a68a;
  border-right: 1px solid #53a68a;
  border-bottom: 1px solid #53a68a;
  border-top: 1px solid #106b4d;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.idxTopPcHSubmenu2W.active {
  display: block;
}

.idxTopPcHSubmenu2List {
  width: 100%;
  height: auto;
}

.idxTopPcHSubmenu2ListItem {
  width: 100%;
  height: auto;
}

.idxTopPcHSubmenu2ListItemLink {
  width: 100%;
  height: auto;
  display: block;
  background: #0b7350;
  color: #fff;
  text-decoration: none;
  padding: 13px 15px;
  border-bottom: 1px solid #53a68a;
  position: relative;
  line-height: 1;
}
@media print, screen and (min-width: 750px) {
  .idxTopPcHSubmenu2ListItemLink {
    font-size: 0.938rem;
  }
}
.idxTopPcHSubmenu2ListItemLink::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.idxTopPcHSubmenu2ListItemLink:hover {
  color: #fff;
  text-decoration: underline;
}

.idxTopPcHSubmenu2List2 {
  width: 100%;
  height: auto;
  padding: 0 5px;
}

.idxTopPcHSubmenu2List2Item {
  width: 100%;
  height: auto;
}

.idxTopPcHSubmenu2List2ItemLink {
  width: 100%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 15px 15px 15px 20px;
  border-bottom: 1px solid #53a68a;
  font-size: 0.825rem;
  line-height: 1;
}
.idxTopPcHSubmenu2List2ItemLink:hover {
  text-decoration: underline;
  color: #fff;
}

.idxTopPcHSubmenu2List3 {
  width: 100%;
  height: auto;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.idxTopPcHSubmenu2List3Item {
  width: auto;
  height: auto;
  display: inline-block;
}

.idxTopPcHSubmenu2List3ItemLink {
  width: 100%;
  height: auto;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 11px 0 11px 20px;
  font-size: 0.8rem;
  line-height: 1;
}
.idxTopPcHSubmenu2List3ItemLink span {
  border-right: 1px solid #53a68a;
  padding-right: 20px;
}
.idxTopPcHSubmenu2bList3Item:last-of-type .idxTopPcHSubmenu2List3ItemLink span {
  border-right: none;
}
.idxTopPcHSubmenu2List3ItemLink:hover {
  text-decoration: underline;
  color: #fff;
}

/* *****************************************
	SP用ログアウトボタン
***************************************** */
@media (max-width: 749px) {
  .sp_logout_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: 'Noto Serif Japanese', sans-serif;
    font-size: 0.75rem;
    padding: 0;
    border: none;
    background: none;
  }
}

/*# sourceMappingURL=top_common.css.map */