@charset "utf-8";
*{font-family: 'Noto Sans JP', sans-serif; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; box-sizing: border-box;}
body{color: #333333; width: 100%; min-width: 100%; max-width: 100%; background: #ffffff; position: relative;}
body.noscroll{overflow: hidden;}
body.premium{background-image: linear-gradient(90deg, rgba(16, 7, 40, 1), rgba(58, 23, 121, 1));}

p{line-height: 1.75;}

/* タップした時のチラつき解消 */
button a{text-decoration: none; border: none;}
button {
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

/* テキスト装飾 */
.std{font-size: 1rem !important;}
.bold{font-weight: 600;}
.ex-bold{font-weight: 800;}
.normal{font-weight: normal;}
.underline{text-decoration: underline;}
.noBorder{text-decoration: none; color: #333;}
.throughLine{text-decoration:line-through;}


/* 段落
-----------------------------*/
.imgR {
  float: right;
  padding: 0 0 10px 10px;
}

.imgC {
  display: block;
  margin: auto;
}

.imgL {
  float: left;
  padding: 0 15px 10px 0;
}

.tC {
  text-align: center !important;
}

.tR {
  text-align: right !important;
}

.tL {
  text-align: left !important;
}

/* 明朝
-----------------------------*/
.mincho {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  letter-spacing: -0.02em;
}

/* ドロップシャドウ
-----------------------------*/
.shadow {
  box-shadow: 1px 1px 4px #666;
}

/* clearfix
-----------------------------*/
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

/* -------------------------------------------------------

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

---------------------------------------------------------- */
.std10 { font-size: 77% !important; }
.std11 { font-size: 85% !important; }
.std12 { font-size: 93% !important; }
.std13 { font-size: 100% !important; }
.std14 { font-size: 108% !important; }
.std15 { font-size: 116% !important; }
.std16 { font-size: 123.1% !important; }
.std17 { font-size: 131% !important; }
.std18 { font-size: 138.5% !important; }
.std19 { font-size: 146.5% !important; }
.std20 { font-size: 153.9% !important; }
.std21 { font-size: 161.6% !important; }
.std22 { font-size: 167% !important; }
.std23 { font-size: 174% !important; }
.std24 { font-size: 182% !important; }
.std25 { font-size: 189% !important; }
.std26 { font-size: 197% !important; }

.txt05{font-size: 50% !important;}
.txt06{font-size: 60% !important;}
.txt07{font-size: 70% !important;}
.txt08{font-size: 80% !important;}
.txt09{font-size: 90% !important;}
.txt100{font-size: 100% !important;}
.txt110{font-size: 110% !important;}
.txt120{font-size: 120% !important;}
.txt130{font-size: 130% !important;}
.txt140{font-size: 140% !important;}
.txt150{font-size: 150% !important;}
.txt160{font-size: 160% !important;}
.txt170{font-size: 170% !important;}
.txt180{font-size: 180% !important;}
.txt190{font-size: 190% !important;}
.txt200{font-size: 200% !important;}
.txt210{font-size: 210% !important;}
.txt220{font-size: 220% !important;}
.txt230{font-size: 230% !important;}
.txt240{font-size: 240% !important;}
.txt250{font-size: 250% !important;}

/*==============================
  カラー
================================*/
.white { color: #FFF !important; }
.black { color: #333 !important; }
.gray { color: #5b5b5b !important; }
.lgray { color: #a9a9a9 !important; }
.red { color: #c60a0a !important; }
.red-l { color: #F00 !important; }
.red-d { color: #900 !important; }
.pink { color: #ff4083 !important; }
.purple { color: #6326ee !important; }
.green { color: #068c3a !important; }
.ice-green { color: #62ccb5 !important; }
.orange { color: #ff6600 !important; }
.blue { color: #0a56d1 !important; }
.lblue { color: #149ee2 !important; }
.yellow { color: #fcfc02 !important; }
.gold { color: #817331 !important; }
.neon-blue { color: #00ffff !important; }

/*==============================
  文字装飾
================================*/
.marker { background:linear-gradient(transparent 60%, #fff700 60%); padding-bottom: .5%; }
.marker-red { background:linear-gradient(transparent 60%, #f0baba 60%); padding-bottom: .5%; }
.marker-green { background:linear-gradient(transparent 60%, #bceda5 60%); padding-bottom: .5%; }
.marker-blue { background:linear-gradient(transparent 60%, #b3e2f1 60%); padding-bottom: .5%; }
.marker-orange { background:linear-gradient(transparent 60%, #ffd3a0 60%); padding-bottom: .5%; }
.marker-yellow { background:linear-gradient(transparent 60%, #ffea4c 60%); padding-bottom: .5%; }
.marker-purple { background:linear-gradient(transparent 60%, #e3abf2 60%); padding-bottom: .5%; }

.underline-red { background:linear-gradient(transparent 90%, #C00 90%); padding-bottom: .5%; }
.underline-green { background:linear-gradient(transparent 90%, #4ca722 90%); padding-bottom: .5%; }
.underline-blue { background:linear-gradient(transparent 90%, #248fb2 90%); padding-bottom: .5%; }

/*==============================
  背景色
================================*/
.bg-white { background-color: #FFF !important; }
.bg-black { background-color: #000 !important; }
.bg-gray { background-color: #5b5b5b !important; }
.bg-lgray { background-color: #a9a9a9 !important; }
.bg-red { background-color: #b00c0c !important; }
.bg-pink { background-color: #d62451 !important; }
.bg-green { background-color: #068c3a !important; }
.bg-orange { background-color: #e86813 !important; }
.bg-blue { background-color: #0a56d1 !important; }
.bg-lblue { background-color: #149ee2 !important; }
.bg-yellow { background-color: #fcfc02 !important; }
.bg-gold { background-color: #817331 !important; }


/*==============================
  margin
================================*/
.m-0 { margin: 0 !important; }

.mt-0 { margin-block-start: 0 !important; }
.mt-5 { margin-block-start: 5px !important; }
.mt-10 { margin-block-start: 10px !important; }
.mt-20 { margin-block-start: 20px !important; }
.mt-30 { margin-block-start: 30px !important; }
.mt-40 { margin-block-start: 40px !important; }
.mt-50 { margin-block-start: 50px !important; }
.mt-60 { margin-block-start: 60px !important; }
.mt-80 { margin-block-start: 80px !important; }
.mt-100 { margin-block-start: 100px !important; }

.mb-0 { margin-block-end: 0 !important; }
.mb-5 { margin-block-end: 5px !important; }
.mb-10 { margin-block-end: 10px !important; }
.mb-20 { margin-block-end: 20px !important; }
.mb-30 { margin-block-end: 30px !important; }
.mb-40 { margin-block-end: 40px !important; }
.mb-50 { margin-block-end: 50px !important; }
.mb-60 { margin-block-end: 60px !important; }
.mb-80 { margin-block-end: 80px !important; }
.mb-100 { margin-block-end: 100px !important; }

.mi-5 { margin-inline: 5px !important; }
.mi-10 { margin-inline: 10px !important; }
.mi-15 { margin-inline: 15px !important; }
.mi-20 { margin-inline: 20px !important; }
.mi-25 { margin-inline: 25px !important; }
.mi-30 { margin-inline: 30px !important; }

/*==============================
  padding
================================*/
.pa-0 { padding: 0px !important; }
.pa-5 { padding: 5px !important; }
.pa-10 { padding: 10px !important; }
.pa-15 { padding: 15px !important; }
.pa-20 { padding: 20px !important; }
.pa-30 { padding: 30px !important; }
.pa-40 { padding: 40px !important; }
.pa-50 { padding: 50px !important; }
.pa-60 { padding: 60px !important; }

.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }

.pi-5 { padding-inline: 5px !important; }
.pi-10 { padding-inline: 15px !important; }
.pi-15 { padding-inline: 10px !important; }
.pi-20 { padding-inline: 20px !important; }
.pi-30 { padding-inline: 30px !important; }
.pi-40 { padding-inline: 40px !important; }
.pi-50 { padding-inline: 50px !important; }
.pi-60 { padding-inline: 60px !important; }

/*==============================
  角丸
================================*/
.rCorner { position: relative; border-radius: 5px; }
.rCorner-T { position: relative; border-radius: 5px 5px 0 0; }
.rCorner-B { position: relative; border-radius: 0 0 5px 5px; }
.rCorner-L { position: relative; border-radius: 5px 0 0 5px; }
.rCorner-R { position: relative; border-radius: 0 5px 5px 0; }
.rCorner-Tl { position: relative; border-radius: 5px 0 0 0; }
.rCorner-Tr { position: relative; border-radius: 0 5px 0 0; }
.rCorner-Bl { position: relative; border-radius: 0 0 5px 0; }
.rCorner-Br { position: relative; border-radius: 0 0 0 5px; }