/* 0803汎用CSS反映e */

/*------------------------------
	▼ common
------------------------------*/

/* text */
.txt06{ font-size:0.6em;}
.txt07{ font-size:0.7em;}
.txt08{ font-size:0.8em;}
.txt09{ font-size:0.9em;}
.txt10{ font-size:1em;}
.txt11{ font-size:1.1em;}
.txt12{ font-size:1.2em;}
.txt13{ font-size:1.3em;}
.txt14{ font-size:1.4em;}
.txt15{ font-size:1.5em;}
.txt16{ font-size:1.6em;}
.txt17{ font-size:1.7em;}
.txt18{ font-size:1.8em;}

.txtB{ font-weight:bold;}

.text14 {
  font-size: 108%;
  font-weight: bold;
}

.txtWhite	{ color:#ffffff !important;}
.txtBlack	{ color:#333333 !important;}
.txtRed		{ color:#ff2e2e !important;}
.txtBlue	{ color:#009cff !important;}
.txtOrange	{ color:#ff8a00 !important;}
.txtOrange2	{ color:#ffae00 !important;}
.txtYellow	{ color:#ffff00 !important;}
.txtYellow2	{ color:#ffff99 !important;}
.txtGreen	{ color:#71da00 !important;}
.txtPurple	{ color:#a859df !important;}
.txtPurple2	{ color:#ff5ebd !important;}

.txtRight	{ text-align:right;}
.txtLeft	{ text-align:left;}
.txtCenter	{ text-align:center;}

.txtUnderLineRed {
  border-bottom: solid 2px #ff0000;
  padding-bottom: 1.5px;
}

.txtRainbow {
  text-shadow: initial;
  font: bold;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

.txtRainBow2{
  text-shadow: initial;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #96f 71.42%, #e6e 85.71%, #f00 100%) 0% center / 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: reinbow 4s linear infinite;
}

.txtRainbowAnimation {
text-shadow: initial;
font: bold;
background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
animation: gradient 4s linear infinite;
}

@keyframes gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.txtRainBowBlink{
  font-size: 150%;
  font-weight:600;
  animation:rainbow 3s infinite;
  -webkit-animation:rainbowBlink 3s infinite;
}
@keyframes rainbowBlink{
  12%{color:#ff5353;}
  24%{color:#ffcf53;}
  36%{color:#e8ff53;}
  48%{color:#53ff5d;}
  60%{color:#53ffbc;}
  72%{color:#5393ff;}
  84%{color:#ca53ff;}
  100%{color:#ff53bd;}
}
@-webkit-keyframes rainbowBlink{
  12%{color:#ff5353;}
  24%{color:#ffcf53;}
  36%{color:#e8ff53;}
  48%{color:#53ff5d;}
  60%{color:#53ffbc;}
  72%{color:#5393ff;}
  84%{color:#ca53ff;}
  100%{color:#ff53bd;}
}

.txtRedHighLight {
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: #FFF;
  text-shadow:
    0 0 0.05em #F06292,
    0 0 0.10em #F06292,
    0 0 0.15em #F06292,
    0 0 0.30em #F06292;
  filter: saturate(80%);
}

.txtBlueHighLight {
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: #FFF;
  text-shadow:
    0 0 0.10em #2962FF,
    0 0 0.15em #2962FF,
    0 0 0.80em #2962FF,
    0 0 1.00em #2962FF;
}

.txtYellowHighLight {
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: #000;
  text-shadow:
    0 0 0.05em #FFF59D,
    0 0 0.06em #FFF59D,
    0 0 0.07em #FFF59D,
    0 0 0.08em #FFF59D,
    0 0 0.09em #FFF59D,
    0 0 0.20em #FFF59D,
    0 0 0.20em #FFF59D,
    0 0 0.20em #FFF59D,
    0 0 0.50em #FFF59D;
}

.txtRedBlueSlider {
  font-size:5em;
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: transparent;
  background: repeating-linear-gradient( 45deg, #FF3D00 0 0.4em, #0091EA 0.4em 0.8em);
  -webkit-background-clip: text;
}

.txtRainbowSlider{
  font-size:5em;
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: transparent;
  background: linear-gradient( 45deg,
    #E60012 20%,
    #F39800 30%,
    #FFF100 40%,
    #009944 50%,
    #0068B7 60%,
    #1D2088 70%,
    #920783 80%);
  -webkit-background-clip: text;
}

.txtOrangeGradient {
  font-size:5em;
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: transparent;
  background: linear-gradient( 0deg, #F57C00 0% 60% , #FFB74D 60% 100%);
  -webkit-background-clip: text;
}

.txtReverseHighLight {
  font-size:5em;
  text-align:center;
  line-height:0.95em;
  font-weight:bold;
  color: #FFF;
  text-shadow:
    0 0 0.05em #F06292,
    0 0 0.10em #F06292,
    0 0 0.15em #F06292,
    0 0 0.30em #F06292;
  filter: saturate(80%);
  -webkit-background-clip: text;
  -webkit-box-reflect: below -0.25em -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .6)), to(transparent));
}
.goldBoxItem {
  border-radius: 5px;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  padding: 7px;
  margin: 4px;
  text-align: center;
  border: 3px solid #E5E5E5;
}
.goldBoxItem img{
  border-radius: 5px;
  background-color:#E5E5E5;
  border: 3px solid #E5E5E5;
}
@media ( min-width : 320px ){
  .goldFlexbox {
    display: flex;
    flex-wrap: wrap;
  }
  .goldBoxItem {
    width: 47%;
  }
}
.line_height_none	{ line-height:1;}
.line_height_s		{ line-height:1.2;}
.line_height_m		{ line-height:1.5;}
.line_height_l		{ line-height:2;}

.under_line	{ text-decoration:underline;}

/* neon */
.text_shadow_rf_k {
	color: red;
	text-shadow: 0 0 10px red, 0 0 15px red;
}
.text_shadow_wf_k {
	color: #fff;
	text-shadow: 0 0 10px #fff, 0 0 15px #fff;
}
.text_shadow_yf_k {
	color: yellow;
	text-shadow: 0 0 10px #ff0, 0 0 15px #ff0;
}
.text_shadow_gf_k {
	color: #00ff3c;
	text-shadow: 0 0 10px #00ff3c, 0 0 15px #00ff3c;
}

.clearfix{
	clear:both;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

/* other */
.mouse_on	{ opacity: .7;}
.mouse_on2	{ opacity: .5;}
.mouse_on3	{ opacity: .3;}

.btn-success{ opacity: 1 !important;}

.shadow {
  text-shadow:
    0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000,
    1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000,
    -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
}

.shadow_white {
  text-shadow: -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #000, -1px 2px 1px #000, 0px 2px 1px #000, 1px 2px 1px #000;
}

.hr_grd2{
	border:0;
	height:1px;
	clear:both;
	background-image:-webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}

.fs-08 {
  font-size: 0.8rem !important;
}

.fs-09 {
  font-size: 0.9rem !important;
}

.fs-10 {
  font-size: 1.0rem !important;
}

.fs-11 {
  font-size: 1.1rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.fs-13 {
  font-size: 1.3rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-15 {
  font-size: 1.5rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-17 {
  font-size: 1.7rem !important;
}

.fs-18 {
  font-size: 1.8rem !important;
}

.fs-20 {
  font-size: 2.0rem !important;
}

.fs-22 {
  font-size: 2.2rem !important;
}

.fs-24 {
  font-size: 2.4rem !important;
}

.fs-26 {
  font-size: 2.6rem !important;
}

.fs-28 {
  font-size: 2.8rem !important;
}

.fs-30 {
  font-size: 3.0rem !important;
}

.fs-32 {
  font-size: 3.2rem !important;
}

.fsem-10 {
  font-size: 1.0em !important;
}

.fsem-12 {
  font-size: 1.2em !important;
}

.fsem-14 {
  font-size: 1.4em !important;
}

.fsem-16 {
  font-size: 1.6em !important;
}

.fsem-18 {
  font-size: 1.8em !important;
}

.fsem-20 {
  font-size: 2.0em !important;
}

.fsem-22 {
  font-size: 2.2em !important;
}

.fsem-24 {
  font-size: 2.4em !important;
}

.fsem-26 {
  font-size: 2.6em !important;
}

.fsem-28 {
  font-size: 2.8em !important;
}

.fsem-30 {
  font-size: 3.0em !important;
}

.fsem-32 {
  font-size: 3.2em !important;
}

.fsem-40 {
  font-size: 4.0em !important;
}

.fw-n {
  font-weight: normal !important;
}

.fw-b {
  font-weight: bold !important;
}

.ta-l {
  text-align: left !important;
}

.ta-c, .text_center {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.ta-j {
  text-align: justify !important;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

.va-bl {
  vertical-align: baseline !important;
}

.va-tt {
  vertical-align: text-top !important;
}

.va-tb {
  vertical-align: text-bottom !important;
}

.ws-n {
  white-space: normal !important;
}

.ws-nw {
  white-space: nowrap !important;
}

.ws-pr {
  white-space: pre !important;
}

.to-v {
  text-overflow: visible !important;
}

.to-e {
  text-overflow: ellipsis !important;
}

.outlineText {
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
}

.w-em1 {
  width: 1em !important;
}

.w-em2 {
  width: 2em !important;
}

.w-em3 {
  width: 3em !important;
}

.w-em4 {
  width: 4em !important;
}

.w-em5 {
  width: 5em !important;
}

.w-em6 {
  width: 6em !important;
}

.w-em7 {
  width: 7em !important;
}

.w-em8 {
  width: 8em !important;
}

.w-em9 {
  width: 9em !important;
}

.w-em10 {
  width: 10em !important;
}

.w-em11 {
  width: 11em !important;
}

.w-em12 {
  width: 12em !important;
}

.w-em13 {
  width: 13em !important;
}

.w-em14 {
  width: 14em !important;
}

.w-em15 {
  width: 15em !important;
}

.w-em16 {
  width: 16em !important;
}

.w-em17 {
  width: 17em !important;
}

.w-em18 {
  width: 18em !important;
}

.w-em19 {
  width: 19em !important;
}

.w-em20 {
  width: 20em !important;
}

.w-5p {
  width: 5% !important;
}

.w-10p {
  width: 10% !important;
}

.w-15p {
  width: 15% !important;
}

.w-20p {
  width: 20% !important;
}

.w-25p {
  width: 25% !important;
}

.w-30p {
  width: 30% !important;
}

.w-35p {
  width: 35% !important;
}

.w-40p {
  width: 40% !important;
}

.w-45p {
  width: 45% !important;
}

.w-50p {
  width: 50% !important;
}

.w-55p {
  width: 55% !important;
}

.w-60p {
  width: 60% !important;
}

.w-65p {
  width: 65% !important;
}

.w-70p {
  width: 70% !important;
}

.w-75p {
  width: 75% !important;
}

.w-80p {
  width: 80% !important;
}

.w-85p {
  width: 85% !important;
}

.w-90p {
  width: 90% !important;
}

.w-95p {
  width: 95% !important;
}

.w-100p {
  width: 100% !important;
}

.w-col1 {
  width: 100% !important;
}

.w-col2 {
  width: 50% !important;
}

.w-col3 {
  width: 33.33333% !important;
}

.w-col4 {
  width: 25% !important;
}

.w-col5 {
  width: 20% !important;
}

.w-col6 {
  width: 16.66667% !important;
}

.w-col7 {
  width: 14.28571% !important;
}

.w-col8 {
  width: 12.5% !important;
}

.w-col9 {
  width: 11.11111% !important;
}

.w-col10 {
  width: 10% !important;
}

.w-col11 {
  width: 9.09091% !important;
}

.w-col12 {
  width: 8.33333% !important;
}

.w-grid1 {
  width: 8.33333% !important;
}

.w-grid2 {
  width: 16.66667% !important;
}

.w-grid3 {
  width: 25% !important;
}

.w-grid4 {
  width: 33.33333% !important;
}

.w-grid5 {
  width: 41.66667% !important;
}

.w-grid6 {
  width: 50% !important;
}

.w-grid7 {
  width: 58.33333% !important;
}

.w-grid8 {
  width: 66.66667% !important;
}

.w-grid9 {
  width: 75% !important;
}

.w-grid10 {
  width: 83.33333% !important;
}

.w-grid11 {
  width: 91.66667% !important;
}

.w-grid12 {
  width: 100% !important;
}

.h-5p {
  height: 5% !important;
}

.h-10p {
  height: 10% !important;
}

.h-15p {
  height: 15% !important;
}

.h-20p {
  height: 20% !important;
}

.h-25p {
  height: 25% !important;
}

.h-30p {
  height: 30% !important;
}

.h-35p {
  height: 35% !important;
}

.h-40p {
  height: 40% !important;
}

.h-45p {
  height: 45% !important;
}

.h-50p {
  height: 50% !important;
}

.h-55p {
  height: 55% !important;
}

.h-60p {
  height: 60% !important;
}

.h-65p {
  height: 65% !important;
}

.h-70p {
  height: 70% !important;
}

.h-75p {
  height: 75% !important;
}

.h-80p {
  height: 80% !important;
}

.h-85p {
  height: 85% !important;
}

.h-90p {
  height: 90% !important;
}

.h-95p {
  height: 95% !important;
}

.h-100p {
  height: 100% !important;
}

.pt-0, .pt0, .pv-0,
.pa-0 {
  padding-top: 0px !important;
}

.pr-0, .pr0, .ph-0,
.pa-0 {
  padding-right: 0px !important;
}

.pb-0, .pb0, .pv-0,
.pa-0 {
  padding-bottom: 0px !important;
}

.pl-0, .pl0, .ph-0,
.pa-0 {
  padding-left: 0px !important;
}

.mt-0, .mt0, .mv-0,
.ma-0 {
  margin-top: 0px !important;
}

.mr-0, .mr0, .mh-0,
.ma-0 {
  margin-right: 0px !important;
}

.mb-0, .mb0, .mv-0,
.ma-0 {
  margin-bottom: 0px !important;
}

.ml-0, .ml0, .mh-0,
.ma-0 {
  margin-left: 0px !important;
}

.mt-m0, .mv-m0,
.ma-m0 {
  margin-top: 0px !important;
}

.mr-m0, .mh-m0,
.ma-m0 {
  margin-right: 0px !important;
}

.mb-m0, .mv-m0,
.ma-m0 {
  margin-bottom: 0px !important;
}

.ml-m0, .mh-m0,
.ma-m0 {
  margin-left: 0px !important;
}

.pt-5, .pt5, .pv-5,
.pa-5 {
  padding-top: 5px !important;
}

.pr-5, .pr5, .ph-5,
.pa-5 {
  padding-right: 5px !important;
}

.pb-5, .pb5, .pv-5,
.pa-5 {
  padding-bottom: 5px !important;
}

.pl-5, .pl5, .ph-5,
.pa-5 {
  padding-left: 5px !important;
}

.mt-5, .mt5, .mv-5,
.ma-5 {
  margin-top: 5px !important;
}

.mr-5, .mr5, .mh-5,
.ma-5 {
  margin-right: 5px !important;
}

.mb-5, .mb5, .mv-5,
.ma-5 {
  margin-bottom: 5px !important;
}

.ml-5, .ml5, .mh-5,
.ma-5 {
  margin-left: 5px !important;
}

.mt-m5, .pull_mt5, .mv-m5,
.ma-m5 {
  margin-top: -5px !important;
}

.mr-m5, .mh-m5,
.ma-m5 {
  margin-right: -5px !important;
}

.mb-m5, .pull_mb5, .mv-m5,
.ma-m5 {
  margin-bottom: -5px !important;
}

.ml-m5, .mh-m5,
.ma-m5 {
  margin-left: -5px !important;
}

.pt-10, .pt10, .pv-10,
.pa-10 {
  padding-top: 10px !important;
}

.pr-10, .pr10, .ph-10,
.pa-10 {
  padding-right: 10px !important;
}

.pb-10, .pb10, .pv-10,
.pa-10 {
  padding-bottom: 10px !important;
}

.pl-10, .pl10, .ph-10,
.pa-10 {
  padding-left: 10px !important;
}

.mt-10, .mt10, .mv-10,
.ma-10 {
  margin-top: 10px !important;
}

.mr-10, .mr10, .mh-10,
.ma-10 {
  margin-right: 10px !important;
}

.mb-10, .mb10, .mv-10,
.ma-10 {
  margin-bottom: 10px !important;
}

.ml-10, .ml10, .mh-10,
.ma-10 {
  margin-left: 10px !important;
}

.mt-m10, .pull_mt10, .mv-m10,
.ma-m10 {
  margin-top: -10px !important;
}

.mr-m10, .mh-m10,
.ma-m10 {
  margin-right: -10px !important;
}

.mb-m10, .pull_mb10, .mv-m10,
.ma-m10 {
  margin-bottom: -10px !important;
}

.ml-m10, .mh-m10,
.ma-m10 {
  margin-left: -10px !important;
}

.pt-15, .pt15, .pv-15,
.pa-15 {
  padding-top: 15px !important;
}

.pr-15, .pr15, .ph-15,
.pa-15 {
  padding-right: 15px !important;
}

.pb-15, .pb15, .pv-15,
.pa-15 {
  padding-bottom: 15px !important;
}

.pl-15, .pl15, .ph-15,
.pa-15 {
  padding-left: 15px !important;
}

.mt-15, .mt15, .mv-15,
.ma-15 {
  margin-top: 15px !important;
}

.mr-15, .mr15, .mh-15,
.ma-15 {
  margin-right: 15px !important;
}

.mb-15, .mb15, .mv-15,
.ma-15 {
  margin-bottom: 15px !important;
}

.ml-15, .ml15, .mh-15,
.ma-15 {
  margin-left: 15px !important;
}

.mt-m15, .pull_mt15, .mv-m15,
.ma-m15 {
  margin-top: -15px !important;
}

.mr-m15, .mh-m15,
.ma-m15 {
  margin-right: -15px !important;
}

.mb-m15, .pull_mb15, .mv-m15,
.ma-m15 {
  margin-bottom: -15px !important;
}

.ml-m15, .mh-m15,
.ma-m15 {
  margin-left: -15px !important;
}

.pt-20, .pv-20,
.pa-20 {
  padding-top: 20px !important;
}

.pr-20, .ph-20,
.pa-20 {
  padding-right: 20px !important;
}

.pb-20, .pv-20,
.pa-20 {
  padding-bottom: 20px !important;
}

.pl-20, .ph-20,
.pa-20 {
  padding-left: 20px !important;
}

.mt-20, .mt20, .mv-20,
.ma-20 {
  margin-top: 20px !important;
}

.mr-20, .mh-20,
.ma-20 {
  margin-right: 20px !important;
}

.mb-20, .mb20, .mv-20,
.ma-20 {
  margin-bottom: 20px !important;
}

.ml-20, .mh-20,
.ma-20 {
  margin-left: 20px !important;
}

.mt-m20, .mv-m20,
.ma-m20 {
  margin-top: -20px !important;
}

.mr-m20, .mh-m20,
.ma-m20 {
  margin-right: -20px !important;
}

.mb-m20, .mv-m20,
.ma-m20 {
  margin-bottom: -20px !important;
}

.ml-m20, .mh-m20,
.ma-m20 {
  margin-left: -20px !important;
}

.pt-25, .pv-25,
.pa-25 {
  padding-top: 25px !important;
}

.pr-25, .ph-25,
.pa-25 {
  padding-right: 25px !important;
}

.pb-25, .pv-25,
.pa-25 {
  padding-bottom: 25px !important;
}

.pl-25, .ph-25,
.pa-25 {
  padding-left: 25px !important;
}

.mt-25, .mv-25,
.ma-25 {
  margin-top: 25px !important;
}

.mr-25, .mh-25,
.ma-25 {
  margin-right: 25px !important;
}

.mb-25, .mv-25,
.ma-25 {
  margin-bottom: 25px !important;
}

.ml-25, .mh-25,
.ma-25 {
  margin-left: 25px !important;
}

.mt-m25, .mv-m25,
.ma-m25 {
  margin-top: -25px !important;
}

.mr-m25, .mh-m25,
.ma-m25 {
  margin-right: -25px !important;
}

.mb-m25, .mv-m25,
.ma-m25 {
  margin-bottom: -25px !important;
}

.ml-m25, .mh-m25,
.ma-m25 {
  margin-left: -25px !important;
}

.pt-30, .pv-30,
.pa-30 {
  padding-top: 30px !important;
}

.pr-30, .ph-30,
.pa-30 {
  padding-right: 30px !important;
}

.pb-30, .pv-30,
.pa-30 {
  padding-bottom: 30px !important;
}

.pl-30, .ph-30,
.pa-30 {
  padding-left: 30px !important;
}

.mt-30, .mv-30,
.ma-30 {
  margin-top: 30px !important;
}

.mr-30, .mh-30,
.ma-30 {
  margin-right: 30px !important;
}

.mb-30, .mv-30,
.ma-30 {
  margin-bottom: 30px !important;
}

.ml-30, .mh-30,
.ma-30 {
  margin-left: 30px !important;
}

.mt-m30, .mv-m30,
.ma-m30 {
  margin-top: -30px !important;
}

.mr-m30, .mh-m30,
.ma-m30 {
  margin-right: -30px !important;
}

.mb-m30, .mv-m30,
.ma-m30 {
  margin-bottom: -30px !important;
}

.ml-m30, .mh-m30,
.ma-m30 {
  margin-left: -30px !important;
}

.pt-35, .pv-35,
.pa-35 {
  padding-top: 35px !important;
}

.pr-35, .ph-35,
.pa-35 {
  padding-right: 35px !important;
}

.pb-35, .pv-35,
.pa-35 {
  padding-bottom: 35px !important;
}

.pl-35, .ph-35,
.pa-35 {
  padding-left: 35px !important;
}

.mt-35, .mv-35,
.ma-35 {
  margin-top: 35px !important;
}

.mr-35, .mh-35,
.ma-35 {
  margin-right: 35px !important;
}

.mb-35, .mv-35,
.ma-35 {
  margin-bottom: 35px !important;
}

.ml-35, .mh-35,
.ma-35 {
  margin-left: 35px !important;
}

.mt-m35, .mv-m35,
.ma-m35 {
  margin-top: -35px !important;
}

.mr-m35, .mh-m35,
.ma-m35 {
  margin-right: -35px !important;
}

.mb-m35, .mv-m35,
.ma-m35 {
  margin-bottom: -35px !important;
}

.ml-m35, .mh-m35,
.ma-m35 {
  margin-left: -35px !important;
}

.pt-40, .pv-40,
.pa-40 {
  padding-top: 40px !important;
}

.pr-40, .ph-40,
.pa-40 {
  padding-right: 40px !important;
}

.pb-40, .pv-40,
.pa-40 {
  padding-bottom: 40px !important;
}

.pl-40, .ph-40,
.pa-40 {
  padding-left: 40px !important;
}

.mt-40, .mv-40,
.ma-40 {
  margin-top: 40px !important;
}

.mr-40, .mh-40,
.ma-40 {
  margin-right: 40px !important;
}

.mb-40, .mv-40,
.ma-40 {
  margin-bottom: 40px !important;
}

.ml-40, .mh-40,
.ma-40 {
  margin-left: 40px !important;
}

.mt-m40, .mv-m40,
.ma-m40 {
  margin-top: -40px !important;
}

.mr-m40, .mh-m40,
.ma-m40 {
  margin-right: -40px !important;
}

.mb-m40, .mv-m40,
.ma-m40 {
  margin-bottom: -40px !important;
}

.ml-m40, .mh-m40,
.ma-m40 {
  margin-left: -40px !important;
}

.pt-45, .pv-45,
.pa-45 {
  padding-top: 45px !important;
}

.pr-45, .ph-45,
.pa-45 {
  padding-right: 45px !important;
}

.pb-45, .pv-45,
.pa-45 {
  padding-bottom: 45px !important;
}

.pl-45, .ph-45,
.pa-45 {
  padding-left: 45px !important;
}

.mt-45, .mv-45,
.ma-45 {
  margin-top: 45px !important;
}

.mr-45, .mh-45,
.ma-45 {
  margin-right: 45px !important;
}

.mb-45, .mv-45,
.ma-45 {
  margin-bottom: 45px !important;
}

.ml-45, .mh-45,
.ma-45 {
  margin-left: 45px !important;
}

.mt-m45, .mv-m45,
.ma-m45 {
  margin-top: -45px !important;
}

.mr-m45, .mh-m45,
.ma-m45 {
  margin-right: -45px !important;
}

.mb-m45, .mv-m45,
.ma-m45 {
  margin-bottom: -45px !important;
}

.ml-m45, .mh-m45,
.ma-m45 {
  margin-left: -45px !important;
}

.pt-50, .pv-50,
.pa-50 {
  padding-top: 50px !important;
}

.pr-50, .ph-50,
.pa-50 {
  padding-right: 50px !important;
}

.pb-50, .pv-50,
.pa-50 {
  padding-bottom: 50px !important;
}

.pl-50, .ph-50,
.pa-50 {
  padding-left: 50px !important;
}

.mt-50, .mv-50,
.ma-50 {
  margin-top: 50px !important;
}

.mr-50, .mh-50,
.ma-50 {
  margin-right: 50px !important;
}

.mb-50, .mv-50,
.ma-50 {
  margin-bottom: 50px !important;
}

.ml-50, .mh-50,
.ma-50 {
  margin-left: 50px !important;
}

.mt-m50, .mv-m50,
.ma-m50 {
  margin-top: -50px !important;
}

.mr-m50, .mh-m50,
.ma-m50 {
  margin-right: -50px !important;
}

.mb-m50, .mv-m50,
.ma-m50 {
  margin-bottom: -50px !important;
}

.ml-m50, .mh-m50,
.ma-m50 {
  margin-left: -50px !important;
}

.pt-60, .pv-60,
.pa-60 {
  padding-top: 60px !important;
}

.pr-60, .ph-60,
.pa-60 {
  padding-right: 60px !important;
}

.pb-60, .pv-60,
.pa-60 {
  padding-bottom: 60px !important;
}

.pl-60, .ph-60,
.pa-60 {
  padding-left: 60px !important;
}

.mt-60, .mv-60,
.ma-60 {
  margin-top: 60px !important;
}

.mr-60, .mh-60,
.ma-60 {
  margin-right: 60px !important;
}

.mb-60, .mv-60,
.ma-60 {
  margin-bottom: 60px !important;
}

.ml-60, .mh-60,
.ma-60 {
  margin-left: 60px !important;
}

.mt-m60, .mv-m60,
.ma-m60 {
  margin-top: -60px !important;
}

.mr-m60, .mh-m60,
.ma-m60 {
  margin-right: -60px !important;
}

.mb-m60, .mv-m60,
.ma-m60 {
  margin-bottom: -60px !important;
}

.ml-m60, .mh-m60,
.ma-m60 {
  margin-left: -60px !important;
}

.pt-70, .pv-70,
.pa-70 {
  padding-top: 70px !important;
}

.pr-70, .ph-70,
.pa-70 {
  padding-right: 70px !important;
}

.pb-70, .pv-70,
.pa-70 {
  padding-bottom: 70px !important;
}

.pl-70, .ph-70,
.pa-70 {
  padding-left: 70px !important;
}

.mt-70, .mv-70,
.ma-70 {
  margin-top: 70px !important;
}

.mr-70, .mh-70,
.ma-70 {
  margin-right: 70px !important;
}

.mb-70, .mv-70,
.ma-70 {
  margin-bottom: 70px !important;
}

.ml-70, .mh-70,
.ma-70 {
  margin-left: 70px !important;
}

.mt-m70, .mv-m70,
.ma-m70 {
  margin-top: -70px !important;
}

.mr-m70, .mh-m70,
.ma-m70 {
  margin-right: -70px !important;
}

.mb-m70, .mv-m70,
.ma-m70 {
  margin-bottom: -70px !important;
}

.ml-m70, .mh-m70,
.ma-m70 {
  margin-left: -70px !important;
}

.pt-80, .pv-80,
.pa-80 {
  padding-top: 80px !important;
}

.pr-80, .ph-80,
.pa-80 {
  padding-right: 80px !important;
}

.pb-80, .pv-80,
.pa-80 {
  padding-bottom: 80px !important;
}

.pl-80, .ph-80,
.pa-80 {
  padding-left: 80px !important;
}

.mt-80, .mv-80,
.ma-80 {
  margin-top: 80px !important;
}

.mr-80, .mh-80,
.ma-80 {
  margin-right: 80px !important;
}

.mb-80, .mv-80,
.ma-80 {
  margin-bottom: 80px !important;
}

.ml-80, .mh-80,
.ma-80 {
  margin-left: 80px !important;
}

.mt-m80, .mv-m80,
.ma-m80 {
  margin-top: -80px !important;
}

.mr-m80, .mh-m80,
.ma-m80 {
  margin-right: -80px !important;
}

.mb-m80, .mv-m80,
.ma-m80 {
  margin-bottom: -80px !important;
}

.ml-m80, .mh-m80,
.ma-m80 {
  margin-left: -80px !important;
}

.pt-90, .pv-90,
.pa-90 {
  padding-top: 90px !important;
}

.pr-90, .ph-90,
.pa-90 {
  padding-right: 90px !important;
}

.pb-90, .pv-90,
.pa-90 {
  padding-bottom: 90px !important;
}

.pl-90, .ph-90,
.pa-90 {
  padding-left: 90px !important;
}

.mt-90, .mv-90,
.ma-90 {
  margin-top: 90px !important;
}

.mr-90, .mh-90,
.ma-90 {
  margin-right: 90px !important;
}

.mb-90, .mv-90,
.ma-90 {
  margin-bottom: 90px !important;
}

.ml-90, .mh-90,
.ma-90 {
  margin-left: 90px !important;
}

.mt-m90, .mv-m90,
.ma-m90 {
  margin-top: -90px !important;
}

.mr-m90, .mh-m90,
.ma-m90 {
  margin-right: -90px !important;
}

.mb-m90, .mv-m90,
.ma-m90 {
  margin-bottom: -90px !important;
}

.ml-m90, .mh-m90,
.ma-m90 {
  margin-left: -90px !important;
}

.pt-100, .pv-100,
.pa-100 {
  padding-top: 100px !important;
}

.pr-100, .ph-100,
.pa-100 {
  padding-right: 100px !important;
}

.pb-100, .pv-100,
.pa-100 {
  padding-bottom: 100px !important;
}

.pl-100, .ph-100,
.pa-100 {
  padding-left: 100px !important;
}

.mt-100, .mv-100,
.ma-100 {
  margin-top: 100px !important;
}

.mr-100, .mh-100,
.ma-100 {
  margin-right: 100px !important;
}

.mb-100, .mv-100,
.ma-100 {
  margin-bottom: 100px !important;
}

.ml-100, .mh-100,
.ma-100 {
  margin-left: 100px !important;
}

.mt-m100, .mv-m100,
.ma-m100 {
  margin-top: -100px !important;
}

.mr-m100, .mh-m100,
.ma-m100 {
  margin-right: -100px !important;
}

.mb-m100, .mv-m100,
.ma-m100 {
  margin-bottom: -100px !important;
}

.ml-m100, .mh-m100,
.ma-m100 {
  margin-left: -100px !important;
}

.pt-110, .pv-110,
.pa-110 {
  padding-top: 110px !important;
}

.pr-110, .ph-110,
.pa-110 {
  padding-right: 110px !important;
}

.pb-110, .pv-110,
.pa-110 {
  padding-bottom: 110px !important;
}

.pl-110, .ph-110,
.pa-110 {
  padding-left: 110px !important;
}

.mt-110, .mv-110,
.ma-110 {
  margin-top: 110px !important;
}

.mr-110, .mh-110,
.ma-110 {
  margin-right: 110px !important;
}

.mb-110, .mv-110,
.ma-110 {
  margin-bottom: 110px !important;
}

.ml-110, .mh-110,
.ma-110 {
  margin-left: 110px !important;
}

.mt-m110, .mv-m110,
.ma-m110 {
  margin-top: -110px !important;
}

.mr-m110, .mh-m110,
.ma-m110 {
  margin-right: -110px !important;
}

.mb-m110, .mv-m110,
.ma-m110 {
  margin-bottom: -110px !important;
}

.ml-m110, .mh-m110,
.ma-m110 {
  margin-left: -110px !important;
}

.pt-120, .pv-120,
.pa-120 {
  padding-top: 120px !important;
}

.pr-120, .ph-120,
.pa-120 {
  padding-right: 120px !important;
}

.pb-120, .pv-120,
.pa-120 {
  padding-bottom: 120px !important;
}

.pl-120, .ph-120,
.pa-120 {
  padding-left: 120px !important;
}

.mt-120, .mv-120,
.ma-120 {
  margin-top: 120px !important;
}

.mr-120, .mh-120,
.ma-120 {
  margin-right: 120px !important;
}

.mb-120, .mv-120,
.ma-120 {
  margin-bottom: 120px !important;
}

.ml-120, .mh-120,
.ma-120 {
  margin-left: 120px !important;
}

.mt-m120, .mv-m120,
.ma-m120 {
  margin-top: -120px !important;
}

.mr-m120, .mh-m120,
.ma-m120 {
  margin-right: -120px !important;
}

.mb-m120, .mv-m120,
.ma-m120 {
  margin-bottom: -120px !important;
}

.ml-m120, .mh-m120,
.ma-m120 {
  margin-left: -120px !important;
}

.pt-130, .pv-130,
.pa-130 {
  padding-top: 130px !important;
}

.pr-130, .ph-130,
.pa-130 {
  padding-right: 130px !important;
}

.pb-130, .pv-130,
.pa-130 {
  padding-bottom: 130px !important;
}

.pl-130, .ph-130,
.pa-130 {
  padding-left: 130px !important;
}

.mt-130, .mv-130,
.ma-130 {
  margin-top: 130px !important;
}

.mr-130, .mh-130,
.ma-130 {
  margin-right: 130px !important;
}

.mb-130, .mv-130,
.ma-130 {
  margin-bottom: 130px !important;
}

.ml-130, .mh-130,
.ma-130 {
  margin-left: 130px !important;
}

.mt-m130, .mv-m130,
.ma-m130 {
  margin-top: -130px !important;
}

.mr-m130, .mh-m130,
.ma-m130 {
  margin-right: -130px !important;
}

.mb-m130, .mv-m130,
.ma-m130 {
  margin-bottom: -130px !important;
}

.ml-m130, .mh-m130,
.ma-m130 {
  margin-left: -130px !important;
}

.pt-140, .pv-140,
.pa-140 {
  padding-top: 140px !important;
}

.pr-140, .ph-140,
.pa-140 {
  padding-right: 140px !important;
}

.pb-140, .pv-140,
.pa-140 {
  padding-bottom: 140px !important;
}

.pl-140, .ph-140,
.pa-140 {
  padding-left: 140px !important;
}

.mt-140, .mv-140,
.ma-140 {
  margin-top: 140px !important;
}

.mr-140, .mh-140,
.ma-140 {
  margin-right: 140px !important;
}

.mb-140, .mv-140,
.ma-140 {
  margin-bottom: 140px !important;
}

.ml-140, .mh-140,
.ma-140 {
  margin-left: 140px !important;
}

.mt-m140, .mv-m140,
.ma-m140 {
  margin-top: -140px !important;
}

.mr-m140, .mh-m140,
.ma-m140 {
  margin-right: -140px !important;
}

.mb-m140, .mv-m140,
.ma-m140 {
  margin-bottom: -140px !important;
}

.ml-m140, .mh-m140,
.ma-m140 {
  margin-left: -140px !important;
}

.pt-150, .pv-150,
.pa-150 {
  padding-top: 150px !important;
}

.pr-150, .ph-150,
.pa-150 {
  padding-right: 150px !important;
}

.pb-150, .pv-150,
.pa-150 {
  padding-bottom: 150px !important;
}

.pl-150, .ph-150,
.pa-150 {
  padding-left: 150px !important;
}

.mt-150, .mv-150,
.ma-150 {
  margin-top: 150px !important;
}

.mr-150, .mh-150,
.ma-150 {
  margin-right: 150px !important;
}

.mb-150, .mv-150,
.ma-150 {
  margin-bottom: 150px !important;
}

.ml-150, .mh-150,
.ma-150 {
  margin-left: 150px !important;
}

.mt-m150, .mv-m150,
.ma-m150 {
  margin-top: -150px !important;
}

.mr-m150, .mh-m150,
.ma-m150 {
  margin-right: -150px !important;
}

.mb-m150, .mv-m150,
.ma-m150 {
  margin-bottom: -150px !important;
}

.ml-m150, .mh-m150,
.ma-m150 {
  margin-left: -150px !important;
}

.pt-160, .pv-160,
.pa-160 {
  padding-top: 160px !important;
}

.pr-160, .ph-160,
.pa-160 {
  padding-right: 160px !important;
}

.pb-160, .pv-160,
.pa-160 {
  padding-bottom: 160px !important;
}

.pl-160, .ph-160,
.pa-160 {
  padding-left: 160px !important;
}

.mt-160, .mv-160,
.ma-160 {
  margin-top: 160px !important;
}

.mr-160, .mh-160,
.ma-160 {
  margin-right: 160px !important;
}

.mb-160, .mv-160,
.ma-160 {
  margin-bottom: 160px !important;
}

.ml-160, .mh-160,
.ma-160 {
  margin-left: 160px !important;
}

.mt-m160, .mv-m160,
.ma-m160 {
  margin-top: -160px !important;
}

.mr-m160, .mh-m160,
.ma-m160 {
  margin-right: -160px !important;
}

.mb-m160, .mv-m160,
.ma-m160 {
  margin-bottom: -160px !important;
}

.ml-m160, .mh-m160,
.ma-m160 {
  margin-left: -160px !important;
}

.pt-170, .pv-170,
.pa-170 {
  padding-top: 170px !important;
}

.pr-170, .ph-170,
.pa-170 {
  padding-right: 170px !important;
}

.pb-170, .pv-170,
.pa-170 {
  padding-bottom: 170px !important;
}

.pl-170, .ph-170,
.pa-170 {
  padding-left: 170px !important;
}

.mt-170, .mv-170,
.ma-170 {
  margin-top: 170px !important;
}

.mr-170, .mh-170,
.ma-170 {
  margin-right: 170px !important;
}

.mb-170, .mv-170,
.ma-170 {
  margin-bottom: 170px !important;
}

.ml-170, .mh-170,
.ma-170 {
  margin-left: 170px !important;
}

.mt-m170, .mv-m170,
.ma-m170 {
  margin-top: -170px !important;
}

.mr-m170, .mh-m170,
.ma-m170 {
  margin-right: -170px !important;
}

.mb-m170, .mv-m170,
.ma-m170 {
  margin-bottom: -170px !important;
}

.ml-m170, .mh-m170,
.ma-m170 {
  margin-left: -170px !important;
}

.pt-180, .pv-180,
.pa-180 {
  padding-top: 180px !important;
}

.pr-180, .ph-180,
.pa-180 {
  padding-right: 180px !important;
}

.pb-180, .pv-180,
.pa-180 {
  padding-bottom: 180px !important;
}

.pl-180, .ph-180,
.pa-180 {
  padding-left: 180px !important;
}

.mt-180, .mv-180,
.ma-180 {
  margin-top: 180px !important;
}

.mr-180, .mh-180,
.ma-180 {
  margin-right: 180px !important;
}

.mb-180, .mv-180,
.ma-180 {
  margin-bottom: 180px !important;
}

.ml-180, .mh-180,
.ma-180 {
  margin-left: 180px !important;
}

.mt-m180, .mv-m180,
.ma-m180 {
  margin-top: -180px !important;
}

.mr-m180, .mh-m180,
.ma-m180 {
  margin-right: -180px !important;
}

.mb-m180, .mv-m180,
.ma-m180 {
  margin-bottom: -180px !important;
}

.ml-m180, .mh-m180,
.ma-m180 {
  margin-left: -180px !important;
}

.pt-190, .pv-190,
.pa-190 {
  padding-top: 190px !important;
}

.pr-190, .ph-190,
.pa-190 {
  padding-right: 190px !important;
}

.pb-190, .pv-190,
.pa-190 {
  padding-bottom: 190px !important;
}

.pl-190, .ph-190,
.pa-190 {
  padding-left: 190px !important;
}

.mt-190, .mv-190,
.ma-190 {
  margin-top: 190px !important;
}

.mr-190, .mh-190,
.ma-190 {
  margin-right: 190px !important;
}

.mb-190, .mv-190,
.ma-190 {
  margin-bottom: 190px !important;
}

.ml-190, .mh-190,
.ma-190 {
  margin-left: 190px !important;
}

.mt-m190, .mv-m190,
.ma-m190 {
  margin-top: -190px !important;
}

.mr-m190, .mh-m190,
.ma-m190 {
  margin-right: -190px !important;
}

.mb-m190, .mv-m190,
.ma-m190 {
  margin-bottom: -190px !important;
}

.ml-m190, .mh-m190,
.ma-m190 {
  margin-left: -190px !important;
}

.pt-200, .pv-200,
.pa-200 {
  padding-top: 200px !important;
}

.pr-200, .ph-200,
.pa-200 {
  padding-right: 200px !important;
}

.pb-200, .pv-200,
.pa-200 {
  padding-bottom: 200px !important;
}

.pl-200, .ph-200,
.pa-200 {
  padding-left: 200px !important;
}

.mt-200, .mv-200,
.ma-200 {
  margin-top: 200px !important;
}

.mr-200, .mh-200,
.ma-200 {
  margin-right: 200px !important;
}

.mb-200, .mv-200,
.ma-200 {
  margin-bottom: 200px !important;
}

.ml-200, .mh-200,
.ma-200 {
  margin-left: 200px !important;
}

.mt-m200, .mv-m200,
.ma-m200 {
  margin-top: -200px !important;
}

.mr-m200, .mh-m200,
.ma-m200 {
  margin-right: -200px !important;
}

.mb-m200, .mv-m200,
.ma-m200 {
  margin-bottom: -200px !important;
}

.ml-m200, .mh-m200,
.ma-m200 {
  margin-left: -200px !important;
}

.pt-210, .pv-210,
.pa-210 {
  padding-top: 210px !important;
}

.pr-210, .ph-210,
.pa-210 {
  padding-right: 210px !important;
}

.pb-210, .pv-210,
.pa-210 {
  padding-bottom: 210px !important;
}

.pl-210, .ph-210,
.pa-210 {
  padding-left: 210px !important;
}

.mt-210, .mv-210,
.ma-210 {
  margin-top: 210px !important;
}

.mr-210, .mh-210,
.ma-210 {
  margin-right: 210px !important;
}

.mb-210, .mv-210,
.ma-210 {
  margin-bottom: 210px !important;
}

.ml-210, .mh-210,
.ma-210 {
  margin-left: 210px !important;
}

.mt-m210, .mv-m210,
.ma-m210 {
  margin-top: -210px !important;
}

.mr-m210, .mh-m210,
.ma-m210 {
  margin-right: -210px !important;
}

.mb-m210, .mv-m210,
.ma-m210 {
  margin-bottom: -210px !important;
}

.ml-m210, .mh-m210,
.ma-m210 {
  margin-left: -210px !important;
}

.pt-220, .pv-220,
.pa-220 {
  padding-top: 220px !important;
}

.pr-220, .ph-220,
.pa-220 {
  padding-right: 220px !important;
}

.pb-220, .pv-220,
.pa-220 {
  padding-bottom: 220px !important;
}

.pl-220, .ph-220,
.pa-220 {
  padding-left: 220px !important;
}

.mt-220, .mv-220,
.ma-220 {
  margin-top: 220px !important;
}

.mr-220, .mh-220,
.ma-220 {
  margin-right: 220px !important;
}

.mb-220, .mv-220,
.ma-220 {
  margin-bottom: 220px !important;
}

.ml-220, .mh-220,
.ma-220 {
  margin-left: 220px !important;
}

.mt-m220, .mv-m220,
.ma-m220 {
  margin-top: -220px !important;
}

.mr-m220, .mh-m220,
.ma-m220 {
  margin-right: -220px !important;
}

.mb-m220, .mv-m220,
.ma-m220 {
  margin-bottom: -220px !important;
}

.ml-m220, .mh-m220,
.ma-m220 {
  margin-left: -220px !important;
}

.pt-230, .pv-230,
.pa-230 {
  padding-top: 230px !important;
}

.pr-230, .ph-230,
.pa-230 {
  padding-right: 230px !important;
}

.pb-230, .pv-230,
.pa-230 {
  padding-bottom: 230px !important;
}

.pl-230, .ph-230,
.pa-230 {
  padding-left: 230px !important;
}

.mt-230, .mv-230,
.ma-230 {
  margin-top: 230px !important;
}

.mr-230, .mh-230,
.ma-230 {
  margin-right: 230px !important;
}

.mb-230, .mv-230,
.ma-230 {
  margin-bottom: 230px !important;
}

.ml-230, .mh-230,
.ma-230 {
  margin-left: 230px !important;
}

.mt-m230, .mv-m230,
.ma-m230 {
  margin-top: -230px !important;
}

.mr-m230, .mh-m230,
.ma-m230 {
  margin-right: -230px !important;
}

.mb-m230, .mv-m230,
.ma-m230 {
  margin-bottom: -230px !important;
}

.ml-m230, .mh-m230,
.ma-m230 {
  margin-left: -230px !important;
}

.pt-240, .pv-240,
.pa-240 {
  padding-top: 240px !important;
}

.pr-240, .ph-240,
.pa-240 {
  padding-right: 240px !important;
}

.pb-240, .pv-240,
.pa-240 {
  padding-bottom: 240px !important;
}

.pl-240, .ph-240,
.pa-240 {
  padding-left: 240px !important;
}

.mt-240, .mv-240,
.ma-240 {
  margin-top: 240px !important;
}

.mr-240, .mh-240,
.ma-240 {
  margin-right: 240px !important;
}

.mb-240, .mv-240,
.ma-240 {
  margin-bottom: 240px !important;
}

.ml-240, .mh-240,
.ma-240 {
  margin-left: 240px !important;
}

.mt-m240, .mv-m240,
.ma-m240 {
  margin-top: -240px !important;
}

.mr-m240, .mh-m240,
.ma-m240 {
  margin-right: -240px !important;
}

.mb-m240, .mv-m240,
.ma-m240 {
  margin-bottom: -240px !important;
}

.ml-m240, .mh-m240,
.ma-m240 {
  margin-left: -240px !important;
}

.pt-250, .pv-250,
.pa-250 {
  padding-top: 250px !important;
}

.pr-250, .ph-250,
.pa-250 {
  padding-right: 250px !important;
}

.pb-250, .pv-250,
.pa-250 {
  padding-bottom: 250px !important;
}

.pl-250, .ph-250,
.pa-250 {
  padding-left: 250px !important;
}

.mt-250, .mv-250,
.ma-250 {
  margin-top: 250px !important;
}

.mr-250, .mh-250,
.ma-250 {
  margin-right: 250px !important;
}

.mb-250, .mv-250,
.ma-250 {
  margin-bottom: 250px !important;
}

.ml-250, .mh-250,
.ma-250 {
  margin-left: 250px !important;
}

.mt-m250, .mv-m250,
.ma-m250 {
  margin-top: -250px !important;
}

.mr-m250, .mh-m250,
.ma-m250 {
  margin-right: -250px !important;
}

.mb-m250, .mv-m250,
.ma-m250 {
  margin-bottom: -250px !important;
}

.ml-m250, .mh-m250,
.ma-m250 {
  margin-left: -250px !important;
}

.pt-260, .pv-260,
.pa-260 {
  padding-top: 260px !important;
}

.pr-260, .ph-260,
.pa-260 {
  padding-right: 260px !important;
}

.pb-260, .pv-260,
.pa-260 {
  padding-bottom: 260px !important;
}

.pl-260, .ph-260,
.pa-260 {
  padding-left: 260px !important;
}

.mt-260, .mv-260,
.ma-260 {
  margin-top: 260px !important;
}

.mr-260, .mh-260,
.ma-260 {
  margin-right: 260px !important;
}

.mb-260, .mv-260,
.ma-260 {
  margin-bottom: 260px !important;
}

.ml-260, .mh-260,
.ma-260 {
  margin-left: 260px !important;
}

.mt-m260, .mv-m260,
.ma-m260 {
  margin-top: -260px !important;
}

.mr-m260, .mh-m260,
.ma-m260 {
  margin-right: -260px !important;
}

.mb-m260, .mv-m260,
.ma-m260 {
  margin-bottom: -260px !important;
}

.ml-m260, .mh-m260,
.ma-m260 {
  margin-left: -260px !important;
}

.pt-270, .pv-270,
.pa-270 {
  padding-top: 270px !important;
}

.pr-270, .ph-270,
.pa-270 {
  padding-right: 270px !important;
}

.pb-270, .pv-270,
.pa-270 {
  padding-bottom: 270px !important;
}

.pl-270, .ph-270,
.pa-270 {
  padding-left: 270px !important;
}

.mt-270, .mv-270,
.ma-270 {
  margin-top: 270px !important;
}

.mr-270, .mh-270,
.ma-270 {
  margin-right: 270px !important;
}

.mb-270, .mv-270,
.ma-270 {
  margin-bottom: 270px !important;
}

.ml-270, .mh-270,
.ma-270 {
  margin-left: 270px !important;
}

.mt-m270, .mv-m270,
.ma-m270 {
  margin-top: -270px !important;
}

.mr-m270, .mh-m270,
.ma-m270 {
  margin-right: -270px !important;
}

.mb-m270, .mv-m270,
.ma-m270 {
  margin-bottom: -270px !important;
}

.ml-m270, .mh-m270,
.ma-m270 {
  margin-left: -270px !important;
}

.pt-280, .pv-280,
.pa-280 {
  padding-top: 280px !important;
}

.pr-280, .ph-280,
.pa-280 {
  padding-right: 280px !important;
}

.pb-280, .pv-280,
.pa-280 {
  padding-bottom: 280px !important;
}

.pl-280, .ph-280,
.pa-280 {
  padding-left: 280px !important;
}

.mt-280, .mv-280,
.ma-280 {
  margin-top: 280px !important;
}

.mr-280, .mh-280,
.ma-280 {
  margin-right: 280px !important;
}

.mb-280, .mv-280,
.ma-280 {
  margin-bottom: 280px !important;
}

.ml-280, .mh-280,
.ma-280 {
  margin-left: 280px !important;
}

.mt-m280, .mv-m280,
.ma-m280 {
  margin-top: -280px !important;
}

.mr-m280, .mh-m280,
.ma-m280 {
  margin-right: -280px !important;
}

.mb-m280, .mv-m280,
.ma-m280 {
  margin-bottom: -280px !important;
}

.ml-m280, .mh-m280,
.ma-m280 {
  margin-left: -280px !important;
}

.pt-290, .pv-290,
.pa-290 {
  padding-top: 290px !important;
}

.pr-290, .ph-290,
.pa-290 {
  padding-right: 290px !important;
}

.pb-290, .pv-290,
.pa-290 {
  padding-bottom: 290px !important;
}

.pl-290, .ph-290,
.pa-290 {
  padding-left: 290px !important;
}

.mt-290, .mv-290,
.ma-290 {
  margin-top: 290px !important;
}

.mr-290, .mh-290,
.ma-290 {
  margin-right: 290px !important;
}

.mb-290, .mv-290,
.ma-290 {
  margin-bottom: 290px !important;
}

.ml-290, .mh-290,
.ma-290 {
  margin-left: 290px !important;
}

.mt-m290, .mv-m290,
.ma-m290 {
  margin-top: -290px !important;
}

.mr-m290, .mh-m290,
.ma-m290 {
  margin-right: -290px !important;
}

.mb-m290, .mv-m290,
.ma-m290 {
  margin-bottom: -290px !important;
}

.ml-m290, .mh-m290,
.ma-m290 {
  margin-left: -290px !important;
}

.pt-300, .pv-300,
.pa-300 {
  padding-top: 300px !important;
}

.pr-300, .ph-300,
.pa-300 {
  padding-right: 300px !important;
}

.pb-300, .pv-300,
.pa-300 {
  padding-bottom: 300px !important;
}

.pl-300, .ph-300,
.pa-300 {
  padding-left: 300px !important;
}

.mt-300, .mv-300,
.ma-300 {
  margin-top: 300px !important;
}

.mr-300, .mh-300,
.ma-300 {
  margin-right: 300px !important;
}

.mb-300, .mv-300,
.ma-300 {
  margin-bottom: 300px !important;
}

.ml-300, .mh-300,
.ma-300 {
  margin-left: 300px !important;
}

.mt-m300, .mv-m300,
.ma-m300 {
  margin-top: -300px !important;
}

.mr-m300, .mh-m300,
.ma-m300 {
  margin-right: -300px !important;
}

.mb-m300, .mv-m300,
.ma-m300 {
  margin-bottom: -300px !important;
}

.ml-m300, .mh-m300,
.ma-m300 {
  margin-left: -300px !important;
}

.pt-em1, .pv-em1,
.pa-em1 {
  padding-top: 1em !important;
}

.pr-em1, .ph-em1,
.pa-em1 {
  padding-right: 1em !important;
}

.pb-em1, .pv-em1,
.pa-em1 {
  padding-bottom: 1em !important;
}

.pl-em1, .ph-em1,
.pa-em1 {
  padding-left: 1em !important;
}

.mt-em1, .mv-em1,
.ma-em1 {
  margin-top: 1em !important;
}

.mr-em1, .mh-em1,
.ma-em1 {
  margin-right: 1em !important;
}

.mb-em1, .mv-em1,
.ma-em1 {
  margin-bottom: 1em !important;
}

.ml-em1, .mh-em1,
.ma-em1 {
  margin-left: 1em !important;
}

.pt-em2, .pv-em2,
.pa-em2 {
  padding-top: 2em !important;
}

.pr-em2, .ph-em2,
.pa-em2 {
  padding-right: 2em !important;
}

.pb-em2, .pv-em2,
.pa-em2 {
  padding-bottom: 2em !important;
}

.pl-em2, .ph-em2,
.pa-em2 {
  padding-left: 2em !important;
}

.mt-em2, .mv-em2,
.ma-em2 {
  margin-top: 2em !important;
}

.mr-em2, .mh-em2,
.ma-em2 {
  margin-right: 2em !important;
}

.mb-em2, .mv-em2,
.ma-em2 {
  margin-bottom: 2em !important;
}

.ml-em2, .mh-em2,
.ma-em2 {
  margin-left: 2em !important;
}

.pt-em3, .pv-em3,
.pa-em3 {
  padding-top: 3em !important;
}

.pr-em3, .ph-em3,
.pa-em3 {
  padding-right: 3em !important;
}

.pb-em3, .pv-em3,
.pa-em3 {
  padding-bottom: 3em !important;
}

.pl-em3, .ph-em3,
.pa-em3 {
  padding-left: 3em !important;
}

.mt-em3, .mv-em3,
.ma-em3 {
  margin-top: 3em !important;
}

.mr-em3, .mh-em3,
.ma-em3 {
  margin-right: 3em !important;
}

.mb-em3, .mv-em3,
.ma-em3 {
  margin-bottom: 3em !important;
}

.ml-em3, .mh-em3,
.ma-em3 {
  margin-left: 3em !important;
}

.pt-em4, .pv-em4,
.pa-em4 {
  padding-top: 4em !important;
}

.pr-em4, .ph-em4,
.pa-em4 {
  padding-right: 4em !important;
}

.pb-em4, .pv-em4,
.pa-em4 {
  padding-bottom: 4em !important;
}

.pl-em4, .ph-em4,
.pa-em4 {
  padding-left: 4em !important;
}

.mt-em4, .mv-em4,
.ma-em4 {
  margin-top: 4em !important;
}

.mr-em4, .mh-em4,
.ma-em4 {
  margin-right: 4em !important;
}

.mb-em4, .mv-em4,
.ma-em4 {
  margin-bottom: 4em !important;
}

.ml-em4, .mh-em4,
.ma-em4 {
  margin-left: 4em !important;
}

.pt-em5, .pv-em5,
.pa-em5 {
  padding-top: 5em !important;
}

.pr-em5, .ph-em5,
.pa-em5 {
  padding-right: 5em !important;
}

.pb-em5, .pv-em5,
.pa-em5 {
  padding-bottom: 5em !important;
}

.pl-em5, .ph-em5,
.pa-em5 {
  padding-left: 5em !important;
}

.mt-em5, .mv-em5,
.ma-em5 {
  margin-top: 5em !important;
}

.mr-em5, .mh-em5,
.ma-em5 {
  margin-right: 5em !important;
}

.mb-em5, .mv-em5,
.ma-em5 {
  margin-bottom: 5em !important;
}

.ml-em5, .mh-em5,
.ma-em5 {
  margin-left: 5em !important;
}

.pt-em6, .pv-em6,
.pa-em6 {
  padding-top: 6em !important;
}

.pr-em6, .ph-em6,
.pa-em6 {
  padding-right: 6em !important;
}

.pb-em6, .pv-em6,
.pa-em6 {
  padding-bottom: 6em !important;
}

.pl-em6, .ph-em6,
.pa-em6 {
  padding-left: 6em !important;
}

.mt-em6, .mv-em6,
.ma-em6 {
  margin-top: 6em !important;
}

.mr-em6, .mh-em6,
.ma-em6 {
  margin-right: 6em !important;
}

.mb-em6, .mv-em6,
.ma-em6 {
  margin-bottom: 6em !important;
}

.ml-em6, .mh-em6,
.ma-em6 {
  margin-left: 6em !important;
}

.pt-em7, .pv-em7,
.pa-em7 {
  padding-top: 7em !important;
}

.pr-em7, .ph-em7,
.pa-em7 {
  padding-right: 7em !important;
}

.pb-em7, .pv-em7,
.pa-em7 {
  padding-bottom: 7em !important;
}

.pl-em7, .ph-em7,
.pa-em7 {
  padding-left: 7em !important;
}

.mt-em7, .mv-em7,
.ma-em7 {
  margin-top: 7em !important;
}

.mr-em7, .mh-em7,
.ma-em7 {
  margin-right: 7em !important;
}

.mb-em7, .mv-em7,
.ma-em7 {
  margin-bottom: 7em !important;
}

.ml-em7, .mh-em7,
.ma-em7 {
  margin-left: 7em !important;
}

.pt-em8, .pv-em8,
.pa-em8 {
  padding-top: 8em !important;
}

.pr-em8, .ph-em8,
.pa-em8 {
  padding-right: 8em !important;
}

.pb-em8, .pv-em8,
.pa-em8 {
  padding-bottom: 8em !important;
}

.pl-em8, .ph-em8,
.pa-em8 {
  padding-left: 8em !important;
}

.mt-em8, .mv-em8,
.ma-em8 {
  margin-top: 8em !important;
}

.mr-em8, .mh-em8,
.ma-em8 {
  margin-right: 8em !important;
}

.mb-em8, .mv-em8,
.ma-em8 {
  margin-bottom: 8em !important;
}

.ml-em8, .mh-em8,
.ma-em8 {
  margin-left: 8em !important;
}

.pt-em9, .pv-em9,
.pa-em9 {
  padding-top: 9em !important;
}

.pr-em9, .ph-em9,
.pa-em9 {
  padding-right: 9em !important;
}

.pb-em9, .pv-em9,
.pa-em9 {
  padding-bottom: 9em !important;
}

.pl-em9, .ph-em9,
.pa-em9 {
  padding-left: 9em !important;
}

.mt-em9, .mv-em9,
.ma-em9 {
  margin-top: 9em !important;
}

.mr-em9, .mh-em9,
.ma-em9 {
  margin-right: 9em !important;
}

.mb-em9, .mv-em9,
.ma-em9 {
  margin-bottom: 9em !important;
}

.ml-em9, .mh-em9,
.ma-em9 {
  margin-left: 9em !important;
}

.pt-em10, .pv-em10,
.pa-em10 {
  padding-top: 10em !important;
}

.pr-em10, .ph-em10,
.pa-em10 {
  padding-right: 10em !important;
}

.pb-em10, .pv-em10,
.pa-em10 {
  padding-bottom: 10em !important;
}

.pl-em10, .ph-em10,
.pa-em10 {
  padding-left: 10em !important;
}

.mt-em10, .mv-em10,
.ma-em10 {
  margin-top: 10em !important;
}

.mr-em10, .mh-em10,
.ma-em10 {
  margin-right: 10em !important;
}

.mb-em10, .mv-em10,
.ma-em10 {
  margin-bottom: 10em !important;
}

.ml-em10, .mh-em10,
.ma-em10 {
  margin-left: 10em !important;
}

.m-center {
  margin-right: auto;
  margin-left: auto;
}

.bdrs-t1, .bdrs-r1, .bdrs-tr1 {
  border-top-right-radius: 1px !important;
}

.bdrs-t1, .bdrs-l1, .bdrs-tl1 {
  border-top-left-radius: 1px !important;
}

.bdrs-b1, .bdrs-r1, .bdrs-br1 {
  border-bottom-right-radius: 1px !important;
}

.bdrs-b1, .bdrs-l1, .bdrs-bl1 {
  border-bottom-left-radius: 1px !important;
}

.bdrs-a1 {
  border-radius: 1px !important;
}

.bdrs-t2, .bdrs-r2, .bdrs-tr2 {
  border-top-right-radius: 2px !important;
}

.bdrs-t2, .bdrs-l2, .bdrs-tl2 {
  border-top-left-radius: 2px !important;
}

.bdrs-b2, .bdrs-r2, .bdrs-br2 {
  border-bottom-right-radius: 2px !important;
}

.bdrs-b2, .bdrs-l2, .bdrs-bl2 {
  border-bottom-left-radius: 2px !important;
}

.bdrs-a2 {
  border-radius: 2px !important;
}

.bdrs-t3, .bdrs-r3, .bdrs-tr3 {
  border-top-right-radius: 3px !important;
}

.bdrs-t3, .bdrs-l3, .bdrs-tl3 {
  border-top-left-radius: 3px !important;
}

.bdrs-b3, .bdrs-r3, .bdrs-br3 {
  border-bottom-right-radius: 3px !important;
}

.bdrs-b3, .bdrs-l3, .bdrs-bl3 {
  border-bottom-left-radius: 3px !important;
}

.bdrs-a3 {
  border-radius: 3px !important;
}

.bdrs-t4, .bdrs-r4, .bdrs-tr4 {
  border-top-right-radius: 4px !important;
}

.bdrs-t4, .bdrs-l4, .bdrs-tl4 {
  border-top-left-radius: 4px !important;
}

.bdrs-b4, .bdrs-r4, .bdrs-br4 {
  border-bottom-right-radius: 4px !important;
}

.bdrs-b4, .bdrs-l4, .bdrs-bl4 {
  border-bottom-left-radius: 4px !important;
}

.bdrs-a4 {
  border-radius: 4px !important;
}

.bdrs-t5, .bdrs-r5, .bdrs-tr5 {
  border-top-right-radius: 5px !important;
}

.bdrs-t5, .bdrs-l5, .bdrs-tl5 {
  border-top-left-radius: 5px !important;
}

.bdrs-b5, .bdrs-r5, .bdrs-br5 {
  border-bottom-right-radius: 5px !important;
}

.bdrs-b5, .bdrs-l5, .bdrs-bl5 {
  border-bottom-left-radius: 5px !important;
}

.bdrs-a5 {
  border-radius: 5px !important;
}

.bdrs-t6, .bdrs-r6, .bdrs-tr6 {
  border-top-right-radius: 6px !important;
}

.bdrs-t6, .bdrs-l6, .bdrs-tl6 {
  border-top-left-radius: 6px !important;
}

.bdrs-b6, .bdrs-r6, .bdrs-br6 {
  border-bottom-right-radius: 6px !important;
}

.bdrs-b6, .bdrs-l6, .bdrs-bl6 {
  border-bottom-left-radius: 6px !important;
}

.bdrs-a6 {
  border-radius: 6px !important;
}

.bdrs-t7, .bdrs-r7, .bdrs-tr7 {
  border-top-right-radius: 7px !important;
}

.bdrs-t7, .bdrs-l7, .bdrs-tl7 {
  border-top-left-radius: 7px !important;
}

.bdrs-b7, .bdrs-r7, .bdrs-br7 {
  border-bottom-right-radius: 7px !important;
}

.bdrs-b7, .bdrs-l7, .bdrs-bl7 {
  border-bottom-left-radius: 7px !important;
}

.bdrs-a7 {
  border-radius: 7px !important;
}

.bdrs-t8, .bdrs-r8, .bdrs-tr8 {
  border-top-right-radius: 8px !important;
}

.bdrs-t8, .bdrs-l8, .bdrs-tl8 {
  border-top-left-radius: 8px !important;
}

.bdrs-b8, .bdrs-r8, .bdrs-br8 {
  border-bottom-right-radius: 8px !important;
}

.bdrs-b8, .bdrs-l8, .bdrs-bl8 {
  border-bottom-left-radius: 8px !important;
}

.bdrs-a8 {
  border-radius: 8px !important;
}

.bdrs-t9, .bdrs-r9, .bdrs-tr9 {
  border-top-right-radius: 9px !important;
}

.bdrs-t9, .bdrs-l9, .bdrs-tl9 {
  border-top-left-radius: 9px !important;
}

.bdrs-b9, .bdrs-r9, .bdrs-br9 {
  border-bottom-right-radius: 9px !important;
}

.bdrs-b9, .bdrs-l9, .bdrs-bl9 {
  border-bottom-left-radius: 9px !important;
}

.bdrs-a9 {
  border-radius: 9px !important;
}

.bdrs-t10, .bdrs-r10, .bdrs-tr10 {
  border-top-right-radius: 10px !important;
}

.bdrs-t10, .bdrs-l10, .bdrs-tl10 {
  border-top-left-radius: 10px !important;
}

.bdrs-b10, .bdrs-r10, .bdrs-br10 {
  border-bottom-right-radius: 10px !important;
}

.bdrs-b10, .bdrs-l10, .bdrs-bl10 {
  border-bottom-left-radius: 10px !important;
}

.bdrs-a10 {
  border-radius: 10px !important;
}

.dsp-b {
  display: block !important;
}

.dsp-i {
  display: inline !important;
}

.dsp-ib {
  display: inline-block !important;
}

.dsp-n {
  display: none !important;
}

.flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-r {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-rRev {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-c {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-cRev {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-noWrap {
  -webkit-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrapRev {
  -webkit-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-hLeft {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
}

.flex-hRight {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  justify-content: flex-end !important;
}

.flex-hCenter {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

.flex-hBetween {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  justify-content: space-between !important;
}

.flex-hArround {
  -webkit-justify-content: space-around !important;
  justify-content: space-around !important;
}

.flex-vTop {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  align-items: flex-start !important;
}

.flex-vCenter {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
}

.flex-vBottom {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  align-items: flex-end !important;
}

.flex-vStretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  align-items: stretch !important;
}

.flex-vBaseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  align-items: baseline !important;
}

.flex-aTop {
  -webkit-align-content: flex-start !important;
  align-content: flex-start !important;
}

.flex-aCenter {
  -webkit-align-content: center !important;
  align-content: center !important;
}

.flex-aBottom {
  -webkit-align-content: flex-end !important;
  align-content: flex-end !important;
}

.flex-aBetween {
  -webkit-align-content: space-between !important;
  align-content: space-between !important;
}

.flex-aArround {
  -webkit-align-content: space-around !important;
  align-content: space-around !important;
}

.flex-aStretch {
  -webkit-align-content: stretch !important;
  align-content: stretch !important;
}

.flexItem-flex {
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  flex-grow: 1 !important;
  -webkit-flex-shrink: 1 !important;
  flex-shrink: 1 !important;
}

.flexItem-noflex {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  flex-grow: 0 !important;
  -webkit-flex-shrink: 0 !important;
  flex-shrink: 0 !important;
}

.flexItem-vTop, .thumb_state > .inlineIcon-lock, .thumb_state > .inlineIcon-unlock {
  -webkit-align-self: flex-start !important;
  align-self: flex-start !important;
}

.flexItem-vCenter {
  -webkit-align-self: center !important;
  align-self: center !important;
}

.flexItem-vBottom {
  -webkit-align-self: flex-end !important;
  align-self: flex-end !important;
}

.flexItem-vStretch {
  -webkit-align-self: stretch !important;
  align-self: stretch !important;
}

.flexItem-vBaseline {
  -webkit-align-self: baseline !important;
  align-self: baseline !important;
}

.table {
  display: table;
}

.t_cell, .t_cell-top, .t_cell-middle, .t_cell-bottom {
  display: table-cell;
}

.t_cell-top {
  vertical-align: top;
}

.t_cell-middle {
  vertical-align: middle;
}

.t_cell-bottom {
  vertical-align: bottom;
}

.of-v {
  overflow: visible !important;
}

.ofx-v {
  overflow-x: visible !important;
}

.ofy-v {
  overflow-y: visible !important;
}

.of-s {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.ofx-s {
  overflow-x: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.ofy-s {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.of-h {
  overflow: hidden !important;
}

.ofx-h {
  overflow-x: hidden !important;
}

.ofy-h {
  overflow-y: hidden !important;
}

.of-a {
  overflow: auto !important;
}

.ofx-a {
  overflow-x: auto !important;
}

.ofy-a {
  overflow-y: auto !important;
}

.clr-vermilion {
  color: #fa8072;
}

.clr-orange {
  color: #ff6347;
}

.clr-lightOrange {
  color: #ffa500;
}

.clr-yellow {
  color: #e6e600;
}

.clr-blue {
  color: #0d9cf5;
}

.clr-lightBlue {
  color: #87cefa;
}

.clr-gray {
  color: #a9a9a9;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

.pageNotation01 {
  right: 0;
  z-index: 201;
  padding: 6px;
  max-width: 320px;
  height: 28px;
  border-width: 0 34px;
  text-align: left;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.9), rgba(0,0,0,0.9));
}

.specifiedCommercialTransaction_frame, .specifiedCommercialTransaction_frame-fixed {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.47);
}

.specifiedCommercialTransaction_frame-fixed {
  position: fixed;
  top: 91px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
  width: 300px;
  z-index: 200;
}

.specifiedCommercialTransaction_title {
  font-size: 1rem;
  text-align: center;
  text-decoration: underline;
}

.specifiedCommercialTransaction_titleText {
  color: #e6e600;
}

.specifiedCommercialTransaction_description {
  font-size: 0.9rem;
  text-align: center;
}

.index-1 {
  padding: 5px 0px;
  margin: 13px 3px 10px 3px;
  text-align: center;
  background: linear-gradient(180deg, rgb(255, 193, 21), rgb(212, 103, 0));
  border-radius: 2px;
  box-shadow: 0px 0px 0px 2px rgb(175, 85, 0), 0px 0px 0px 3px rgb(255, 167, 53), 0px 4px 4px rgba(0, 0, 0, 0.7);
  color: #372706;
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
}


@media (max-width: 381px) {
  .index-1 {
    font-size: 14px;
  }
}

.index-2 {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  padding: 0px 5px;
  border-left: 8px solid #Fea523;
  border-bottom: double #Fea523;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}

.con-2 {
  margin-top: 10px;
  font-size: 16px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.4);
}

.index-3 {
  font-size: 16px;
  margin-top: 10px;
  position: relative;
  padding: 0em 0.3em 0.1em 1.3em;
}

.index-3::after {
  position: absolute;
  content: '';
  top: 0.45em;
  left: 0.4em;
  width: 0.4em;
  height: 0.4em;
  background: linear-gradient(180deg, rgb(255, 193, 21), rgb(192, 54, 0));
  transform: rotate(45deg);
  border: 1px solid #441900;
  box-shadow: 0px 0px 0px 1px rgb(255, 116, 24);
}

.con-3 {
  font-size: 16px;
  padding: 10px;
}

.Att-1 {
  border: 3px solid #960000;
  box-sizing: border-box;
  margin-top: 20px;
  background: repeating-linear-gradient(135deg, #960000, #960000 20px, #272727 20px, #272727 40px);
  border-bottom: solid #700000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.7);
}

.Att-2 {
  padding: 2px;
  font-weight: bold;
  font-size: 16px;
  width: 115px;
  background: linear-gradient(135deg, #960000 80%, rgba(135, 207, 235, 0));
}


.overlap-30 {
  z-index: 30;
}

.overlap-20 {
  z-index: 20;
}

.overlap-10 {
  z-index: 10;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.backimage-quest {
  top: 10px;
  left: 57%;
  width: 38%;
  transform: rotate(15deg);
  filter: drop-shadow(4px 4px 10px rgb(0, 0, 0));
}

.tabcontent p, .item-infoR p, .item-infoB p {
  position: relative;
}

.con-4 {
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame01.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame01.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame13.png);
  background-size: 50%,
    50%,
    100%;
  background-position: top,
    bottom,
    top;
  background-repeat: repeat-X,
    repeat-X,
    repeat;
  padding: 7% 3%;
  position: relative;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 20px 0;
  box-shadow: 0px 5px 7px 0px #000;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
  line-height: 1.5;
}

.con-5 {
  background-color: #9e0000;
  padding: 18px 14px;
  position: relative;
  border: 1px solid #ffffff;
  border-radius: 2px;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
  font-size: 14px;
  margin: 20px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
  line-height: 1.5;
}

.con-6 {
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame09.png),
                    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame09.png),
                    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame14.png);
  background-size: 50%,
                    50%,
                    100%;
  background-position: top ,
                        bottom,
                        top ;
  background-repeat: repeat-X,
                      repeat-X,
                      repeat;
  padding: 15px;
  position: relative;
  font-size: 14px;
  box-shadow: 0px 5px 7px 0px #000;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.5;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 3px 4px #000, 0px 3px 3px #000, 0px -2px 3px #000, 0px 3px 3px #000;
  margin: 20px 0;
}

.tab1 {
  display: inline-block;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-radius: 0.75em 0.75em 0.75em 0.75em;
  margin: 4px 4px 5px 4px;
  padding: 5px 0.5em;
  order: -1;
  white-space: nowrap;
  flex: 1;
  color: #fcfcfc;
  word-break: break-all;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
  background-color: #000;
  background-size: cover;
  box-shadow: 0px 0px 5px 0px #ffffff inset, 0px 0px 0px 1px rgb(0, 0, 0), 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 3px rgb(0, 0, 0), 0px 6px 3px rgba(0, 0, 0, 0.7);
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

input:checked+.tab1 {
  color: #ffffff;
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/header02.png);
  background-size: cover;
}

.tab1::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
}

.tabsilver {
  display: none;
  word-break: break-all;
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame01.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame01.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame13.png);
  background-size: 50%,
    50%,
    100%;
  background-position: top,
    bottom,
    top;
  background-repeat: repeat-X,
    repeat-X,
    repeat;
  padding: 4% 3%;
  position: relative;
  font-size: 14px;
  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.7);
}

#tabsilver1 {
  display: none;
  padding: 4% 3%;
  background-color: hsla(0, 0%, 0%, 0.7);
  word-break: break-all;
  font-size: 14px;
}

#tabchecksilver1:checked~#tabsilver1 {
  display: block;
}

#tabchecksilver2:checked~#tabsilver2 {
  display: block;
}

#tabchecksilver3:checked~#tabsilver3 {
  display: block;
}

#tabchecksilver4:checked~#tabsilver4 {
  display: block;
}

#tabchecksilver5:checked~#tabsilver5 {
  display: block;
}

#tabchecksilver6:checked~#tabsilver6 {
  display: block;
}

#tabchecksilver7:checked~#tabsilver7 {
  display: block;
}

#tabchecksilver8:checked~#tabsilver8 {
  display: block;
}

#tabchecksilver9:checked~#tabsilver9 {
  display: block;
}

#tabchecksilver10:checked~#tabsilver10 {
  display: block;
}

#tabchecksilver11:checked~#tabsilver11 {
  display: block;
}

#tabchecksilver12:checked~#tabsilver12 {
  display: block;
}

#tabchecksilver13:checked~#tabsilver13 {
  display: block;
}

#tabchecksilver14:checked~#tabsilver14 {
  display: block;
}

#tabchecksilver15:checked~#tabsilver15 {
  display: block;
}

#tabchecksilver16:checked~#tabsilver16 {
  display: block;
}

#tabchecksilver17:checked~#tabsilver17 {
  display: block;
}

#tabchecksilver18:checked~#tabsilver18 {
  display: block;
}

#tabchecksilver19:checked~#tabsilver19 {
  display: block;
}

#tabchecksilver20:checked~#tabsilver20 {
  display: block;
}

input:checked+.tab {
  z-index: 10;
  position: relative;
}

.tabsilver {
  margin: 5px 0;
  line-height: 1.5;
  z-index: 0;
  position: relative;
  word-break: break-all;
  width: 100%;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
}

.item-imgB {
  width: 30%;
  overflow: hidden;
  background-color: #000;
  background: linear-gradient(0deg, rgb(22 22 22), rgb(133 133 133));
  border-right: 1px solid #fff;
}

.item-infoB {
  width: 100%;
}

.item-nameB {
  background-color: #121212;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -5px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-nameB p {
  top: 25%;
  font-size: 4vw;
  font-weight: bold;
}

@media screen and (min-width: 767px) {

  .item-nameB p {
    font-size: 30px;
  }

}

.item-numberB {
  background-color: #515151;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-numberB p {
  top: 25%;
  font-size: 4vw;
}

@media screen and (min-width: 767px) {

  .item-numberB p {
    font-size: 30px;
  }

}

.tab2 {
  display: inline-block;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-radius: 2px;
  margin: 4px 4px 5px 4px;
  padding: 5px 0.5em;
  order: -1;
  white-space: nowrap;
  flex: 1;
  color: #fcfcfc;
  word-break: break-all;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
  background-color: #303030;
  background-size: cover;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 1px rgb(255, 255, 255), 0px 0px 0px 2px rgb(0, 0, 0);
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

input:checked+.tab2 {
  color: #ffffff;
  background-color: #bd0505;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 1px rgb(255, 255, 255), 0px 0px 0px 2px rgb(0, 0, 0), 0px 0px 6px 3px rgb(255, 255, 255);
}

.tab2::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
}

.tabcontent {
  display: none;
  word-break: break-all;
  background-color: #000000;
  padding: 0 3%;
  position: relative;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 2px;
}


#tabcontent1 {
  display: none;
  border: 1px solid hsl(0, 0%, 0%);
  padding: 0 3%;
  background-color: #000;
  word-break: break-all;
  font-size: 14px;
  border: 1px solid #fff;
  border-radius: 2px;
}

#tabcheck1:checked~#tabcontent1 {
  display: block;
}

#tabcheck2:checked~#tabcontent2 {
  display: block;
}

#tabcheck3:checked~#tabcontent3 {
  display: block;
}

#tabcheck4:checked~#tabcontent4 {
  display: block;
}

#tabcheck5:checked~#tabcontent5 {
  display: block;
}

#tabcheck6:checked~#tabcontent6 {
  display: block;
}

#tabcheck7:checked~#tabcontent7 {
  display: block;
}

#tabcheck8:checked~#tabcontent8 {
  display: block;
}

#tabcheck9:checked~#tabcontent9 {
  display: block;
}

#tabcheck10:checked~#tabcontent10 {
  display: block;
}

#tabcheck11:checked~#tabcontent11 {
  display: block;
}

#tabcheck12:checked~#tabcontent12 {
  display: block;
}

#tabcheck13:checked~#tabcontent13 {
  display: block;
}

#tabcheck14:checked~#tabcontent14 {
  display: block;
}

#tabcheck15:checked~#tabcontent15 {
  display: block;
}

#tabcheck16:checked~#tabcontent16 {
  display: block;
}

#tabcheck17:checked~#tabcontent17 {
  display: block;
}

#tabcheck18:checked~#tabcontent18 {
  display: block;
}

#tabcheck19:checked~#tabcontent19 {
  display: block;
}

#tabcheck20:checked~#tabcontent20 {
  display: block;
}

input:checked+.tab {
  z-index: 10;
  position: relative;
}

.tabcontent {
  margin: 5px 0;
  line-height: 1.5;
  z-index: 0;
  position: relative;
  word-break: break-all;
  width: 100%;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
}

.item-img {
  width: 30%;
  overflow: hidden;
  border-right: 1px solid #fff;
}

.item-info {
  width: 100%;
}

.item-name {
  background-color: #960000;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -5px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-name p {
  top: 25%;
  font-size: 4vw;
  font-weight: bold;
}

@media screen and (min-width: 767px) {

  .item-name p {
    font-size: 30px;
  }

}

.item-number {
  background-color: #450000;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-number p {
  top: 25%;
  font-size: 4vw;
}

@media screen and (min-width: 767px) {

  .item-number p {
    font-size: 30px;
  }

}

.tab3 {
  display: inline-block;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-image: conic-gradient(#ffffff, #595959, #e9e9e9, #757575, #ffffff) 1;
  border-radius: 2px;
  margin: 4px 4px 5px 4px;
  padding: 5px 0.5em;
  order: -1;
  white-space: nowrap;
  flex: 1;
  color: #fcfcfc;
  word-break: break-all;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
  background-color: #303030;
  background-size: cover;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(177 177 177), 0px 0px 0px 1px rgb(45 45 45), 0px 0px 0px 2px rgb(249 249 249);
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

input:checked+.tab3 {
  color: #ffffff;
  border-image: conic-gradient(#eb8419, #e9550f, #f5f54c, #ffef4a, #eb8419) 1;
  background-color: #f10000;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(255 139 44), 0px 0px 0px 1px rgb(107 0 0), 0px 0px 0px 2px rgb(255 232 156), 0px 0px 6px 3px rgb(255, 255, 255);
}

.tab3::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
}

.tabgold {
  display: none;
  word-break: break-all;
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame09.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame09.png),
    url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/frame14.png);
  background-size: 50%,
    50%,
    100%;
  background-position: top,
    bottom,
    top;
  background-repeat: repeat-X,
    repeat-X,
    repeat;
  padding: 3%;
  position: relative;
  font-size: 14px;
  box-shadow: 0px 5px 7px 0px #000;
}

#tabgold1 {
  display: none;
  padding: 3%;
  background-color: hsla(0, 0%, 0%, 0.7);
  word-break: break-all;
  font-size: 14px;
}


#tabcheckgold1:checked~#tabgold1 {
  display: block;
}

#tabcheckgold2:checked~#tabgold2 {
  display: block;
}

#tabcheckgold3:checked~#tabgold3 {
  display: block;
}

#tabcheckgold4:checked~#tabgold4 {
  display: block;
}

#tabcheckgold5:checked~#tabgold5 {
  display: block;
}

#tabcheckgold6:checked~#tabgold6 {
  display: block;
}

#tabcheckgold7:checked~#tabgold7 {
  display: block;
}

#tabcheckgold8:checked~#tabgold8 {
  display: block;
}

#tabcheckgold9:checked~#tabgold9 {
  display: block;
}

#tabcheckgold10:checked~#tabgold10 {
  display: block;
}

#tabcheckgold11:checked~#tabgold11 {
  display: block;
}

#tabcheckgold12:checked~#tabgold12 {
  display: block;
}

#tabcheckgold13:checked~#tabgold13 {
  display: block;
}

#tabcheckgold14:checked~#tabgold14 {
  display: block;
}

#tabcheckgold15:checked~#tabgold15 {
  display: block;
}

#tabcheckgold16:checked~#tabgold16 {
  display: block;
}

#tabcheckgold17:checked~#tabgold17 {
  display: block;
}

#tabcheckgold18:checked~#tabgold18 {
  display: block;
}

#tabcheckgold19:checked~#tabgold19 {
  display: block;
}

#tabcheckgold20:checked~#tabgold20 {
  display: block;
}

.tabgold {
  margin: 5px 0;
  line-height: 1.5;
  z-index: 0;
  position: relative;
  word-break: break-all;
  width: 100%;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000;
}

.item-imgR {
  width: 30%;
  overflow: hidden;
  background-color: #000;
  background: linear-gradient(0deg, rgb(24 0 0), rgb(194, 0, 0));
  border-right: 1px solid #fff;
}

.item-infoR {
  width: 100%;
}

.item-nameR {
  background-color: #960000;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -5px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-nameR p {
  top: 25%;
  font-size: 4vw;
  font-weight: bold;
}

@media screen and (min-width: 767px) {

  .item-nameR p {
    font-size: 30px;
  }

}

.item-numberR {
  background-color: #450000;
  padding: 0px 10px;
  height: 50%;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset;
}

.item-numberR p {
  top: 25%;
  font-size: 4vw;
}

@media screen and (min-width: 767px) {

  .item-numberR p {
    font-size: 30px;
  }

}

.outline-2 {
  color: #fff;
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/texture01.png);
  background-size: 100%;
  font-size: 2em;
  font-family: "game-Skip-M", sans-serif;
  padding: 10px 35px 0px;
  min-height: 100%;
  line-height: 1.5;
  box-shadow: 0px 0px 21px 13px #000000 inset;
}

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

  .outline-2 {
    font-size: 0.9em;
    background-clip: padding-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 7px;
    margin: 0px 3px 0px 3px;
    box-shadow: 0px 0px 13px 4px #000000 inset;
  }

}

.outline-3 {
  color: #fff;
  background-color: #000;
  font-size: 2em;
  font-family: "game-Skip-M", sans-serif;
  padding: 10px 35px 0px;
  min-height: 100%;
  line-height: 1.5;
}

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

  .outline-3 {
    font-size: 0.9em;
    background-clip: padding-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 7px;
    margin: 0px 3px 0px 3px;
  }

}

.outline-4 {
  color: #fff;
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/texture2.png);
  background-size: 100%;
  font-size: 2em;
  font-family: "game-Skip-M", sans-serif;
  padding: 10px 35px 0px;
  min-height: 100%;
  line-height: 1.5;
  box-shadow: 0px 0px 21px 13px #000000 inset;
}


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

  .outline-4 {
    font-size: 0.9em;
    background-clip: padding-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 7px;
    margin: 0px 3px 0px 3px;
    box-shadow: 0px 0px 13px 4px #000000 inset;
  }

}

.index-4 {
  padding: 5px 0px;
  margin: 13px 3px 10px 3px;
  text-align: center;
  color: #fcfcfc;
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/header06.png);
  background-size: 100%;
  border-radius: 2px;
  box-shadow: 0px 0px 5px 0px #ffffff inset, 0px 0px 0px 2px rgb(0, 0, 0), 0px 0px 0px 3px rgb(255, 255, 255), 0px 0px 0px 4px rgb(0, 0, 0), 0px 10px 7px rgba(0, 0, 0, 0.7);
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.index-5 {
  padding: 5px 0px;
  margin: 13px 3px 10px 3px;
  text-align: center;
  color: #fcfcfc;
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
  background-color: #bd0505;
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #000000 inset, 0px 0px 0px 1px rgb(255, 255, 255), 0px 0px 0px 2px rgb(0, 0, 0), 0px 10px 7px rgba(0, 0, 0, 0.7);
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

.index-6 {
  text-align: center;
  color: #fcfcfc;
  font-size: 4vw;
  font-feature-settings: "palt";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  line-height: 1.2;
}

.index-6 p {
  font-weight: bold;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

.head-h {
  height: 15vw;
}

@media screen and (min-width: 767px) {

  .index-6 {
    font-size: 2rem;
  }

  .head-h {
    height: 7.2rem;
  }

}

.border01 {
  border: 1px solid #fff;
  margin: 10px 0;
  box-shadow: 0px 5px 7px 0px #000;
}

.shadow-drop {
  filter: drop-shadow(0px 4px 3px #000);
}

.tabbox input {
  display: none;
}

.tabbox {
  margin-top: 10px;
  margin-top: 10px;
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
}

.flexbox {
  display: flex;
}

a {
  text-decoration: none;
}

.btn01 {
  position: relative;

  padding: 5px 0px;

  margin: 10px 3px 10px 3px;

  text-align: center;

  color: #fcfcfc;

  font-size: 18px;

  font-weight: bold;

  font-feature-settings: "palt";

  /* 背景画像は疑似要素側で表示するので消す */
  background: none;

  text-shadow:
    0 -1px 0 #000,
    0 1px 0 #000,
    0 2px 1px #000,
    1px -1px 0 #000,
    1px 0 0 #000,
    1px 1px 0 #000,
    1px 2px 1px #000,
    -1px -1px 0 #000,
    -1px 0 0 #000,
    -1px 1px 0 #000,
    -1px 2px 1px #000,
    0px 4px 5px #000;

  z-index: 0;
}

.btn01::before {
  content: "";

  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-image: url("https://sns-code-cms.s3.ap-northeast-1.amazonaws.com/images/web/button_strong_002.png");

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.7));

  /* =========================================
     ボタン画像だけの大きさ
     縦横比そのまま
     ========================================= */
  transform: scale(1.5);

  transform-origin: center center;

  z-index: -1;
}

/* 20261026小野ボタン追加 */
.btn02 {
  position: relative;
  padding: 5px 0;
  margin: 10px 3px;
  text-align: center;
  color: #fff2af;
  font-size: 14px;
  font-weight: bold;
  z-index: 0;
}

/* ボタン内の文字色 */
.btn02 a {
  color: #fff2af;
}

.btn02::before {
  content: "";

  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-image: url("https://sns-code-cms.s3.ap-northeast-1.amazonaws.com/images/web/tab_button_body.png");

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;

  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.7));

  /* =========================================
     ボタン画像だけの大きさ
     縦横比そのまま
     ========================================= */
  transform: scale(1.0);

  transform-origin: center center;

  z-index: -1;
}

/* 3つのボタンを同じ大きさで中央に配置 */
.btn02-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

/* ボタンの幅を統一 */
.btn02-group > .btn02 {
  flex: 0 0 30%;
  min-width: 0;
  box-sizing: border-box;
  margin: 10px 0;
}

/* 背景画像をボタン全体に合わせる */
.btn02-group > .btn02::before {
  background-size: 100% 100%;
}

.backbtn01 {
  padding: 5px 0px;
  margin: 10px 3px 10px 3px;
  text-align: left;
  color: #fcfcfc;
  font-size: 18px;
  font-weight: bold;
  font-feature-settings: "palt";
  background-image: url(https://official-page-images.s3.ap-northeast-1.amazonaws.com/Ui/backbtn01.png);
  background-size: 200px;
  background-position: left;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.7));
}

.backbtn01 a {
  font-size: 16px;
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

.Att3 {
  background-color: #000;
  border-top: 4px solid #960000;
  border-bottom: 4px solid #960000;
  padding: 5px 3%;
  box-shadow: 0px -8px 6px -6px #ff000094 inset, 0px 8px 6px -6px #ff000094 inset, 0px 0px 1px 1px #000000, 0px 0px 6px 3px rgba(0, 0, 0, 0.7);
}

.Att4 {
  font-size: 16px;
  font-weight: bold;
  color: #bb0a0a;
}

.notes-1 {
  font-size: 14px;
}

.notes-1 li {
  padding: 0.3em 0;
  line-height: 1.5;
  position: relative;
  margin-left: 3%;
}

.notes-1 li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0.8em;
  left: -0.6em;
  width: 6px;
  height: 6px;
  background-color: #bb0a0a;
  border-radius: 5px;
}

.space-reset img {
  display: flex;
}

.ft-quest1{
  top: 29%;
}

.ft-quest2 {
  top: 53%;
}

.ft-quest3 {
  top: 78%;
}

.ml--5 {
  margin-left: -0.5em;
}

@media screen and (min-width: 767px) {
  .fl-quest {
    font-size: 22px;
  }

  .ml--5 {
    margin-left: -11px;
  }
}


.fg-Orange, .fg-Blue, .fg-Green, .fg-Purple, .fg-Gold, .fg-Orangeed, .fg-Blueed, .fg-Greened, .fg-Purpleed, .fg-Golded, .fg-Silver, .fg-Silvered, .fg-Copper, .fg-Coppered  {
  text-shadow: 0 0 #00000000;
  font-weight: bold;
}

.edging, .fg-Orangeed, .fg-Blueed, .fg-Greened, .fg-Purpleed, .fg-Golded, .fg-Silver, .fg-Copper {
  filter: drop-shadow(0 -1px 0 #000) drop-shadow(0 1px 0 #000)
  drop-shadow(0 1px 0px #000);
}

.fg-Orange, .fg-Orangeed {
  background-image: -webkit-linear-gradient(0deg, #ffe590 0%, #ffd549 25%, #ffae00 50%, #ff4800 75%, #ff0000 100%);
  background-image: linear-gradient(180deg, #ffe590 0%, #ffd549 25%, #ffae00 50%, #ff4800 75%, #ff0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fg-Blue, .fg-Blueed {
  background-image: -webkit-linear-gradient(0deg, #d7ffee 0%, #6bfff8 25%, #00ffdd 50%, #00aeff 75%, #00a1ff 100%);
  background-image: linear-gradient(180deg, #d7ffee 0%, #6bfff8 25%, #00ffdd 50%, #00aeff 75%, #00a1ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fg-Green, .fg-Greened {
  background-image: -webkit-linear-gradient(0deg, #feffc0 0%, #c8ff63 25%, #a6ff00 50%, #00ff37 75%, #00bd19 100%);
  background-image: linear-gradient(180deg, #feffc0 0%, #c8ff63 25%, #a6ff00 50%, #00ff37 75%, #00bd19 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

.fg-Purple, .fg-Purpleed {
  background-image: -webkit-linear-gradient(0deg, #feffc0 0%, #c8ff63 25%, #a6ff00 50%, #00ff37 75%, #9d00bd 100%);
  background-image: linear-gradient(180deg, #ffdfdf 0%, #ff97e0 25%, #ff00ff 50%, #d711ff 75%, #ba00df 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

.fg-Gold, .fg-Golded {
  background-image: -webkit-linear-gradient(0deg, #fff2c4 17%, #ffcc00 57%, #c71c00 58%,#ffc881 73%, #ffa563 95%);
  background: linear-gradient(180deg, #fff2c4 17%, #ffcc00 57%, #c71c00 58%,#ffc881 73%, #ffa563 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

.fg-Silver, .fg-Silvered {
  background-image: -webkit-linear-gradient(0deg, #e5e5e5 17%, #bebebe 57%, #3d3d3d 58%,#bebebe 73%, #b0b0b0 95%);
  background: linear-gradient(180deg, #e5e5e5 17%, #bebebe 57%, #3d3d3d 58%,#bebebe 73%, #b0b0b0 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

.fg-Copper, .fg-Coppered {
  background-image: -webkit-linear-gradient(180deg, #ebd3d3 17%, #cd9a5c 57%, #aa2a15 58%,#ff9681 73%, #eec3a3 95%);
  background: linear-gradient(180deg, #ebd3d3 17%, #cd9a5c 57%, #aa2a15 58%,#ff9681 73%, #eec3a3 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
}

.outlineText-1 {
  text-shadow: 0 -1px 0 #000, 0 1px 0 #000, 0 2px 1px #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 1px 2px 1px #000, -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, -1px 2px 1px #000, 0px 4px 5px #000;
}

.fs16 {
  font-size: 16px;
}

.hr_grd1 {
  border: 0;
  height: 1px;
  clear: both;
  background-image: -webkit-linear-gradient(left, rgba(255, 206, 8, 0), rgba(255, 206, 8, 0.75), rgba(255, 206, 8, 0));
}

.frame-1 {
  background-color: #000;
  position: relative;
  padding: 1rem 0.5rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

.frame-1:before,
.frame-1:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-image: -webkit-linear-gradient(135deg, #000000 0%, #704308 10%, #efbf05 30%, #ffe99b 50%, #efbf05 70%, #704308 90%, #000000 100%);
  background-image: linear-gradient(135deg, #000000 0%, #704308 10%, #efbf05 30%, #ffe99b 50%, #efbf05 70%, #704308 90%, #000000 100%);
}

.frame-1:before {
  top: 0;
}

.frame-1:after {
  bottom: 0;
}

.notes-2 {
  font-size: 14px;
}

.notes-2 li {
  margin-top: 10px;
  position: relative;
  padding: 0em 0.3em 0.1em 1.3em;
}

.notes-2 li::after {
  position: absolute;
  content: '';
  top: 0.5em;
  left: 0.5em;
  width: 0.5em;
  height: 0.5em;
  background-color: #ffa200;
  transform: rotate(45deg);
}


.bg-position {
  background-size: 100%;
  background-position-y: 20%;
}

.flexbox_HF {
  padding: 10px;
}

.hallobFame_name {
  text-align: center;
  width: 50%;
}

.hallofFame_name img {
  margin: 0 auto;
}

.fs-name {
  font-size: 18px;
}

.coment {
  text-align: center;
  height: 30%;
}


.coment p {
  font-size: 16px;
  font-feature-settings: "palt";
  line-height: 1em;
  word-break: break-all;
  padding: 3%;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.wid30 {
  background-color: #000000;

  width: 30%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(255 139 44), 0px 0px 0px 1px rgb(107 0 0), 0px 0px 0px 2px rgb(255 232 156);
}

.wid30-secondPlace {
  background-color: #000000;
  width: 30%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(126 126 126), 0px 0px 0px 1px rgb(45 45 45), 0px 0px 0px 2px rgb(209 209 209);
}

.wid30-thirdPlace {
  background-color: #000000;
  width: 30%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(255 44 44), 0px 0px 0px 1px rgb(107 0 0), 0px 0px 0px 2px rgb(255, 192, 140);
}

.wid70 {
  background-color: #000000;

  width: 70%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(255 139 44), 0px 0px 0px 1px rgb(107 0 0), 0px 0px 0px 2px rgb(255 232 156);
}

.wid70-secondPlace {
  background-color: #000000;
  width: 70%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(126 126 126), 0px 0px 0px 1px rgb(45 45 45), 0px 0px 0px 2px rgb(209 209 209);
}

.wid70-thirdPlace {
  background-color: #000000;
  width: 70%;
  overflow: hidden;
  box-shadow: -8px -8px 6px -6px #000000 inset, 8px 8px 6px -6px #000000 inset, 0px 0px 0px 0px rgb(255 44 44), 0px 0px 0px 1px rgb(107 0 0), 0px 0px 0px 2px rgb(255, 192, 140);
}

.fr-hf {
  bottom: 0px;
}

.secondPlace-hf {
  filter: grayscale(1);
}

.thirdPlace-hf{
  filter: hue-rotate(330deg);
}

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: rgb(0, 0, 0) !important;
  text-shadow: 0 0 0.9em #ffffff, 0 0 0.9em #ffffff, 0 0 0.9em #ffffff, 0 0 0.9em #ffffff;
}

.slick-dots li button:before {
  opacity: 1 !important;
  color: rgb(255, 255, 255) !important;
}

.slick-dots li {
  margin: 0px !important;
  width: 10px !important;
}

.a{

  display: block;

}

/*喧嘩道で使ってそうなものを一旦コピー*/

.NewsAttentionBox {
  border: 4px solid #BB0000;
  border-radius: 8px;
  position:relative;
}
.NewsAttentionBox::before {
background-color: #BB0000;
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    content: "注意事項";
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    padding: 0 16px;
    left: -10px;
    top: -24px;
}

/* metal_frame */
.metal_frame {
	position: relative;
    width: 95%;
    margin: 10px auto;
	border-width: 30px 5px;
	border-style: solid;
	-webkit-border-image: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/frame.png") 24 10 fill round;
	border-image: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/frame.png") 24 10 fill round;
  padding: 15px;
}


/*------------------------------
	▼ btn
------------------------------*/

.btn_red, .btn_green, .btn_gray {
    position: relative;
    width: 100%;
    /* 高さは padding で調整 */
    padding: 40px 0;  /* ボタンの縦サイズ調整 */
    
    /* 背景画像 */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* 画像の比率を維持して最大限表示 */
}

/* 個別の画像指定 */
.btn_red   { background-image: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/btn_003.png"); }
.btn_green { background-image: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/btn_002.png"); }
.btn_gray  { background-image: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/btn_001.png"); }

/* aタグは文字中央 */
.btn_text a {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    line-height: 1; /* 行間調整 */
}

/* single */
/*
▼単一ボタン … <a>タグの場合
<div class="btn_single">
	<div class="btn_green btn_text">
		<a href="アドレス">
			ボタン文言
		</a>
	</div>
</div>

▼単一ボタン … <button>タグの場合
<div class="btn_single">
	<button type="button" class="btn_green shadow">
		ボタン文言
	</button>
</div>
*/
.btn_single{
	width:50%;
	position:relative;
	margin:10px auto 10px;
}

/* double */
/*
▼2個横並びボタンの場合
<div class="btn_double">
	<div class="btn_single">
		<div class="btn_green btn_text">
			<a href="アドレス">
				ボタン文言
			</a>
		</div>
	</div>
	<div class="btn_single">
		<button type="button" class="btn_green shadow">
			ボタン文言
		</button>
	</div>
</div>
*/
.btn_double{
	width:95%;
	margin:auto;
	font-size:0;
}
.btn_double .btn_single{
	display:inline-block;
	font-size:14px;
}

*/

/* txt */
.btn_text{
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items:center;
	align-items:center;
  height: inherit;

}
.btn_text a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  text-shadow:
    0 0 2px rgba(0, 0, 0, 0.9),
    0 2px 3px rgba(0, 0, 0, 0.8),
    1px 1px 2px rgba(0, 0, 0, 0.8),
    -1px 1px 2px rgba(0, 0, 0, 0.8),
    2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* タブCSS */
.tabs-container {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}

.tab {
  width: 250px;           /* 画像幅に合わせる */
  height: 30px;          /* 画像高さに合わせる */
  line-height: 100px;     /* テキストを縦中央 */
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  background: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/mission_tab_inactive.png") no-repeat center / cover;
  /*border-top-left-radius: 8px;*/
  /*border-top-right-radius: 8px;*/
  transition: background 0.3s ease;
  background-size: 100%;
}

.tab.active {
  background: url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/mission_tab_active.png") no-repeat center / cover;
  background-size: 100%;
}

.tabs-content .tab-content {
  display: none;
  padding: 20px;
  border: 2px solid #c33;
  border-radius: 0 8px 8px 8px;
  opacity: 0;
  transition: opacity 0.5s ease;
  position: relative;
  top: -10px;
}


/* 表示中のコンテンツ */
.tabs-content .tab-content.active {
  display: block;
  animation: fadeIn 0.5s forwards;
}

/* フェードインアニメーション */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* テーブル新規 */

.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 20px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* ヘッダー・セル */
.custom-table th,
.custom-table td {
  border: 1px solid #ccc;
  padding: 12px 15px;
  text-align: center;
  white-space: normal;     /* ← 折り返す */
  word-break: break-word;  /* ← 長文・URLも折り返す */
}

/* スマホでも横スクロールさせない */
@media (max-width: 600px) {
  .custom-table {
    display: table;        /* ← block をやめる */
    width: 100%;
    overflow-x: hidden;    /* ← 横スクロールを消す */
  }
}

.tab-inner {
    position: relative;
    top: -33px;
    font-size: 15px;
    text-shadow:
    1px 1px 3px rgba(0,0,0,0.9),
   -1px 1px 3px rgba(0,0,0,0.9),
    1px -1px 3px rgba(0,0,0,0.9),
   -1px -1px 3px rgba(0,0,0,0.9);
}


/* ※20170818…mypage先行実装にあたって一時的に旧css↓を適用（新cssのまま実装すると「syle_common.css」の読み込みが無い他ページでmenu_modal開いた際にレイアウトが崩れるので）*/
.menu_header {
    position: fixed;
    top: 10px;
    left: 0;
    width: 90%;
    height: 6%;
    /* padding-top: 7px; */
    /* padding-left: 12px; */
    background-image: url(https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/mission_title_bg.png);
    background-size: auto 40px;
    text-align: left;
    z-index: 200;
    background-repeat: no-repeat;
}

.menu_header02 {
    position: fixed;
    top: 65px;
    left: 0;
    width: 360px;
    height: 54px;
    padding-top: 7px;
    padding-left: 12px;
    background-image: url(https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/status_Bg_007.png);
    background-size: 360px 54px;
    text-align: left;
    z-index: 200;
}
.menu_header a{
    display: block;
    position: fixed;
    top: 15px;
    left: -35px;
    z-index: 400;
    padding-top: 7px;
    padding-left: 12px;
    width: 360px;
    height: 54px;
    font-size: 30px;
}
.menu_header_inner{
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
	opacity:1;
	display:inline-block;
	padding:2px 2px 0px 48px;
  text-shadow:
    1px 1px 3px rgba(0,0,0,0.9),
   -1px 1px 3px rgba(0,0,0,0.9),
    1px -1px 3px rgba(0,0,0,0.9),
   -1px -1px 3px rgba(0,0,0,0.9);
}

/* ===========================
   ▼ レスポンシブ共通設定
   =========================== */
@media screen and (max-width: 767px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

/* ===========================
   ▼ ヘッダー（共通）
   =========================== */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #444;
  z-index: 100;
  backdrop-filter: blur(8px);
}

.header-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0.75rem 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-logo {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.nav-menu {
  display: flex;
  gap: 1.5rem;
}

.nav-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  transition: opacity 0.3s ease;
}

.nav-menu a:hover {
  opacity: 0.7;
}

/* ===========================
   ▼ ハンバーガーメニュー（スマホ）
   =========================== */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  width: 24px;
  height: 20px;
  cursor: pointer;
  gap: 5px;
}

.hamburger span {
  background: #fff;
  height: 2px;
  width: 100%;
  transition: all 0.3s ease;
}

/* メニュー開閉時 */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translateY(6px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-6px);
}

/* スマホ時のメニュー表示切り替え */
@media screen and (max-width: 767px) {
  .nav-menu {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    text-align: center;
    padding: 1rem 0;
  }

  .nav-menu.active {
    display: flex;
  }

  .hamburger {
    display: flex;
  }
}

.back_btn {
position: fixed;
    bottom: -50px;
    left: -43px;
    width: 170px;
    height: 174px;
    background-image: url(https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/UI/back_btn.png);
    background-size: 170px 174px;
    text-align: left;
    z-index: 200;
    background-repeat: no-repeat;
    display: inline-block;
    transform: scale(0.5);
}


/* ===== Privacy Policy Page / WebView向け ===== */

/* =========================================================
   覇王道 WebView 基盤CSS
   - キャンペーン / 規約 / 特商法 / お知らせ 共通
   - 既存ユーティリティCSSは上に残し、ページ専用デザインはここで一元管理
   ========================================================= */

:root {
  --hd-bg: #070605;
  --hd-bg-2: #100c0a;
  --hd-panel: #24150f;
  --hd-panel-2: #351d13;
  --hd-paper: #2a1710;
  --hd-paper-soft: #3a2116;
  --hd-line: #9a6b24;
  --hd-line-soft: rgba(196, 143, 55, 0.55);
  --hd-gold: #c49437;
  --hd-gold-light: #fff0bd;
  --hd-red: #9d1e18;
  --hd-red-dark: #5c0d0a;
  /*元々はこれ　ベースの色変更260831園田 --hd-text: #f3dfb8;*/
  --hd-text: #ffffff;
  --hd-text-strong: #fff0c8;
  --hd-text-sub: #d0b98d;
  --hd-black: #0b0908;

  /* 既存クラス互換 */
  --bg-page: var(--hd-bg);
  --bg-card: var(--hd-panel);
  --text: var(--hd-text);
  --text-main: var(--hd-text);
  --text-sub: var(--hd-text-sub);
  --brown-dark: #22120c;
  --brown: #4a2718;
  --brown-light: #3a2116;
  --green: var(--hd-red);
  --green-dark: #7f1714;
  --gold: var(--hd-gold);
  --gold-light: var(--hd-gold-light);
  --border: var(--hd-line);
  --danger: #c73328;
  --red: #c73328;
  --radius-card: 6px;
  --radius-small: 4px;
  --shadow-card: 0 8px 18px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 229, 150, 0.08);
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% 0%, rgba(107, 50, 23, 0.22), transparent 38%),
    linear-gradient(180deg, #14100d 0%, #070605 58%, #030303 100%);
  color: var(--hd-text);
  font-family:
    "Hiragino Mincho ProN",
    "Yu Mincho",
    "YuMincho",
    "HGS明朝E",
    "Meiryo",
    serif;
  font-size: 15px;
  line-height: 1.72;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative;
  overflow-x: hidden;
}

/* 背景 */
.bg-overlay {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.9)),
    radial-gradient(circle at 50% 18%, rgba(121, 54, 22, 0.28), transparent 42%),
    url("https://sns-umst-cms.s3.ap-northeast-1.amazonaws.com/images/web/23793743_s.png") center / cover no-repeat,
    #070605;
}

/* 共通リセット */
.content,
.content *,
.campaign-page,
.campaign-page *,
.umst-campaign,
.umst-campaign *,
.privacy-page,
.privacy-page *,
.hd-page,
.hd-page *,
.campaign-tabbox,
.campaign-tabbox *,
.section,
.section *,
.policy-box,
.policy-box *,
.terms-box,
.terms-box *,
.sctl-box,
.sctl-box * {
  box-sizing: border-box;
}

.campaign-page *,
.umst-campaign *,
.privacy-page *,
.hd-page *,
.section *,
.policy-box *,
.terms-box *,
.sctl-box * {
  text-shadow: none;
}

/* ページ外枠 */
.content,
.metal_frame,
.campaign-page,
.umst-campaign,
.privacy-page,
.hd-page {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 820px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 14px 14px 44px;
  background:
    linear-gradient(180deg, rgba(11, 9, 8, 0.96), rgba(5, 5, 5, 0.98));
  color: var(--hd-text);
}

.content {
  top: auto;
}

/* =========================
   キャンペーン：ヒーロー
   ========================= */
.campaign-hero {
  position: relative;
  min-height: 250px;
  margin: 0;
  padding: 28px 26px 32px;
  overflow: hidden;
  background:
    linear-gradient(115deg, rgba(22, 11, 8, 0.96) 0%, rgba(44, 19, 13, 0.92) 42%, rgba(86, 50, 27, 0.88) 100%),
    repeating-linear-gradient(0deg, rgba(255, 219, 137, 0.035) 0 1px, transparent 1px 7px);
  border: 2px solid var(--hd-line);
  border-bottom: 4px solid var(--hd-gold);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.62),
    inset 0 0 0 1px rgba(255, 229, 160, 0.18),
    inset 0 0 38px rgba(0, 0, 0, 0.35);
}

.campaign-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(118deg, transparent 0 48%, rgba(255, 220, 150, 0.08) 48% 58%, transparent 58% 100%);
}

.campaign-hero__content {
  position: relative;
  z-index: 2;
  width: 64%;
}

.campaign-hero__label {
  display: inline-block;
  margin-bottom: 20px;
  padding: 7px 18px;
  color: var(--hd-gold-light);
  background: linear-gradient(180deg, #c7352c 0%, #861711 58%, #4c0a07 100%);
  border: 2px solid var(--hd-gold);
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 235, 178, 0.32),
    0 3px 0 rgba(0, 0, 0, 0.45);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
}

.campaign-hero__title {
  margin: 0;
  color: var(--hd-gold-light);
  font-size: 34px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-shadow:
    0 3px 2px rgba(0, 0, 0, 0.95),
    0 0 5px rgba(0, 0, 0, 0.82);
}

.campaign-hero__period {
  margin-top: 20px;
  color: #efd36f;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
}

.campaign-hero__visual {
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 18px;
  bottom: 16px;
  width: 36%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.campaign-hero__visual img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


/* =========================
   キャンペーン：タブ
   ========================= */

.campaign-tabbox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 22px;
  background: transparent;
}

/* ラジオボタンを非表示 */
.campaign-tabbox > input.campaign-tab-radio {
  display: none !important;
}

/* タブの基本デザイン */
.campaign-tab-label,
.campaign-tab {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 1 1 0;
  order: 1;

  min-width: 0;
  min-height: 46px;
  padding: 7px 5px;

  color: #e8d6a6;

  background:
    linear-gradient(
      180deg,
      #292316 0%,
      #0c0a06 44%,
      #020202 54%,
      #121009 100%
    );

  border: 1px solid #89651d;
  border-radius: 5px;

  box-shadow:
    inset 0 1px 3px rgba(255, 225, 137, 0.15),
    inset 0 -5px 8px rgba(0, 0, 0, 0.8),
    0 0 0 1px #030303;

  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;

  text-shadow:
    1px 1px 0 #000,
    0 0 3px #000;

  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}

/* タブ下部のライン */
.campaign-tab-label::after,
.campaign-tab::after {
  content: "";

  position: absolute;
  right: 7px;
  bottom: 3px;
  left: 7px;

  height: 2px;
  background: #49350f;
}

/* 選択中のタブ */
.campaign-tab-radio:checked + .campaign-tab-label,
.campaign-tab.is-active {
  color: #fff2af;

  background:
    linear-gradient(
      180deg,
      #493918 0%,
      #171005 44%,
      #080303 55%,
      #300606 100%
    );

  border-color: #c18d26;

  box-shadow:
    inset 0 1px 4px rgba(255, 229, 145, 0.25),
    inset 0 -7px 12px rgba(105, 0, 0, 0.5),
    0 0 0 1px #030303;
}

/* 選択中の下ライン */
.campaign-tab-radio:checked + .campaign-tab-label::after,
.campaign-tab.is-active::after {
  background:
    linear-gradient(
      90deg,
      #580000,
      #d22525,
      #580000
    );
}
/* タブ内容は通常非表示 */
.campaign-tab-panel {
  display: none !important;
  order: 2;
  width: 100%;
  margin-top: 18px;
}

/* 選択したタブに対応する内容だけ表示 */
.campaign-tab-radio:checked
  + .campaign-tab-label
  + .campaign-tab-panel {
  display: block !important;
}


/* 201026小野サブタブの見た目追加 */
/* =========================
   お知らせTOP：二階層目タブ専用
   ========================= */

/* 二階層目の通常タブ */
.campaign-tabbox .campaign-tabbox > .campaign-tab-label {
  min-height: 32px;
  padding: 6px 4px;
  font-size: 12px;
  font-weight: 500;

  color: #999999;
  background: #191919;

  border: 1px solid #333333;
  border-radius: 2px;
  box-shadow: none;

  text-shadow: none;
}

/* 二階層目：選択中 */
.campaign-tabbox .campaign-tabbox > .campaign-tab-radio:checked + .campaign-tab-label {
  color: #e5d4a7;
  background: #272727;

  border: 1px solid #444444;
  border-bottom: 2px solid #c7a15a;

  box-shadow: none;
  text-shadow: none;
}

/* 二階層目：通常の下ラインを削除 */
.campaign-tabbox .campaign-tabbox > .campaign-tab-label::after {
  display: none;
}

/* お知らせTOP背景 */
body.info-top-page {
  background: #070605 !important;
}


/* =========================
   本文カード / セクション
   ========================= */
.section,
.umst-section,
.privacy-section,
.policy-body,
.terms-body,
.sctl__content {
  margin: 0 0 18px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  color: var(--hd-text);
  /*background-color: var(--hd-panel);
  background:
    radial-gradient(circle at 22% 0%, rgba(148, 86, 33, 0.24), transparent 34%),
    repeating-linear-gradient(0deg, rgba(255, 220, 150, 0.035) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, rgba(54, 31, 19, 0.98) 0%, rgba(31, 20, 15, 0.99) 60%, rgba(18, 14, 12, 0.99) 100%);
  */
  border: 1px solid var(--hd-line);
  border-radius: 6px;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.55),
    inset 0 0 0 1px rgba(255, 239, 180, 0.12),
    inset 0 0 22px rgba(65, 32, 12, 0.24);
}

.section > *,
.umst-section > *,
.privacy-section > *,
.policy-body > *,
.terms-body > *,
.sctl__content > * {
  position: relative;
  z-index: 1;
}

.section-title,
.umst-section-title,
.privacy-section__title,
.policy-body__title,
.txtTitle,
.sctl__content-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding-bottom: 11px;
  color: var(--hd-gold-light);
  border-bottom: 4px solid rgba(157, 30, 24, 0.68);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-align: left;
  text-shadow:
    0 2px 2px rgba(0, 0, 0, 0.95),
    0 0 5px rgba(0, 0, 0, 0.75);
}

.section-title::before,
.umst-section-title::before,
.privacy-section__title::before,
.policy-body__title::before,
.txtTitle::before,
.sctl__content-title::before {
  content: "";
  background: linear-gradient(180deg, #b22a22 0%, #6e1110 100%);
  background-image: url("https://sns-code-cms.s3.ap-northeast-1.amazonaws.com/images/web/Icon_001.png");
  background-size: 46px;
  background-position: bottom 185px right 90px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--hd-gold-light);
  border: 2px solid var(--hd-gold);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  box-shadow:
    inset 0 0 0 1px rgba(255, 230, 160, 0.35),
    0 3px 0 rgba(0, 0, 0, 0.35);
}

.section-lead,
.privacy-lead p,
.privacy-section p,
.policy-body__txt,
.terms-prologue,
.terms-txt,
.terms-txt__parts,
.sctl__content-txt {
  margin: 0 0 12px;
  color: var(--hd-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.85;
  letter-spacing: 0.01em;
  text-shadow:
    0 2px 2px rgba(0, 0, 0, 0.94),
    0 0 5px rgba(0, 0, 0, 0.62);
}

.section-lead {
  font-size: 18px;
  font-weight: 900;
}

/* 情報ボックス */
.info-box {
  margin: 14px 0 0;
  padding: 14px 16px;
  /*background:
    linear-gradient(180deg, rgba(24, 16, 12, 0.72), rgba(9, 8, 7, 0.82));*/

  border: 1px solid rgba(196, 143, 55, 0.72);
  border-left: 6px solid var(--hd-gold);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(255, 235, 180, 0.08);
}

.info-box + .info-box {
  margin-top: 14px;
}

.info-box__title {
  margin: 0 0 8px;
  color: var(--hd-gold-light);
  font-size: 16px;
  font-weight: 900;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.85);
}

.info-box__text {
  margin: 0;
  color: var(--hd-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.75;
}

/* =========================
   テーブル
   ========================= */
.table-wrap {
  width: 100%;
  overflow-x: auto;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--hd-line);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(255, 235, 180, 0.08);
}

.rate-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  color: var(--hd-text);
  font-size: 15px;
}

.rate-table th,
.rate-table td {
  padding: 14px 10px;
  border-right: 1px solid var(--hd-line);
  border-bottom: 1px solid var(--hd-line);
  text-align: center;
  vertical-align: middle;
}

.rate-table th:last-child,
.rate-table td:last-child {
  border-right: 0;
}

.rate-table tr:last-child th,
.rate-table tr:last-child td {
  border-bottom: 0;
}

.rate-table thead th {
  color: var(--hd-gold-light);
  background: linear-gradient(180deg, #4a2718 0%, #1a100d 100%);
  font-family:
    "Hiragino Mincho ProN",
    "Yu Mincho",
    "YuMincho",
    "HGS明朝E",
    "Meiryo",
    serif;
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
}

.rate-table tbody th {
  background: #331d14;
  font-size: 20px;
  font-weight: 900;
}

.rate-table tbody td,
.rate-table .num {
  background: #241812;
  color: var(--hd-gold-light);
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
}

.rate-table .ssr { color: #f2a72b; }
.rate-table .sr { color: #bd6ce4; }
.rate-table .r { color: #6db4f0; }


/* 小型2列表1027村田 */
.table-wrap--compact {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.rate-table.rate-table--compact {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

.rate-table.rate-table--compact th,
.rate-table.rate-table--compact td {
  width: 50% !important;
  padding: 8px 4px !important;
  box-sizing: border-box;
  font-size: 13px !important;
}

.rate-table.rate-table--compact .rate-highlight {
  color: yellow !important;
  font-weight: bold;
  text-shadow: 0 0 8px yellow !important;
}



/* 注意事項 */
.notice-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notice-list li {
  position: relative;
  padding-left: 1.55em;
  margin-bottom: 10px;
  color: var(--hd-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.8;
}

.notice-list li::before {
  content: "※";
  position: absolute;
  left: 0;
  color: #e04638;
  font-weight: 900;
}

/* ボタン */
.primary-button {
  display: block;
  width: 100%;
  margin: 16px 0 0;
  padding: 13px 16px;
  color: var(--hd-gold-light);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #b2251f, #64110e);
  border: 1px solid var(--hd-line);
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 245, 190, 0.22),
    0 3px 0 #160806;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);
}

.badge {
  display: inline-block;
  padding: 3px 9px;
  color: var(--hd-gold-light);
  background: linear-gradient(180deg, #b2251f, #64110e);
  border: 1px solid var(--hd-line);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 900;
}

/* =========================
   規約 / 特商法ページ
   ========================= */
.privacy-page {
  --bg: var(--hd-bg);
  --paper: var(--hd-panel);
  --paper-strong: var(--hd-panel);
  --text: var(--hd-text);
  --text-sub: var(--hd-text-sub);
  --green: var(--hd-red);
  --green-dark: var(--hd-gold-light);
  --gold: var(--hd-gold);
  --gold-soft: rgba(196, 143, 55, 0.35);
  --line: var(--hd-line);
}

.privacy-page__inner {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  padding: 0;
}

.privacy-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 16px;
  padding: 28px 22px 24px;
  background:
    linear-gradient(115deg, rgba(22, 11, 8, 0.96), rgba(58, 25, 17, 0.92) 55%, rgba(92, 52, 28, 0.88));
  border: 2px solid var(--hd-line);
  border-bottom: 4px solid var(--hd-gold);
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.55), inset 0 0 30px rgba(0, 0, 0, 0.32);
}

.privacy-title,
.policy-title,
.terms-title,
.sctl-title {
  margin: 0;
  color: var(--hd-gold-light);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-align: center;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.92);
}

.privacy-page .privacy-title2 {
  margin: 0;
  color: var(--hd-gold-light);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-align: center;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.92);
}

.privacy-subtitle {
  margin: 10px 0 0;
  color: #efd36f;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.privacy-lead,
.first-txt,
.terms-prologue {
  margin: 0 0 16px;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(54, 31, 19, 0.96), rgba(28, 18, 14, 0.98));
  border: 1px solid var(--hd-line);
  border-left: 6px solid var(--hd-red);
  border-radius: 6px;
  color: var(--hd-text);
  box-shadow: var(--shadow-card);
}

.privacy-toc {
  margin: 0 0 18px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(36, 21, 15, 0.96), rgba(18, 14, 12, 0.98));
  border: 1px solid var(--hd-line);
  border-radius: 6px;
}

.privacy-toc__title {
  margin: 0 0 10px;
  color: var(--hd-gold-light);
  font-size: 16px;
  font-weight: 900;
}

.privacy-toc__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.privacy-toc__list a {
  display: block;
  padding: 8px 10px;
  color: var(--hd-text);
  background: rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(196, 143, 55, 0.58);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
}

.privacy-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: privacy-counter;
}

.privacy-list li {
  position: relative;
  margin: 0 0 8px;
  padding: 10px 12px 10px 42px;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(196, 143, 55, 0.52);
  border-radius: 4px;
  color: var(--hd-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.7;
}

.privacy-list li::before {
  counter-increment: privacy-counter;
  content: counter(privacy-counter);
  position: absolute;
  left: 11px;
  top: 10px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: var(--hd-gold-light);
  background: linear-gradient(180deg, #b22a22, #6e1110);
  border: 1px solid var(--hd-line);
  border-radius: 2px;
  font-size: 12px;
  font-weight: 900;
}

.privacy-num-list {
  margin: 8px 0 0;
  padding-left: 1.2em;
}

.privacy-num-list li {
  margin: 0 0 8px;
  color: var(--hd-text);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.75;
}

.privacy-footer,
.end-txt,
.end-message {
  margin: 18px 0 0;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(36, 21, 15, 0.96), rgba(18, 14, 12, 0.98));
  border: 1px solid var(--hd-line);
  border-radius: 6px;
  color: var(--hd-text-sub);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.75;
}

.privacy-page p,
.policy-box p,
.terms-box p,
.sctl-box p {
  position: static;
  top: auto;
}

.sctl__content-txt span {
  color: #ff655d;
  font-size: 0.9em;
}

/* スマホ調整 */
@media screen and (max-width: 480px) {
  html,
  body {
    font-size: 14px;
  }

  .content,
  .metal_frame,
  .campaign-page,
  .umst-campaign,
  .privacy-page,
  .hd-page {
    padding: 10px 10px 36px;
  }

  .campaign-hero {
    min-height: 210px;
    padding: 24px 20px 28px;
  }

  .campaign-hero__content {
    width: 68%;
  }

  .campaign-hero__title {
    font-size: 27px;
  }

  .campaign-hero__period {
    font-size: 14px;
    white-space: normal;
  }

  .campaign-hero__visual {
    right: 6px;
    width: 38%;
  }

.campaign-tab-label,
.campaign-tab {
  min-height: 44px;
  padding: 6px 5px;
  font-size: 14px;
}

  .section,
  .umst-section,
  .privacy-section,
  .policy-body,
  .terms-body,
  .sctl__content {
    padding: 14px;
  }

  .section-title,
  .umst-section-title,
  .privacy-section__title,
  .policy-body__title,
  .txtTitle,
  .sctl__content-title {
    font-size: 19px;
  }

  .section-title::before,
  .umst-section-title::before,
  .privacy-section__title::before,
  .policy-body__title::before,
  .txtTitle::before,
  .sctl__content-title::before {
    width: 36px;
    height: 36px;
    font-size: 19px;
  }

  .section-lead {
    font-size: 16px;
  }

  .privacy-toc__list {
    grid-template-columns: 1fr;
  }

  .rate-table {
    min-width: 520px;
  }

  .newsContent-item {
    list-style: none;
  }

}


/* 260904_スライダーバナー用の追加_江森  */
.banner-slider {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.banner-slider__viewport {
  width: 100%;
  overflow: hidden;

  /* バナー上ではブラウザのスクロール操作を無効化 */
  touch-action: none;
  overscroll-behavior: contain;

  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.banner-slider.is-dragging .banner-slider__viewport {
  cursor: grabbing;
}

.banner-slider__track {
  display: flex;
  width: 100%;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
  transition: transform 0.35s ease;
  will-change: transform;
}

.banner-slider .banner-slider__track > .banner-slider__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 64px;

  display: flex;
  justify-content: center;
  align-items: center;
}


.banner-slider__slide {
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 0 64px;

  /* 画像サイズに関係なく中央配置 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-slider__slide img {
  display: block;

  /* 元画像の比率を維持 */
  width: auto;
  max-width: 100%;
  height: auto;

  /* 既存CSSの影響を受けても中央にする */
  margin-left: auto;
  margin-right: auto;

  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.banner-slider__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 48px;
  height: 72px;
  padding: 0;
  border: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  font-size: 44px;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}

.banner-slider__arrow--prev {
  left: 8px;
}

.banner-slider__arrow--next {
  right: 8px;
}

.banner-slider__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.banner-slider__dot {
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #666;
  cursor: pointer;
}

.banner-slider__dot.is-active {
  background: #fff;
}

@media (max-width: 600px) {
  .banner-slider__slide {
    padding: 0 50px;
  }

  .banner-slider__arrow {
    width: 40px;
    height: 64px;
    font-size: 36px;
  }
}

/*
 * クエストヘルプページ専用
 */
.banner-slider.banner-slider--quest-help
.banner-slider__track
> .banner-slider__slide {
  padding-left: 6px;
  padding-right: 6px;
}

.banner-slider.banner-slider--quest-help
.banner-slider__track
> .banner-slider__slide
img {
  display: block;
  width: 100%;
  max-width: 540px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

/* 260904_info_top用のCSS追加_江森  */

.campaign-card {
 
  color: #ffffff;
  background:
    linear-gradient(
      180deg,
      #0c0907 0%,
      #050403 100%
    );

  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
}

/* 見出し部分 */
.campaign-card__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  min-width: 0;
  padding: 0 0 12px;
  margin: 0 0 18px;

  border-bottom: 5px solid #9e2020;
}

/* 左上の小さなキャンペーン表記 */
.campaign-card__label {
  flex: 0 0 auto;

  padding: 4px 11px;

  color: #a11111;
  background: #fffaf0;

  border: 1px solid #dacba7;
  border-radius: 999px;

  font-size: clamp(10px, 2vw, 15px);
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

/* メイン表題 */
.campaign-card__title {
  min-width: 0;
  margin: 0;
  padding: 0;

  color: #fff0bd;

  font-size: clamp(16px, 4.1vw, 30px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;

  text-shadow:
    0 2px 2px #000000,
    0 0 5px rgba(182, 124, 20, 0.5);
}

/* キャンペーンバナー */
.campaign-card__banner {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;

  border: 3px solid #a8761b;
  box-sizing: border-box;

  box-shadow:
    0 0 0 2px #332006,
    0 4px 10px rgba(0, 0, 0, 0.45);

  overflow: hidden;
}

.campaign-card__banner img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
}

/* 説明文 */
.campaign-card__description {
  margin: 18px 4px 0;

  font-size: clamp(15px, 3.4vw, 25px);
  font-weight: 700;
  line-height: 1.55;

  text-shadow: 0 2px 2px #000000;
}

.campaign-card__description p {
  margin: 0;
}

.campaign-card__description p + p {
  margin-top: 5px;
}

.campaign-card__lead {
  color: #ffffff;
}

/* 開催期間 */
.campaign-card__period {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;

  margin-top: 18px;
  padding: 12px 16px;

  color: #ffffff;
  background: rgba(0, 0, 0, 0.55);

  border: 1px solid #8f6117;
  border-left: 8px solid #b98522;
  border-radius: 7px;

  box-sizing: border-box;
  white-space: nowrap;
}

.campaign-card__period-label {
  flex: 0 0 auto;

  color: #ffe8aa;

  font-size: clamp(13px, 2.8vw, 21px);
  font-weight: 700;
}

.campaign-card__period-date {
  flex: 0 0 auto;

  font-size: clamp(15px, 3.3vw, 24px);
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* スマートフォン調整 */
@media (max-width: 600px) {
  .release-campaign {
    width: calc(100% - 20px);
    margin-top: 14px;
    padding: 14px 12px 18px;
    border-radius: 9px;
  }

  .campaign-card__header {
    gap: 7px;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom-width: 4px;
  }

  /* キャンペーンヘッダー赤線無しバージョン */
    .campaign-card__header2 {
    gap: 7px;
    margin-bottom: 12px;
    padding-bottom: 9px;
    
  }

  .campaign-card__label {
    padding: 3px 8px;
  }

  .release-campaign__description {
    margin: 12px 2px 0;
  }

  .campaign-card__period {
    gap: 12px;
    margin-top: 13px;
    padding: 9px 11px;
    border-left-width: 6px;
  }
}

.news-titlebar {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 45px;

  margin: 0px auto 15px;
  padding: 0 20px;
  box-sizing: border-box;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #29170f 0%,
      #160c08 48%,
      #080504 100%
    );

  border: 1px solid #8e611d;
  border-radius: 3px;

  box-shadow:
    inset 0 0 0 2px rgba(255, 205, 92, 0.08),
    inset 0 8px 14px rgba(255, 184, 75, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.55);
}

/* NEWS左右の金ライン */
.news-titlebar::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 22px;
  right: 22px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #70501e 18%,
      #d7a63d 48%,
      #d7a63d 52%,
      #70501e 82%,
      transparent 100%
    );

  transform: translateY(-50%);
}

/* 下部の金装飾 */
.news-titlebar::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 4px;

  background:
    linear-gradient(
      90deg,
      #6b430e 0%,
      #d6a035 25%,
      #ffe195 50%,
      #d6a035 75%,
      #6b430e 100%
    );
}

/* NEWS文字 */
.news-titlebar__title {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 4px 24px;

  color: #fff1bf;
  background:
    linear-gradient(
      180deg,
      #25140e 0%,
      #100906 100%
    );

  font-family:
    "Times New Roman",
    "Yu Mincho",
    serif;

  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.12em;

  text-shadow:
    0 2px 2px #000000,
    0 0 8px rgba(238, 185, 65, 0.45);
}

/* NEWS文字左右の小さな装飾 */
.news-titlebar__title::before,
.news-titlebar__title::after {
  content: "◆";

  color: #c9912b;

  font-size: 9px;
  line-height: 1;

  text-shadow: 0 0 5px rgba(255, 198, 69, 0.5);
}

/* キャラアイコン＋レアリティフレーム */
.chara-icon {
  position: relative;
  width: 100%;
  line-height: 0;
  overflow: visible;
}

.chara-icon__image {
  display: block;
  width: 100%;*/
  height: auto;*/
}

.chara-icon__frame {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1.20);
  transform-origin: center;
  pointer-events: none;
}

/* 戻るボタン？ */
.pack-back-area {
  margin-bottom: 12px;
}

.pack-back-area-bottom {
  margin-top: 22px;
  margin-bottom: 0;
}

.pack-back-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 32px;
  padding: 5px 13px;

  color: #fff;
  background:
    linear-gradient(
      180deg,
      #b90000 0%,
      #620000 45%,
      #180000 55%,
      #040404 100%
    );

  border: 1px solid #d74545;
  border-radius: 3px;

  box-shadow:
    0 0 0 2px #050505,
    0 0 0 3px #87651a,
    inset 0 1px 3px rgba(255, 255, 255, 0.25);

  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  text-shadow:
    1px 1px 0 #000,
    -1px -1px 0 #000;

  cursor: pointer;
}

/* 20261027小野お知らせへ戻るボタン：画面左下固定 */
.info-back-button {
  position: fixed;
  bottom: 15px;
  left: 12px;
  z-index: 9999;
  text-decoration: none;
}

.info-back-button:visited,
.info-back-button:hover,
.info-back-button:active {
  color: #fff;
  text-decoration: none;
}

/*　汎用ボタン？ */
.pack-related-link,
.pack-premium-link {
  text-align: center;
}

.pack-related-link {
  margin: 4px 0 18px;
}

.pack-premium-link {
  margin-top: 12px;
}

.pack-related-link a,
.pack-related-link a:visited,
.pack-related-link a:hover,
.pack-related-link a:active,
.pack-related-link a:focus,
.pack-premium-link a,
.pack-premium-link a:visited,
.pack-premium-link a:hover,
.pack-premium-link a:active,
.pack-premium-link a:focus {
  display: inline-block;
  color: #fff !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;

  text-shadow:
    1px 1px 0 #000,
    0 0 4px #000;
}

.pack-top-shop-button {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.hero-menu-btn a,
.hero-menu-btn a:visited,
.hero-menu-btn a:hover,
.hero-menu-btn a:active,
.hero-menu-btn a:focus,
.shop-btn a,
.shop-btn a:visited,
.shop-btn a:hover,
.shop-btn a:active,
.shop-btn a:focus {
  color: #fff !important;
}

.pack-top-shop-button a,
.pack-top-shop-button a:visited,
.pack-top-shop-button a:hover,
.pack-top-shop-button a:active,
.pack-top-shop-button a:focus {
  font-size: 17px !important;

  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     0 0 2px #000 !important;
}

/* 開催期間 */
.pack-quick-info {
  gap: 10px;
  margin-bottom: 7px;
  padding: 6px 10px;
  background: transparent;
  border-top: 1px solid rgba(167, 123, 37, 0.45);
  border-bottom: 1px solid rgba(167, 123, 37, 0.45);
}

.pack-quick-info__label {
  color: #e8cf83;
}

.pack-quick-info__value {
  color: #fff3bd;
}

/*アコーディオンのとこだけ移籍 */
.faq-readable .qa__content {
  margin: 16px 0 24px;
}

.faq-readable .question-txt {
  margin: 0 0 10px;
  color: #ffd75e;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.faq-readable .answer-txt,
.faq-readable details > p {
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

/* FAQ本文の重要語を黄色で強調 */
.faq-readable .faq-point {
  position: relative;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}


.faq-readable .faq-point:last-child {
  margin-bottom: 0;
}

.faq-readable .faq-highlight {
  color: #ffd75e;
  font-weight: bold;
}

.faq-readable .faq-note {
  display: block;
  margin-top: 4px;
  color: #dddddd;
  font-size: 12px;
  line-height: 1.7;
}

.faq-readable details > img[alt="属性相性"] {
  margin-top: 12px !important;
  margin-bottom: 8px !important;
}


/* 細い赤帯 */

.league-att {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  line-height: 1.2 !important;
}


/* =========================
   枠・装飾リセット10/20追加　村田
========================= */

.frame-none {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bg-transparent {
  background: transparent !important;
}


/* マイページバナーのバッジ、初回表示のみ261026小野 */
/* NEWバッジを配置するバナー */
.news-new-tab {
  position: relative;
}

/* 赤いNEWバッジ */
.news-new-tab .news-new-badge {
  position: absolute;
  top: -7px;
  right: -5px;
  z-index: 10;
  display: none;
  padding: 3px 7px;
  color: #fff;
  background: linear-gradient(180deg, #f44336, #a00000);
  border: 1px solid #ffaaaa;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.7);
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  pointer-events: none;
}

/* NEW表示対象 */
.news-new-tab.is-new .news-new-badge {
  display: inline-block;
}

/* NEWバッジを小さな赤丸に変更 */
.news-new-tab .news-new-badge {
  display: none;
}

.news-new-tab.is-new .news-new-badge {
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: #e60012;
  border: 1px solid #ffffff;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
}

/* パックページ関連261026小野 */
/* パック販売ページ */
.pack-page {
  width: calc(100% - 24px);
  max-width: 760px;
  margin: 12px auto 30px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #755414;
  border-radius: 8px;
  outline: 2px solid #121212;
  box-shadow: 0 0 0 1px #b08020, 0 0 18px #000, inset 0 0 30px #000;
  color: #fff4ce;
  background: radial-gradient(circle at 50% 15%, rgba(88,61,13,.17), transparent 35%),
              linear-gradient(180deg,#0c0a07,#030303 45%,#080603);
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Yu Gothic", serif;
}
/* メインバナー */
.pack-main-banner { margin-bottom: 12px; }
.pack-main-banner img { display: block; width: 60%; height: auto; margin: auto; }

/* 開催期間・購入制限 */
.pack-page .pack-quick-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 4px;
  margin-bottom: 12px;
  padding: 8px 12px;
  text-align: center;
}
.pack-quick-info__label { font-size: 13px; font-weight: 700; }
.pack-quick-info__value { font-size: 16px; font-weight: 700; }
.pack-quick-info__separator { color: rgba(232,207,131,.55); font-size: 12px; }

/* パック説明 */
.pack-catch-display { height: 108px; margin-bottom: 14px; }
.pack-panel-catch {
  position: relative;
  margin: 0;
  color: #ffe26c;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  text-shadow: 1px 1px #000, 0 0 4px #000;
}
.pack-catch-display .pack-panel-catch {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 6px 0 26px;
}
.pack-catch-display .pack-panel-catch::after,
.pack-related-guide::before {
  content: "";
  position: absolute;
  right: 8%;
  bottom: 10px;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(210,170,70,.55),#d9ad45,rgba(210,170,70,.55),transparent);
}

/* 価格タブ */
.pack-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 7px; row-gap: 18px; }
.pack-tab-radio { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.pack-tab-label {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 46px;
  padding: 7px 5px;
  border: 1px solid #89651d;
  border-radius: 5px;
  color: #e8d6a6;
  background: linear-gradient(180deg,#292316,#0c0a06 44%,#020202 54%,#121009);
  box-shadow: inset 0 1px 3px rgba(255,225,137,.15), inset 0 -5px 8px rgba(0,0,0,.8),0 0 0 1px #030303;
  text-align: center;
  cursor: pointer;
}
.pack-tab-label::after { content: ""; position: absolute; right: 7px; bottom: 3px; left: 7px; height: 2px; background: #49350f; }
.pack-tab-price { display: block; color: #fff1b8; font-size: clamp(15px,3vw,19px); font-weight: 800; line-height: 1.15; text-shadow: 1px 1px #000,0 0 5px rgba(255,213,100,.45); }
#pack-tab-1:checked ~ label[for="pack-tab-1"],
#pack-tab-2:checked ~ label[for="pack-tab-2"],
#pack-tab-3:checked ~ label[for="pack-tab-3"],
#pack-tab-4:checked ~ label[for="pack-tab-4"],
#pack-tab-5:checked ~ label[for="pack-tab-5"] { color: #fff2af; border-color: #c18d26; background: linear-gradient(180deg,#493918,#171005 44%,#080303 55%,#300606); }
#pack-tab-1:checked ~ label[for="pack-tab-1"]::after,
#pack-tab-2:checked ~ label[for="pack-tab-2"]::after,
#pack-tab-3:checked ~ label[for="pack-tab-3"]::after,
#pack-tab-4:checked ~ label[for="pack-tab-4"]::after,
#pack-tab-5:checked ~ label[for="pack-tab-5"]::after { background: linear-gradient(90deg,#580000,#d22525,#580000); }
.pack-tab-panel { display: none; grid-column: 1 / -1; width: 100%; }
#pack-tab-1:checked ~ #pack-panel-1,
#pack-tab-2:checked ~ #pack-panel-2,
#pack-tab-3:checked ~ #pack-panel-3,
#pack-tab-4:checked ~ #pack-panel-4,
#pack-tab-5:checked ~ #pack-panel-5 { display: block; }

/* アイテム一覧 */
.pack-item-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.pack-item {
  display: grid;
  grid-template-columns: 90px minmax(0,1fr);
  min-height: 104px;
  overflow: hidden;
  border: 1px solid rgba(154,116,39,.58);
  background: linear-gradient(180deg,#17130c,#050504 48%,#242019 51%,#090806);
  box-shadow: inset 0 0 8px rgba(0,0,0,.8);
}
.pack-item-image { display: flex; align-items: center; justify-content: center; padding: 7px; border-right: 1px solid rgba(154,116,39,.58); background: radial-gradient(circle,#3a352b,#11100d 55%,#030303); }
.pack-item-image img { display: block; width: 100%; max-width: 74px; max-height: 74px; height: auto; object-fit: contain; }
.pack-item-information { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 11px 12px; }
.pack-item-name { margin: 0 0 7px; color: #fff3c8; font-size: clamp(13px,2.5vw,17px); font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.pack-item-amount { margin: 0; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.2; }

/* 茶々の性能案内 */
.pack-related-guide { position: relative; margin-top: 28px; padding-top: 19px; text-align: center; }
.pack-related-guide::before { top: 0; right: 8%; bottom: auto; left: 8%; }
.pack-related-guide-text { margin: 0 0 8px; color: #ffe26c; font-size: clamp(14px,2.6vw,17px); font-weight: 700; line-height: 1.4; }
.pack-related-banner a { display: inline-block; }
.pack-related-banner img { display: block; width: 250px; max-width: 90%; height: auto; margin: auto; }

/* 注意事項 */
.pack-notice { margin-top: 32px; padding: 15px 4px 0; border-top: 1px solid rgba(140,101,24,.65); }
.pack-notice-title { margin: 0 0 13px; color: #fff0b4; font-size: clamp(16px,3vw,21px); font-weight: 700; text-align: center; }
.pack-notice .notice-list li { color: #f6e6bd; font-size: clamp(12px,2.3vw,14px); font-weight: 400; }

/* スマートフォン調整 */
@media screen and (max-width: 520px) {
  .pack-page { width: calc(100% - 12px); margin-top: 6px; padding: 7px 9px 9px; }
  .pack-main-banner { margin-bottom: 10px; }
  .pack-main-banner img { width: 58%; }
  .pack-page .pack-quick-info { column-gap: 7px; row-gap: 3px; margin-bottom: 10px; padding: 7px 9px; }
  .pack-quick-info__label { font-size: 12px; }
  .pack-quick-info__value { font-size: 15px; }
  .pack-catch-display { height: 100px; margin-bottom: 12px; }
  .pack-catch-display .pack-panel-catch { padding: 5px 0 24px; font-size: 15px; line-height: 1.5; }
  .pack-tabs { column-gap: 4px; row-gap: 15px; }
  .pack-tab-label { min-height: 44px; padding: 6px 3px; }
  .pack-item-list { gap: 10px; }
  .pack-item { grid-template-columns: 68px minmax(0,1fr); min-height: 90px; }
  .pack-item-image { padding: 5px; }
  .pack-item-image img { max-width: 58px; max-height: 58px; }
  .pack-item-information { padding: 8px; }
  .pack-item-name { margin-bottom: 6px; font-size: clamp(11px,3vw,14px); line-height: 1.3; }
  .pack-item-amount { font-size: 17px; }
  .pack-related-guide { margin-top: 24px; }
  .pack-related-guide-text { font-size: 14px; }
  .pack-notice { margin-top: 30px; }
}
/* 小型スマートフォン調整 */
@media screen and (max-width: 350px) {
  .pack-item { grid-template-columns: 56px minmax(0,1fr); }
  .pack-item-image img { max-width: 47px; max-height: 47px; }
  .pack-item-name { font-size: 10px; }
}

/* パック背景・文字色 */
.pack-page { color: #fff; font-family: inherit; }

/* メインバナー */
@media screen and (max-width: 520px) {
  .pack-main-banner img { width: 80%; }
}

/* パック説明 */
.pack-page .pack-panel-catch { color: #fff; }
.pack-page .pack-panel-catch--above-tabs { margin-bottom: 14px; }
.pack-highlight-ready {
  color: #ff0;
  font-weight: 900;
  text-shadow: 0 0 8px yellow;
}

/* アイテム一覧 */
.pack-page .pack-item { background: #111; }
.pack-page .pack-item-name { color: #fff; }
.pack-page .pack-item-amount {
  padding-top: 8px;
  border-top: 1px solid #444;
}

/* 茶々の性能案内 */
.pack-page .pack-related-guide { margin: 6px 0 18px; padding-top: 0; }
.pack-page .pack-related-guide::before { content: none; }
.pack-page .pack-related-guide::after {
  content: "";
  display: block;
  width: 84%;
  height: 1px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, transparent, rgba(210,170,70,.55), #d9ad45, rgba(210,170,70,.55), transparent);
}
.pack-page .pack-related-guide-text { color: #fff; }

/* 注意事項 */
.pack-page .pack-notice { border-top: 0; }
.pack-page .notice-list,
.pack-page .notice-list li { color: #fff !important; }

/* スマートフォン調整 */
@media screen and (max-width: 520px) {
  .pack-page .pack-related-guide { margin: 5px 0 15px; }
}

/* パック商品名・個数 */
.pack-page .pack-item-name {
  font-size: 17px;
}

.pack-page .pack-item-amount {
  font-size: 20px;
}

/* スマートフォン */
@media screen and (max-width: 520px) {
  .pack-page .pack-item-name {
    font-size: 14px;
  }

  .pack-page .pack-item-amount {
    font-size: 17px;
  }
}

/* 注意事項見出し */
.pack-page .pack-notice-title,
.pack-page .section-title {
  text-align: center;
  justify-content: center;
}


/* ==================================================
   キャンペーンページ 共通　1027村田
================================================== */

/* 黒背景のメイン枠 */
.campaign-main-section {
  background: #000 !important;
  border-radius: 8px;
  overflow: hidden;
  color: #fff;
}


/* section-title の左右装飾を消す */
.section-title--plain::before,
.section-title--plain::after {
  display: none !important;
  content: none !important;
}


/* 黄色発光 */
.yellow-glow {
  text-shadow: 0 0 8px yellow !important;
}


/* ==================================================
   共通説明枠　1027村田
================================================== */

.campaign-info-box {
  width: 100%;
  margin: 16px auto;
  padding: 16px;
  box-sizing: border-box;
  background: #111;
  border: 1px solid #666;
  border-radius: 6px;
  color: #fff;
}

.campaign-info-box__title {
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #666;
  line-height: 1.4;
}

.campaign-info-box__text {
  margin: 0;
  line-height: 1.8;
}


/* ==================================================
   キャンペーン概要一覧　1027村田
================================================== */

.campaign-summary-title {
  margin: 8px 0 14px;
  line-height: 1.6;
}

.campaign-summary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.campaign-summary-item {
  padding: 10px 6px;
  box-sizing: border-box;
  background: #111;
  border: 1px solid #666;
  border-radius: 6px;
  line-height: 1.6;
}

/* 縦2マス使用 */
.campaign-summary-item--row2 {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/* ==================================================
   ログインボーナス表　1027村田
================================================== */

.login-bonus-table {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  margin: 16px auto;
  box-sizing: border-box;
  background: #111;
  border: 1px solid #666;
  border-radius: 6px;
  overflow: hidden;
}

.login-bonus-row {
  display: grid;
  grid-template-rows: 32px 72px 32px;
  min-width: 0;
  border-right: 1px solid #666;
}

.login-bonus-row:last-child {
  border-right: none;
}

.login-bonus-day,
.login-bonus-image,
.login-bonus-text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-bonus-day,
.login-bonus-image {
  border-bottom: 1px solid #666;
}

.login-bonus-image img {
  width: 52px;
  height: 52px;
  max-width: 88%;
  object-fit: contain;
}

.login-bonus-text {
  padding: 4px 2px;
}


/* ==================================================
   左下固定戻るボタン配置　1027村田
================================================== */

.page-back-fixed-left {
  position: fixed;
  bottom: 15px;
  left: 12px;
  z-index: 9999;
}



/* ==================================================
   スマホ　1027村田
================================================== */

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

  .campaign-info-box {
    padding: 14px 12px;
  }

  .campaign-summary-list {
    gap: 6px;
  }

  .campaign-summary-item {
    padding: 8px 4px;
  }

  .login-bonus-row {
    grid-template-rows: 28px 62px 28px;
  }

  .login-bonus-day,
  .login-bonus-text {
    font-size: 9px !important;
  }

  .login-bonus-image img {
    width: 46px;
    height: 46px;
  }

}


/* 小型アイテムアイコン1027村田 */
.item-icon--small {
  display: block;
  width: 52px;
  max-width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* ==================================================
   アイテム・素材アイコン 共通　1027村田
================================================== */

.item-icon--xs {
  display: block;
  width: 42px;
  max-width: 60%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.item-icon--medium {
  display: block;
  width: 64px;
  max-width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}


/* ==================================================
   縦並びキャラバナー英雄オール 1028村田
================================================== */

.okita-banner-list {
  display: block;
  width: 88%;
  max-width: 88%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.okita-banner-item {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.okita-banner-item:last-child {
  margin-bottom: 0;
}

.okita-banner-item a {
  display: block;
  width: 100%;
}

.okita-banner-item img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}


/* 英雄紹介：スキル説明枠1028小野ハンニバル紹介追加 */
.hero-detail-page .character-info-box {
  width: 100%;
  margin: 16px auto;
  padding: 16px;
  background: #111;
  border: 1px solid #666;
  border-radius: 6px;
  color: #fff;
}
.hero-detail-page .character-info-box__title {
  display: block;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #666;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
/* リーダー・通常スキルの色付きマーカー */
.hero-detail-page .character-info-box__label {
  display: inline-block;
  min-width: 96px;
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.hero-detail-page .character-info-box__label--leader { background: #b88b00; }
.hero-detail-page .character-info-box__label--normal { background: #285fb5; }
.hero-detail-page .character-info-box__text {
  margin: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.8;
}
.hero-detail-page .character-limit-box {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #444;
  color: #e6d58a !important;
  line-height: 1.6;
}
/* 属性相性の区切り枠 */
.hero-detail-page .attribute-relation-box {
  width: 100%;
  margin: 8px auto 14px;
  padding: 12px 10px;
  background: #111;
  border: 1px solid #666;
  border-radius: 6px;
  color: #fff;
  text-align: center;
}
.hero-detail-page .attribute-relation-title { margin: 0 0 10px; font-weight: bold; }
.hero-detail-page .attribute-relation-flow,
.hero-detail-page .attribute-relation-main,
.hero-detail-page .attribute-relation-target {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-detail-page .attribute-relation-flow { gap: 10px; }
.hero-detail-page .attribute-relation-main,
.hero-detail-page .attribute-relation-target { min-width: 0; }
/* 属性アイコンは小さく固定 */
.hero-detail-page img.attribute-relation-icon {
  display: block;
  width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  object-fit: contain;
  margin: 0 auto 3px;
  flex: 0 0 auto;
}
.hero-detail-page .attribute-relation-name { line-height: 1.2; white-space: nowrap; }
.hero-detail-page .attribute-relation-targets {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 4px;
}
.hero-detail-page .attribute-relation-target { flex: 0 1 auto; }
.hero-detail-page .attribute-relation-advantage {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .hero-detail-page .character-info-box { padding: 14px 12px; }
  .hero-detail-page .character-info-box__title { font-size: 17px; }
  .hero-detail-page .character-info-box__label {
    min-width: 88px;
    margin-right: 8px;
    padding: 4px 8px;
    font-size: 13px;
  }
  .hero-detail-page .character-info-box__text { font-size: 14px; }
}
@media (max-width: 400px) {
  .hero-detail-page .attribute-relation-box { padding: 10px 6px; }
  .hero-detail-page img.attribute-relation-icon {
    width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
  }
}

/* 英雄詳細：属性アイコンの間隔 */
@media screen and (max-width: 640px) {
  .hero-detail-page .attribute-relation-targets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 10px;
    justify-items: center;
  }
}

/* 属性アイコン：元の配置に戻す */
.hero-detail-page .attribute-relation-targets {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.hero-detail-page .attribute-relation-target {
  flex: 0 0 auto;
  min-width: 42px;
}

.hero-detail-page img.attribute-relation-icon {
  width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  max-height: 38px !important;
}

}

.faq-readable .question-txt {
  margin: 0 0 10px;
  padding: 0 20px;
  color: #ffd75e;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.faq-readable .answer-txt,
.faq-readable details > p {
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

/* FAQ本文の重要語を黄色で強調 */
.faq-readable .faq-point {
  position: relative;
  margin: 0 0 10px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.faq-readable .faq-point:last-child {
  margin-bottom: 0;
}

.faq-readable .faq-highlight {
  color: #ffd75e;
  font-weight: bold;
}

.faq-readable .faq-note {
  display: block;
  margin-top: 4px;
  padding: 0 20px;
  color: #dddddd;
  font-size: 12px;
  line-height: 1.7;
}

/* 属性相性画像 */
.faq-readable .faq-element-image {
  display: block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 12px auto 8px;
}

/* 状態異常一覧テーブル */
.faq-readable .status-table {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  line-height: 1.7;
}


/* ==================================================
   ヘルプページ1030村田
================================================== */

.faq-readable .qa__content {
  margin: 16px 0 24px;
}

.faq-readable .question-txt {
  margin: 0 0 10px;
  color: #ffd75e;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.faq-readable .answer-txt,
.faq-readable details > p {
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.faq-readable .faq-point {
  position: relative;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.faq-readable .faq-point:last-child {
  margin-bottom: 0;
}

.faq-readable .faq-highlight {
  color: #ffd75e;
  font-weight: bold;
}

.faq-readable .faq-note {
  display: block;
  margin-top: 4px;
  color: #dddddd;
  font-size: 12px;
  line-height: 1.7;
}

.faq-readable details > img[alt="属性相性"] {
  margin-top: 12px !important;
  margin-bottom: 8px !important;
}

.faq-readable .status-table {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
  line-height: 1.7;
}

.faq-readable .status-table th,
.faq-readable .status-table td {
  padding: 10px;
  border: 1px solid #8c7135;
  vertical-align: top;
}

.faq-readable .status-table th {
  background: #2b2417;
  color: #ffd75e;
  font-weight: bold;
  text-align: center;
}

.faq-readable .status-table col.status-name-col {
  width: 5.5em !important;
}

.faq-readable .status-table col.status-description-col {
  width: auto !important;
}

.faq-readable .status-table th:first-child,
.faq-readable .status-table td:first-child {
  width: 5.5em !important;
  min-width: 5.5em !important;
  max-width: 5.5em !important;
  box-sizing: border-box;
  padding: 8px 3px !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap;
}

.faq-readable .status-table td:first-child {
  color: #ffd75e;
  font-weight: bold;
}

.faq-readable .status-table th:nth-child(2),
.faq-readable .status-table td:nth-child(2) {
  width: auto !important;
}

@media (max-width: 480px) {
  .faq-readable .question-txt {
    font-size: 14px;
  }

  .faq-readable .answer-txt,
  .faq-readable details > p,
  .faq-readable .faq-point {
    font-size: 13px;
  }

  .faq-readable .qa__content {
    margin: 14px 0 21px;
  }
}