@charset "UTF-8";
/* ---------------------------------------
  TITLE : HANSHIN Tigers
  URI : hanshintigers.jp
  (C) HANSHIN Tigers.
--------------------------------------- */
@import url(/common/css/format.css);
@import url(/common/css/layout.css);
@import url(/common/css/common.css);
/* JOIN (STRUCTURES)
--------------------------------------- */
#main {
  float: none;
  width: 100%;
  min-width: 980px;
}
#main.finish {
  position: relative;
}
#main.finish::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}

img {
  -webkit-backface-visibility: hidden;
}

#ln {
  background: #000000;
}

h2.ct {
  background: url(/fanclub/img/logo_bg.jpg) 0 0 no-repeat;
  text-indent: 0px;
  position: relative;
}
h2.ct::before {
  content: "";
  display: block;
  width: 460px;
  height: 120px;
  position: absolute;
  top: 20px;
  left: 20px;
  background: url(/fanclub/img/fc_logo.png) 0 0 no-repeat;
}

h3.pt {
  background: #D4D4CD url(/fanclub/img/pt_fanclub.gif) 0 0 no-repeat;
  display: block;
  width: 980px;
  height: 30px;
  text-indent: -99999px;
}

p#tp {
  padding-right: 15px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  margin-top: -30px;
}

p.finish {
  background: #e60012;
  text-align: center;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: bold;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  padding: 10px;
}

.flexbox {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.center {
  text-align: center;
}

.inner {
  width: 980px;
  margin: 0 auto;
  background: #FFFFFF;
}

ul.indent li {
  margin-left: 1em;
  text-indent: -1em;
}

ul.inline li {
  display: inline-block;
}

.fc_red {
  color: #e60012;
}

.fc_yellow {
  color: #ffe100;
}

.fc_blue {
  color: #0081cc;
}

.txt_u {
  text-decoration: underline !important;
}

.em {
  font-weight: bold;
}

.red_box {
  background: #e60012;
  padding: 20px;
  color: #FFFFFF;
}

.btn_round {
  display: inline-block;
  min-width: 200px;
}
.btn_round a, .btn_round span {
  display: block;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  padding: 8px;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.btn_round a:hover, .btn_round span:hover {
  background: #ffe100;
  color: #000000;
}
.btn_round span {
  background: #aaa;
  color: #666;
}
.btn_round span:hover {
  background: #aaa;
  color: #666;
}

/* JOIN (MENU)
--------------------------------------- */
#join_menu h2 {
  text-align: center;
  font-size: 26px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  padding: 15px;
  line-height: 1;
  font-weight: bold;
  background: #666666;
  color: #ffe100;
}
#join_menu .menu {
  padding: 24px 30px;
  background: #c4c4c4;
  border-bottom: 1px solid #000000;
}
#join_menu .menu h3 {
  text-align: center;
  font-size: 24px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  padding: 10px;
  line-height: 1;
  font-weight: bold;
  background: #ffe100;
  color: #000000;
}
#join_menu .menu h3.option {
  margin-top: 20px;
}
#join_menu .menu ul.cp_nav {
  background: #ffffcc;
  padding: 20px 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  flex-wrap: wrap;
}
#join_menu .menu ul.cp_nav li a, #join_menu .menu ul.cp_nav li span {
  width: 390px;
  font-size: 20px;
  background: #FFFFFF;
  color: #000000;
  border: 4px solid #ffe100;
}
#join_menu .menu ul.cp_nav li a:hover, #join_menu .menu ul.cp_nav li span:hover {
  background: #ffe100;
}
#join_menu .menu ul.cp_nav li:nth-child(2n) {
  margin-left: 30px;
}
#join_menu .menu ul.cp_nav li:nth-child(n + 3) {
  margin-top: 20px;
}
#join_menu .menu ul.cp_nav li span {
  background: #d9d9d9;
  border-color: #b0b0b0;
  color: #828282;
}
#join_menu .menu ul.cp_nav li span:hover {
  background: #d9d9d9;
  color: #828282;
}
#join_menu .menu div.btn_round {
  margin: 0 auto;
  display: block;
  width: 420px;
}
#join_menu .menu div.btn_round a, #join_menu .menu div.btn_round span {
  font-size: 20px;
  background: #FFFFFF;
  color: #000000;
  border: 4px solid #FFF100;
  background: #ffe100;
  padding: 15px;
}
#join_menu .menu div.btn_round a:hover, #join_menu .menu div.btn_round span:hover {
  background: #000000;
  color: #ffe100;
}
#join_menu .menu div.btn_round span {
  background: rgba(0, 0, 0, 0.3);
  border-color: #b0b0b0;
  color: #bdbdbd;
}
#join_menu .menu div.btn_round span:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #bdbdbd;
}
#join_menu .menu .btn_off {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  width: 420px;
  padding: 15px;
  color: #BDBDBD;
  border: 4px solid #b0b0b0;
}
#join_menu .menu dl.links {
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#join_menu .menu dl.links dt a {
  font-size: 18px;
}
#join_menu .menu dl.links dd a {
  font-size: 16px;
}
#join_menu .menu dl.links dt, #join_menu .menu dl.links dd {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  margin: 0 10px;
}
#join_menu .menu dl.links dt a, #join_menu .menu dl.links dd a {
  padding: 8px 30px 8px 10px;
  display: inline-block;
  position: relative;
  color: #000000;
  border-radius: 10px;
  background: #FFFFFF;
  text-decoration: none;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#join_menu .menu dl.links dt a::after, #join_menu .menu dl.links dd a::after {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  left: auto;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #000000;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#join_menu .menu dl.links dt a:hover, #join_menu .menu dl.links dd a:hover {
  color: #000000;
  background: #ffe100;
}
#join_menu .menu dl.links dt a:hover::after, #join_menu .menu dl.links dd a:hover::after {
  border-left: 10px solid #000000;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#join_menu .menu p.stl {
  font-weight: bold;
  font-size: 18px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  text-align: center;
}
#join_menu .menu ul.app_nav {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}
#join_menu .menu ul.app_nav li {
  background: #FFFFFF;
  min-width: 176px;
  border-radius: 10px;
  font-weight: bold;
  font-size: 16px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  position: relative;
  border: 3px solid #ffe100;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
#join_menu .menu ul.app_nav li.off {
  background: #D9D9D9;
  color: #828282;
  border: 3px solid #b0b0b0;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
}
#join_menu .menu ul.app_nav li.off img {
  vertical-align: middle;
  width: 18px;
  height: auto;
  margin-right: 4px;
  opacity: 0.3;
}
#join_menu .menu ul.app_nav li.off::after {
  display: none;
}
#join_menu .menu ul.app_nav li.off:hover {
  background: #D9D9D9;
}
#join_menu .menu ul.app_nav li:hover {
  background: #ffe100;
}
#join_menu .menu ul.app_nav li a {
  color: #000000;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 30px 0 12px;
}
#join_menu .menu ul.app_nav li a img {
  vertical-align: middle;
  width: 18px;
  height: auto;
  margin-right: 4px;
}
#join_menu .menu ul.app_nav li::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: auto;
  right: 10px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #000000;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
#join_menu .info.flexbox {
  background: #dbdbdb;
  padding: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#join_menu .info.flexbox .box {
  width: 440px;
}
#join_menu .info.flexbox .box h4 {
  background: #000000;
  font-size: 16px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  color: #FFFFFF;
  padding: 5px 10px;
  margin-bottom: 10px;
  text-align: center;
}
#join_menu .info.flexbox .box p {
  font-size: 13px;
}
#join_menu .info.flexbox .box p.indent {
  text-indent: -1em;
  margin-left: 1em;
}
#join_menu .info.flexbox .box div.btn_round {
  margin: 20px auto 0 auto;
  display: block;
  width: 240px;
}
#join_menu .info.flexbox .box div.btn_round a {
  font-size: 18px;
}
#join_menu .info.flexbox .box div.btn_round a:hover {
  background: #ffe100;
}

/* JOIN (CTOP)
--------------------------------------- */
#container {
  background: #000;
}

#main {
  padding-bottom: 0;
}

.header {
  background: #000000;
  padding-bottom: 30px;
  width: 980px;
  margin: 0 auto;
}
.header .info {
  padding-top: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header .info img {
  margin-bottom: 10px;
}
.header .btn a {
  display: inline-block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.header .btn a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.header .btn_off {
  background: rgba(255, 244, 0, 0.7);
  border-radius: 10px;
  margin: 10px auto 0 auto;
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  width: 300px;
  padding: 15px;
  color: #282509;
}

.price_revision {
  color: #fff;
  background: #e60012;
  margin: 20px 0 10px;
  padding: 10px 20px 10px 30px;
}
.price_revision dl {
  display: flex;
  align-items: center;
}
.price_revision dl dt {
  font-size: 24px;
  font-weight: bold;
  padding-left: 35px;
  background: url("/fanclub/join/2025/img/icon_caution.png") no-repeat left 3px center;
  background-size: 30px auto;
  flex: 1;
}
.price_revision dl dd {
  font-size: 16px;
  width: 650px;
}

#fc_plan {
  background: #FFFFFF;
  padding: 10px 0 30px 0;
}
#fc_plan h2 img {
  height: 70px;
  width: auto;
}
#fc_plan .ac_wp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px 15px 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
#fc_plan .ac_wp#high_grade {
  background-color: #d4e2f5;
}
#fc_plan .ac_wp#high_grade .ac_btn {
  border: 3px solid #144a97;
}
#fc_plan .ac_wp#regular {
  background-color: #ffdef0;
}
#fc_plan .ac_wp#regular .ac_btn {
  border: 3px solid #E4007F;
}
#fc_plan .ac_wp#light {
  background-color: #d7f9f4;
}
#fc_plan .ac_wp#light .ac_btn {
  border: 3px solid #25B6A0;
}
#fc_plan .ac_wp#kids {
  background-color: #b0e9ff;
}
#fc_plan .ac_wp#kids .ac_btn {
  border: 3px solid #1879BD;
}
#fc_plan .ac_wp h3 {
  -ms-flex-item-align: center;
  align-self: center;
}
#fc_plan .ac_wp ul {
  width: 500px;
  font-size: 16px;
  -ms-flex-item-align: center;
  align-self: center;
}
#fc_plan .ac_wp ul li {
  margin-top: 5px;
  display: table;
}
#fc_plan .ac_wp ul li span {
  display: table-cell;
}
#fc_plan .ac_wp ul li span.item {
  width: 70px;
}
#fc_plan .ac_wp .ac_btn {
  width: 240px;
  margin: 10px auto 5px auto;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  padding: 5px 24px 5px 8px;
  position: relative;
}
#fc_plan .ac_wp .ac_btn::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: auto;
  right: 84px;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 12px solid #000000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
#fc_plan .ac_contents {
  background: #ededed;
  padding: 20px 20px 10px 20px;
  display: none;
}
#fc_plan .ac_contents .unit {
  width: 50%;
}
#fc_plan .ac_contents ul {
  min-height: 180px;
}
#fc_plan .ac_contents ul li {
  font-size: 14px;
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 1em;
  text-align: center;
}
#fc_plan .ac_contents div.btn_link a {
  width: 430px;
  margin: 10px auto;
  text-align: center;
  text-decoration: none;
  background: #ffe100;
  border: 4px solid #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  border-radius: 10px;
  display: block;
  padding: 8px 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
}
#fc_plan .ac_contents div.btn_link a:hover {
  background: #000000;
  color: #ffe100;
  border: 4px solid #ffe100;
}

.bnr_area {
  background: #ededed;
}
.bnr_area h2 {
  background: #ffe100;
}
.bnr_area h2 p {
  background: url(/fanclub/join/2025/img/top/tit_bg.gif) no-repeat left center;
  font-size: 32px;
  font-weight: bold;
  width: 980px;
  margin: auto;
  text-align: center;
  height: 67px;
  line-height: 67px;
}
.bnr_area ul {
  width: 980px;
  margin: 0 auto;
  padding: 20px 0;
  justify-content: center;
}
.bnr_area ul li {
  width: 470px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.bnr_area ul li:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none !important;
}
.bnr_area ul li.finish:hover, .bnr_area ul li.finish_txt:hover {
  opacity: 1;
}
.bnr_area ul li img {
  width: 100%;
  height: auto;
}
.bnr_area ul li.finish a, .bnr_area ul li.finish_txt a {
  display: block;
  position: relative;
}
.bnr_area ul li.finish a::before, .bnr_area ul li.finish_txt a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.bnr_area ul li.finish_txt a::before {
  content: "受付を終了しました";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.bnr_area ul li:nth-child(2n) {
  margin-left: 40px;
}

.section {
  padding: 20px 0;
}
.section h2 {
  text-align: center;
}
.section .fc_pink {
  color: #e4007f;
}
.section .fc_white {
  color: #fff;
}
.section .txt_R {
  text-align: right;
}
.section .txt_L {
  text-align: left;
}
.section .mt10 {
  margin-top: 10px;
}
.section .mt5 {
  margin-top: 5px;
}
.section .mb15 {
  margin-bottom: 15px;
}
.section .unit {
  width: 980px;
  margin: 10px auto;
}
.section .unit + .unit {
  margin: 20px auto;
}
.section .arrow_red {
  position: relative;
  padding-left: 12px;
}
.section .arrow_red::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-left: solid 8px #e60012;
}
.section h3.bg_black {
  background: #000000;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 34px;
  padding: 12px 24px;
  position: relative;
}
.section h3.bg_black small.sub_txt {
  display: block;
  color: #FFFFFF;
  font-size: 20px;
}
.section h3.bg_black img.tag {
  position: absolute;
  margin: auto;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 38px;
  width: auto;
}
.section h3.bg_black img.tag.other {
  top: 15px;
  bottom: auto;
}
.section h3.bg_black .logo {
  display: flex;
  align-items: center;
}
.section h3.bg_black .logo span:first-child {
  padding-right: 30px;
}
.section .inner {
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.section ul.inline li {
  margin-right: 10px;
}
.section .tag {
  margin: 10px 0;
}
.section .tag img {
  height: 35px;
  width: auto;
}
.section .flexbox + .inline {
  margin-top: 20px;
}
.section .inner + p.indent {
  margin-top: 5px;
}
.section .flexbox.column3 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
.section .flexbox.column3 li {
  width: 290px;
  list-style-type: none;
}
.section .flexbox.column3 li img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
.section .flexbox.column3.center li {
  text-align: center;
}
.section .flexbox.column2 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.section .flexbox.column2 .info {
  width: 420px;
}
.section .flexbox.column2 .info h5 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}
.section .flexbox.column2 .info p.txt {
  font-size: 13px;
}
.section .flexbox.column2 .photo {
  width: 440px;
}
.section .flexbox.column2 .photo img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

#benefit_member {
  background: #ffe100;
}
#benefit_member h3 {
  color: #ffe100;
}
#benefit_member h4.bg_yellow {
  background: #ffe100;
  color: #e60012;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 20px;
}
#benefit_member h4.bg_yellow .sub_txt {
  font-size: 18px;
  color: #000;
}
#benefit_member h4.bg_pink {
  background: #f9d3e3;
  color: #e60012;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 20px;
}
#benefit_member dl.list {
  margin: 15px 0;
}
#benefit_member dl.list dt.arrow_yellow {
  position: relative;
  font-weight: bold;
  font-size: 24px;
  padding-left: 20px;
  line-height: 1.2;
}
#benefit_member dl.list dt.arrow_yellow small {
  font-size: 16px;
}
#benefit_member dl.list dt.arrow_yellow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 3px;
  width: 0;
  height: 0;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
  border-left: solid 14px #ffe100;
}
#benefit_member dl.list dd {
  font-size: 13px;
  margin: 5px 0 0 20px;
}
#benefit_member .btn_round.pink a {
  background: #e95198;
}
#benefit_member .btn_round.pink a:hover {
  background: #ffe100;
  color: #e95198;
}
#benefit_member #highgrade_souvenir .inner {
  padding: 15px 36px 30px;
}
#benefit_member #highgrade_souvenir .inner .hg_lead {
  font-size: 22px;
  font-weight: bold;
}
#benefit_member #highgrade_souvenir .inner .hg_lead span {
  font-size: 18px;
}
#benefit_member #highgrade_souvenir .inner .souvenir_selection {
  background: #fff100;
  font-size: 22px;
  font-weight: bold;
  color: #004ea2;
  padding: 10px;
  margin-top: 10px;
}
#benefit_member #highgrade_souvenir .inner .hg_cont {
  padding-bottom: 25px;
}
#benefit_member #highgrade_souvenir .inner .hg_cont.plus {
  border: none;
  padding-top: 55px;
  background: url(/fanclub/join/2025/img/top/ico_plus.gif) no-repeat center top;
}
#benefit_member #highgrade_souvenir .inner .hg_cont.plus + .plus {
  border-bottom: 1px dotted #000;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .add_item {
  padding-top: 15px;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .add_item.or {
  padding-bottom: 45px;
  background: url(/fanclub/join/2025/img/top/hg_line_x.gif) no-repeat center bottom;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .add_item .photobook {
  display: flex;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .plus_tit {
  font-size: 22px;
  font-weight: bold;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .plus_tit span {
  font-size: 16px;
}
#benefit_member #highgrade_souvenir .inner .hg_cont .plus_tit span.square {
  font-size: 12px;
  color: #fff;
  background: #004ea2;
  padding: 0 8px;
}
#benefit_member #highgrade_souvenir .inner .sub_txt {
  font-size: 18px;
  color: #004ea2;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 10px;
}
#benefit_member #highgrade_souvenir .inner .sub_txt .square {
  font-size: 14px;
  color: #fff;
  background: #004ea2;
  padding: 0 8px;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: solid 4px #004ea2;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
  color: #004ea2;
  margin-top: 15px;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit span {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 3px 0;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit span:nth-child(2) {
  flex: 1;
  padding: 3px 15px;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit span:not(:nth-child(2)) {
  justify-content: center;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit span.num {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  background: #004ea2;
  width: 35px;
  text-align: center;
}
#benefit_member #highgrade_souvenir .inner .souvenir_tit span.new {
  width: 100px;
  font-size: 20px;
  font-weight: 700;
  background: #e60012;
  color: #fff100;
}
#benefit_member #highgrade_souvenir .inner .flex .intro {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  margin-top: 15px;
}
#benefit_member #highgrade_souvenir .inner .flex .intro p + p {
  margin-left: 30px;
}
#benefit_member #highgrade_souvenir .inner .flex #top_souvenir {
  position: relative;
}
#benefit_member #highgrade_souvenir .inner .flex #top_souvenir .deco {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 438px;
}
#benefit_member #highgrade_souvenir .inner .flex #top_souvenir > div {
  display: flex;
  justify-content: space-between;
}
#benefit_member #highgrade_souvenir .inner .flex .detail {
  margin-top: 30px;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl {
  width: 441px;
  font-size: 17px;
  font-family: 'Noto Sans JP', sans-serif;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl dt {
  padding: 10px 15px;
  font-size: 23px;
  font-weight: 700;
  background: #004ea2;
  color: #fff;
  display: table;
  box-sizing: border-box;
  width: 100%;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl dt span {
  display: table-cell;
  height: 75px;
  vertical-align: middle;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl dt span.label_update {
  width: 134px;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl dd {
  letter-spacing: -1px;
  font-weight: 600;
  padding-top: 10px;
  line-height: 1.6;
  font-size: 18px;
}
#benefit_member #highgrade_souvenir .inner .flex .detail dl dd span {
  color: #004ea2;
}
#benefit_member #highgrade_souvenir .inner .flex .item_detail {
  align-items: flex-end;
}
#benefit_member #highgrade_souvenir .inner .flex .item_detail p {
  width: 441px;
}
#benefit_member #highgrade_souvenir .inner .flex .item_detail .detail_thumbs {
  margin-top: 10px;
  width: 441px;
  display: flex;
  justify-content: center;
}
#benefit_member #highgrade_souvenir .inner .flex .item_detail .detail_thumbs figure:first-child {
  margin-right: 15px;
}
#benefit_member #highgrade_souvenir .inner .flex .item_detail .detail_thumbs img {
  width: 210px;
  height: auto;
}
#benefit_member #highgrade_souvenir .inner .flex .spec {
  margin-top: 15px;
}
#benefit_member #highgrade_souvenir .inner .flex .spec ul {
  width: 441px;
}
#benefit_member #highgrade_souvenir .inner .more {
  margin-top: 25px;
  padding: 20px;
  background: #fff100;
  display: flex;
}
#benefit_member #highgrade_souvenir .inner .more .txt {
  width: 487px;
  padding-left: 15px;
  box-sizing: border-box;
}
#benefit_member #highgrade_souvenir .inner .more .txt dt {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 25px;
}
#benefit_member #highgrade_souvenir .inner .more .txt dt .label {
  display: inline-block;
  font-size: 20px;
  padding: 3px 8px;
  background: #004ea2;
  color: #fff;
  margin-left: 10px;
  line-height: 1.4;
}
#benefit_member #highgrade_souvenir .inner .more .txt dd {
  font-size: 16px;
  line-height: 1.8;
  padding-top: 10px;
}
#benefit_member .goods_wp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px dotted #000000;
}
#benefit_member .goods_wp .goods {
  width: 440px;
  margin-bottom: 30px;
  position: relative;
}
#benefit_member .goods_wp .goods h4 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  background: #ffe100;
  padding: 8px 8px 8px 15px;
  min-height: 91px;
  position: relative;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
#benefit_member .goods_wp .goods h4 p {
  display: table-cell;
  vertical-align: middle;
}
#benefit_member .goods_wp .goods h4 img {
  position: absolute;
  top: 0;
  margin: auto;
  right: 8px;
  bottom: 0;
}
#benefit_member .goods_wp .goods p.lead {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
  line-height: 1.5;
  letter-spacing: -1px;
}
#benefit_member .goods_wp .goods .photo img {
  width: 100%;
  height: auto;
}
#benefit_member .goods_wp .goods .note {
  z-index: 1;
  position: relative;
}
#benefit_member .goods_wp .goods dl.caution {
  display: table;
}
#benefit_member .goods_wp .goods dl.caution dt,
#benefit_member .goods_wp .goods dl.caution dd {
  display: table-cell;
  vertical-align: middle;
}
#benefit_member .goods_wp .goods dl.caution dd {
  padding: 0 10px;
  color: #e60012;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.2;
}
#benefit_member .goods_wp #goods1 .note2, #benefit_member .goods_wp #goods1 .note3 {
  position: relative;
  z-index: 1;
}
#benefit_member .goods_wp #goods1 .photo {
  position: relative;
}
#benefit_member .goods_wp #goods1 h5 {
  background: #fff100;
  text-align: center;
  font-weight: bold;
  margin: 0 0 10px;
}
#benefit_member .goods_wp #goods1 .size_wrap {
  overflow: hidden;
}
#benefit_member .goods_wp #goods1 .size_wrap table.size1 {
  float: left;
  width: 250px;
}
#benefit_member .goods_wp #goods1 .size_wrap table.size2 {
  float: right;
  width: 180px;
}
#benefit_member .goods_wp #goods1 .size_wrap table th,
#benefit_member .goods_wp #goods1 .size_wrap table td {
  border: 1px solid #333333;
  padding: 2px 4px;
  text-align: center;
}
#benefit_member .goods_wp #goods1 .size_wrap table th.bg_blue,
#benefit_member .goods_wp #goods1 .size_wrap table td.bg_blue {
  background: #d3ebfa;
}
#benefit_member .goods_wp #goods1 .size_wrap table th.bg_green,
#benefit_member .goods_wp #goods1 .size_wrap table td.bg_green {
  background: #bedbac;
}
#benefit_member .goods_wp #goods1 .indent {
  margin: 10px 0 5px;
}
#benefit_member .goods_wp #goods2 .caution {
  margin-top: 5px;
}
#benefit_member .caution.fc_red {
  padding: 15px 0;
}
#benefit_member .caution.fc_red li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 15px;
}
#benefit_member .red_box {
  margin-top: 15px;
}
#benefit_member .red_box h4 {
  font-size: 30px;
  font-weight: bold;
}
#benefit_member .red_box h4 img {
  vertical-align: middle;
}
#benefit_member .red_box p {
  font-size: 16px;
}
#benefit_member .red_box p .em {
  font-size: 20px;
}
#benefit_member .red_box p.caution_img {
  font-weight: bold;
  background: url("/fanclub/join/2025/img/icon_caution.png") no-repeat left center;
  padding-left: 23px;
  background-size: 18px auto;
  font-size: 18px;
}
#benefit_member .red_box .btn_round {
  width: 240px;
  display: block;
  margin: 20px auto 0 auto;
}
#benefit_member .red_box .fc_yellow {
  color: #fff100;
}
#benefit_member p.lead {
  font-size: 15px;
}
#benefit_member .fc_card {
  border: 4px solid #ffe100;
  overflow: hidden;
}
#benefit_member .fc_card h4 {
  background: #ffe100;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  line-height: 1;
}
#benefit_member .fc_card div {
  width: 425px;
  float: left;
  text-align: center;
  padding: 20px 0;
  margin-left: 15px;
}
#benefit_member .fc_card div img {
  width: 100%;
  height: auto;
}
#benefit_member .fc_card ul {
  width: 450px;
  float: right;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 15px;
}
#benefit_member .fc_card ul li {
  width: 140px;
  text-align: center;
  padding: 10px 3px 0 3px;
}
#benefit_member .fc_card ul li img {
  width: 100%;
  height: auto;
}
#benefit_member .fc_card ul li span {
  font-size: 12px;
}
#benefit_member .fc_card_kids {
  border: 4px solid #1879bd;
  overflow: hidden;
  margin: 20px 0;
}
#benefit_member .fc_card_kids h4 {
  background: #1879bd;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  line-height: 1;
  color: #ffe100;
}
#benefit_member .fc_card_kids div {
  text-align: center;
}
#benefit_member .fc_card_kids div img {
  width: 450px;
  height: auto;
}
#benefit_member .fc_card_dia_premium {
  border: 4px solid #debe60;
  margin: 20px 0;
}
#benefit_member .fc_card_dia_premium h4 {
  background: #debe60;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  line-height: 1;
}
#benefit_member .fc_card_dia_premium div {
  padding: 20px;
}
#benefit_member .fc_card_dia_premium div ul.card_list {
  display: flex;
  justify-content: center;
}
#benefit_member .fc_card_dia_premium div ul.card_list li {
  width: 230px;
  text-align: center;
}
#benefit_member .fc_card_dia_premium div ul.card_list li + li {
  margin-left: 50px;
}
#benefit_member .fc_card_dia_premium div ul.card_list li img {
  width: 100%;
}
#benefit_member .fc_card_dia_premium div .indent {
  margin-top: 10px;
}
#benefit_member .delivery_time {
  border-top: 1px dotted #000000;
  padding-top: 20px;
}
#benefit_member .delivery_time h5 {
  background: #e60012;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 6px;
}
#benefit_member .delivery_time .box {
  padding: 20px;
  background: #fff2f3;
}
#benefit_member .delivery_time .box dl dt {
  font-weight: bold;
  font-size: 15px;
}
#benefit_member .delivery_time .box dl dd {
  margin-top: 6px;
}
#benefit_member .delivery_time .box dl dd p {
  font-weight: bold;
  font-size: 16px;
}
#benefit_member .delivery_time .box dl.delivery_list dt {
  color: #e60012;
  padding-left: 24px;
  font-size: 16px;
  background: url(/fanclub/join/2025/img/top/date_ico.gif) no-repeat left center;
}
#benefit_member .delivery_time .box dl.delivery_list dd .deco {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#benefit_member .delivery_time .box dl.delivery_list dd .deco p {
  background: #e60012;
  line-height: 14px;
  font-size: 14px;
  padding: 7px 10px 7px 5px;
  width: 415px;
  box-sizing: border-box;
  color: #fff;
  position: relative;
}
#benefit_member .delivery_time .box dl.delivery_list dd .deco p::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  right: -15px;
  border-style: solid;
  border-color: transparent transparent transparent #e60012;
  border-width: 14px 0 14px 15px;
  z-index: 1;
}
#benefit_member .delivery_time .box dl.delivery_list dd .deco span {
  font-size: 16px;
  color: #000;
  margin-left: 25px;
}
#benefit_member .delivery_time .box dl.delivery_list#hi_bg p {
  background: #004ea2;
}
#benefit_member .delivery_time .box dl.delivery_list#hi_bg p::after {
  border-color: transparent transparent transparent #004ea2;
}
#benefit_member .delivery_time .box dl.delivery_list#reg_bg p {
  background: #e4007f;
}
#benefit_member .delivery_time .box dl.delivery_list#reg_bg p::after {
  border-color: transparent transparent transparent #e4007f;
}
#benefit_member .delivery_time .box dl.delivery_list#kids_bg p {
  background: #1879bd;
}
#benefit_member .delivery_time .box dl.delivery_list#kids_bg p::after {
  border-color: transparent transparent transparent #1879bd;
}
#benefit_member .delivery_time .box dl + dl {
  margin-top: 15px;
}
#benefit_member .delivery_time .box .indent {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.6;
}
#benefit_member .unit .inner {
  padding-bottom: 25px;
}
#benefit_member .unit#other_benefits .inner {
  padding-bottom: 10px;
}

#benefit_limited {
  background: #9fcc00;
}
#benefit_limited h3 {
  color: #9fcc00;
}
#benefit_limited .unit.point h4 {
  font-size: 24px;
  font-weight: bold;
}
#benefit_limited .unit.point h4 .em {
  font-size: 36px;
  line-height: 1;
}
#benefit_limited .unit.point h4.font_m {
  font-size: 18px;
}
#benefit_limited .unit.point .point_list li + li {
  margin-top: 5px;
}
#benefit_limited .unit.point .howto_torapo {
  margin: 10px 0;
}
#benefit_limited .unit.point .howto_torapo dt {
  font-weight: bold;
}
#benefit_limited .unit.point .red_box {
  padding: 0 15px 0 15px;
  display: table;
  width: 100%;
  height: 58px;
  box-sizing: border-box;
  font-size: 14px;
}
#benefit_limited .unit.point .red_box dt, #benefit_limited .unit.point .red_box dd {
  display: table-cell;
  vertical-align: middle;
}
#benefit_limited .unit.point .red_box dt {
  padding-right: 55px;
  background: url(/fanclub/join/2025/img/top/point_deco.gif) no-repeat right 12px center;
}
#benefit_limited .unit.point .red_box dt span {
  font-size: 12px;
}
#benefit_limited .unit.point .yellow_box {
  background: #fff100;
  padding: 10px 10px 10px 20px;
}
#benefit_limited .unit.point .yellow_box dl {
  font-weight: bold;
  font-size: 14px;
}
#benefit_limited .unit.point .yellow_box dl dd {
  color: #e60012;
}
#benefit_limited .unit.point .yellow_box .indent {
  margin-top: 10px;
}
#benefit_limited .unit.point .t-shop {
  border-top: 1px solid #000000;
  padding-top: 20px;
  margin-top: 25px;
  position: relative;
}
#benefit_limited .unit.point .t-shop .capture {
  position: absolute;
  top: 5px;
  right: 5px;
}
#benefit_limited .unit.point .t-shop .pointup {
  margin-top: 15px;
}
#benefit_limited .unit.point .t-shop .pointup .arrow_black {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding-left: 20px;
}
#benefit_limited .unit.point .t-shop .pointup .arrow_black::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  top: 18px;
  width: 0;
  height: 0;
  border-top: solid 8px transparent;
  border-bottom: solid 8px transparent;
  border-left: solid 14px #000000;
}
#benefit_limited .unit.point .t-shop .pointup .arrow_black strong {
  font-size: 30px;
}
#benefit_limited .unit.point .t-shop .pointup .arrow_black small {
  font-size: 14px;
}
#benefit_limited .unit.point .t-shop .howto_tshop {
  display: table;
  margin: 20px 0;
}
#benefit_limited .unit.point .t-shop .howto_tshop dt,
#benefit_limited .unit.point .t-shop .howto_tshop dd {
  display: table-cell;
  vertical-align: middle;
}
#benefit_limited .unit.point .t-shop .howto_tshop dt {
  background: #000000;
  color: #ffe100;
  padding: 5px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
#benefit_limited .unit.point .t-shop .howto_tshop dd {
  padding-left: 10px;
}
#benefit_limited .unit.point .t-shop .caution li img {
  padding-right: 5px;
}
#benefit_limited .rank {
  margin: 0 0 20px 0;
}
#benefit_limited .rank h4 {
  font-size: 34px;
  font-weight: bold;
  position: relative;
  padding: 15px 20px;
  line-height: 1;
  color: #FFFFFF;
}
#benefit_limited .rank h4 .year {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  font-size: 20px;
  color: #000000;
  height: 100%;
  width: 240px;
  text-align: center;
  padding: 15px 20px 0 0;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#benefit_limited .rank h4 .year strong {
  font-size: 35px;
  color: #e60012;
}
#benefit_limited .rank h4.irr .year {
  width: 300px;
}
#benefit_limited .rank h5 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.3;
}
#benefit_limited .rank h5 strong {
  font-size: 42px;
}
#benefit_limited .rank h5 img {
  height: 40px;
  width: auto;
  vertical-align: sub;
}
#benefit_limited .rank h5 .fc_red {
  padding-left: 10px;
}
#benefit_limited .rank .column1,
#benefit_limited .rank .flexbox {
  margin: 0 20px;
  border-top: 1px dotted #000000;
}
#benefit_limited .rank .flexbox {
  padding: 20px 0 10px 10px;
}
#benefit_limited .rank .column1 {
  padding: 20px 0 20px 10px;
}
#benefit_limited .rank .column2 .info {
  -ms-flex-item-align: center;
  align-self: center;
}
#benefit_limited .rank .column2 .info .txt + .indent {
  margin-top: 15px;
}
#benefit_limited .rank h4 + .flexbox,
#benefit_limited .rank h4 + .column1 {
  border-top: none;
}
#benefit_limited .rank#normal {
  border: 4px solid #404040;
}
#benefit_limited .rank#normal h4 {
  background: #404040;
  border-bottom: 4px solid #404040;
}
#benefit_limited .rank#normal h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #404040;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#normal h5 {
  color: #404040;
}
#benefit_limited .rank#silver {
  border: 4px solid #898989;
}
#benefit_limited .rank#silver h4 {
  background: #898989;
  border-bottom: 4px solid #898989;
}
#benefit_limited .rank#silver h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #898989;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#silver h5 {
  color: #898989;
}
#benefit_limited .rank#gold {
  border: 4px solid #b39419;
}
#benefit_limited .rank#gold h4 {
  background: #b39419;
  border-bottom: 4px solid #b39419;
}
#benefit_limited .rank#gold h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #b39419;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#gold h5 {
  color: #b39419;
}
#benefit_limited .rank#platinum {
  border: 4px solid #5792a8;
}
#benefit_limited .rank#platinum h4 {
  background: #5792a8;
  border-bottom: 4px solid #5792a8;
}
#benefit_limited .rank#platinum h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #5792a8;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#platinum h5 {
  color: #5792a8;
}
#benefit_limited .rank#diamond {
  border: 4px solid #00afec;
}
#benefit_limited .rank#diamond h4 {
  background: #00afec;
  border-bottom: 4px solid #00afec;
}
#benefit_limited .rank#diamond h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #00afec;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#diamond h4.irr::before {
  right: 260px;
}
#benefit_limited .rank#diamond h5 {
  color: #00afec;
}
#benefit_limited .rank#diamond .btn_round {
  display: block;
  width: 200px;
  margin: 10px auto 0 auto;
}
#benefit_limited .rank#diamond .btn_round a {
  background: #4a71b8;
  color: #ffe100;
  font-size: 22px;
}
#benefit_limited .rank#diamond .btn_round a:hover {
  background: #ffe100;
  color: #4a71b8;
}
#benefit_limited .rank#premium {
  border: 4px solid #99141a;
}
#benefit_limited .rank#premium h4 {
  background: #99141a;
  border-bottom: 4px solid #99141a;
}
#benefit_limited .rank#premium h4::before {
  position: absolute;
  right: 200px;
  top: 0;
  content: "";
  display: block;
  border-top: solid 68px #99141a;
  border-right: solid 40px transparent;
  z-index: 1;
}
#benefit_limited .rank#premium h5 {
  color: #99141a;
}
#benefit_limited .rank#premium .btn_round {
  display: block;
  width: 200px;
  margin: 10px auto 0 auto;
}
#benefit_limited .rank#premium .btn_round a {
  background: #99141a;
  color: #ffe100;
  font-size: 22px;
}
#benefit_limited .rank#premium .btn_round a:hover {
  background: #ffe100;
  color: #99141a;
}
#benefit_limited h4.bg_green {
  background: #9fcc00;
  color: #000000;
  padding: 5px;
  text-align: center;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 20px;
  font-weight: bold;
}
#benefit_limited table.rankup_benefit {
  margin: 10px 0 5px 0;
  width: 100%;
}
#benefit_limited table.rankup_benefit th,
#benefit_limited table.rankup_benefit td {
  border: 1px solid #000000;
  padding: 5px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}
#benefit_limited table.rankup_benefit thead td.slash {
  background: url("/fanclub/join/2025/img/slash.svg") no-repeat center center;
  position: relative;
  background-size: 102% auto;
}
#benefit_limited table.rankup_benefit thead td.slash #line {
  position: absolute;
  bottom: 12px;
  left: 20px;
}
#benefit_limited table.rankup_benefit thead td.slash #column {
  position: absolute;
  top: 12px;
  right: 20px;
}
#benefit_limited table.rankup_benefit thead th {
  color: #FFFFFF;
  font-weight: bold;
}
#benefit_limited table.rankup_benefit thead th.normal {
  background: #589c00;
}
#benefit_limited table.rankup_benefit thead th.silver {
  background: #898989;
}
#benefit_limited table.rankup_benefit thead th.gold {
  background: #b39319;
}
#benefit_limited table.rankup_benefit thead th.platinum {
  background: #5792a8;
}
#benefit_limited table.rankup_benefit thead th.diamond {
  background: #00afec;
}
#benefit_limited table.rankup_benefit thead th.premium {
  background: #99141a;
}
#benefit_limited table.rankup_benefit thead th.diamondplus {
  background: #3962ad;
  font-size: 10px;
}
#benefit_limited table.rankup_benefit thead th.premiumplus {
  background: #521215;
  font-size: 10px;
}
#benefit_limited table.rankup_benefit tbody th {
  text-align: left;
  background: #f7ffed;
  white-space: nowrap;
  letter-spacing: -1px;
}
#benefit_limited table.rankup_benefit tbody td.fc_red {
  font-weight: bold;
}
#benefit_limited .toratele_cont h5 {
  font-size: 22px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #000;
  font-weight: bold;
  line-height: 1.3;
}
#benefit_limited .toratele_cont .whats {
  margin-top: 20px;
}
#benefit_limited .toratele_cont .whats ol {
  display: table;
}
#benefit_limited .toratele_cont .whats ol li {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  padding-left: 10px;
}
#benefit_limited .toratele_cont .whats ol li:first-child {
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  white-space: nowrap;
}
#benefit_limited .toratele_cont h6.tora_ttl {
  background: #000;
  color: #ffe100;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
}
#benefit_limited .toratele_cont .app_cont {
  padding: 15px 15px 20px;
  background: #ffe100;
}
#benefit_limited .toratele_cont .about_app,
#benefit_limited .toratele_cont .how_to_app {
  margin-top: 20px;
}
#benefit_limited .toratele_cont .about_app li + li {
  margin-top: 5px;
}
#benefit_limited .toratele_cont .how_to_app dl {
  display: table;
  margin-bottom: 8px;
}
#benefit_limited .toratele_cont .how_to_app dl dd, #benefit_limited .toratele_cont .how_to_app dl dt {
  display: table-cell;
  vertical-align: middle;
}
#benefit_limited .toratele_cont .how_to_app dl dt {
  width: 20px;
}
#benefit_limited .toratele_cont .how_to_app dl dt dfn {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 0;
  background: #000;
  color: #ffe100;
}
#benefit_limited .toratele_cont .how_to_app dl dd {
  padding-left: 8px;
}
#benefit_limited .toratele_cont .how_to_app dl dd .tora_link {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 20px;
  background: #000;
  border-radius: 8px 8px;
  color: #ffe100;
  border: solid 2px #000;
  margin-left: 5px;
  transition: all .3s;
}
#benefit_limited .toratele_cont .how_to_app dl dd .tora_link:hover {
  text-decoration: none;
  background: #ffe100;
  color: #000;
}
#benefit_limited .toratele_cont .how_to_app dl dd .tora_link:active {
  text-decoration: none;
}
#benefit_limited .toratele_cont .how_to_app .flow_img {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px 20px;
  background: #fff;
  margin-top: 15px;
}
#benefit_limited .toratele_cont .how_to_app .flow_img ul li {
  font-weight: bold;
}
#benefit_limited .toratele_cont .how_to_app .flow_img ul li + li {
  padding-top: 8px;
}
#benefit_limited .toratele_cont .how_to_app .flow_img ul li span {
  width: 20px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  background: #000;
  color: #ffe100;
  margin-right: 5px;
}
#benefit_limited .toratele_cont .service_start {
  padding-top: 15px;
  margin-top: 20px;
  border-top: dotted 1px #000;
}
#benefit_limited .toratele_cont .service_start h6 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
#benefit_limited .toratele_cont .service_start .detail_link {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 22px;
  background: #000;
  border-radius: 8px 8px;
  color: #ffe100;
  margin-top: 10px;
  transition: all .3s;
}
#benefit_limited .toratele_cont .service_start .detail_link:hover {
  text-decoration: none;
  background: #ffe100;
  color: #000;
}
#benefit_limited .toratele_cont .service_start .detail_link:active {
  text-decoration: none;
}

#benefit_kids {
  background: #b0e9ff;
  padding-bottom: 30px;
}
#benefit_kids h3 {
  background: #0081cc;
  padding: 10px 20px;
  font-size: 34px;
  font-weight: bold;
  color: #FFFFFF;
}
#benefit_kids h3 small {
  font-size: 20px;
  display: block;
}
#benefit_kids .inner + h3 {
  margin-top: 20px;
}
#benefit_kids .flexbox_wp {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#benefit_kids .flexbox_wp .item_kids {
  width: 440px;
  margin-bottom: 20px;
}
#benefit_kids .flexbox_wp .item_kids.wide {
  width: 100%;
}
#benefit_kids .flexbox_wp .item_kids.wide .flexbox {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#benefit_kids .flexbox_wp .item_kids.wide .flexbox .info {
  -ms-flex-item-align: center;
  align-self: center;
}
#benefit_kids .flexbox_wp .item_kids .catch {
  background: #0081cc;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 5px;
  position: relative;
  margin-bottom: 24px;
}
#benefit_kids .flexbox_wp .item_kids .catch::after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -16px;
  top: auto;
  width: 0;
  height: 0;
  border-top: 16px solid #0081cc;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
#benefit_kids .flexbox_wp .item_kids .info {
  flex: 1;
}
#benefit_kids .flexbox_wp .item_kids .info h4 {
  font-size: 26px;
  line-height: 1.2;
  font-weight: bold;
}
#benefit_kids .flexbox_wp .item_kids .info h4 small {
  font-size: 16px;
}
#benefit_kids .flexbox_wp .item_kids .info p.txt {
  margin-top: 10px;
  font-size: 13px;
}
#benefit_kids .flexbox_wp .item_kids .photo {
  max-width: 110px;
  margin-left: 10px;
}
#benefit_kids .flexbox_wp .item_kids .photo img {
  width: 100%;
  height: auto;
}
#benefit_kids .flexbox_wp .item_kids .photo.irr {
  max-width: 140px;
}
#benefit_kids .flexbox_wp .item_kids .photo span {
  font-size: 10px;
  display: block;
}
#benefit_kids .change_benefit {
  padding: 15px;
  border: solid 1px #e60012;
}
#benefit_kids .change_benefit span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #e60012;
  padding-bottom: 3px;
}

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