@charset "UTF-8";
@font-face {
  font-family: "AppFont";
  src: url("../fonts/Noto_Sans_JP/NotoSansJP-Regular.otf");
}
body {
  font-family: AppFont;
  background-color: #000;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

* {
  box-sizing: border-box;
  line-height: 1em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  display: none;
}

.art {
  color: #fff;
}
.art .contents {
  display: block;
  max-width: 1024px;
  margin: auto;
  line-height: 1.5em;
}
.art .contents .inner {
  margin-top: 1em;
  padding: 1em;
}
.art .contents .inner .title {
  font-weight: bold;
  font-size: 1.25em;
  padding: 1em;
}
.art .contents .inner .detail {
  padding: 1em;
}
.art .contents .inner .headset_date {
  text-align: right;
}
.art .contents .inner .article1 {
  display: block;
  padding-top: 1em;
}
.art .contents .inner .article1 .date {
  display: inline-block;
  padding: 0;
  margin-right: 1em;
}
.art .contents .inner .article1 .title {
  display: inline-block;
  padding: 0;
}

.whatsnew {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.whatsnew .article1 {
  display: inline-block;
}
.whatsnew:before {
  content: "What's New!";
  color: #f00;
  display: inline-block;
  margin-right: 0.5em;
}
.whatsnew .date {
  display: inline-block;
}
.whatsnew .title {
  display: inline-block;
}

.startfooter {
  margin-top: 4em;
  margin-bottom: 2em;
  text-align: center;
  color: #fff;
}
.startfooter > span, .startfooter a {
  display: inline-block;
  color: #fff;
  padding: 0.5em;
  font-size: 0.8em;
}

.header {
  position: relative;
  width: 100%;
  top: 0;
  height: 4em;
  background-color: #000;
  z-index: 1;
  box-sizing: border-box;
}
.header .headerlogo {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.header .headerlogo img {
  height: 3em;
}
.header .headertitle {
  position: absolute;
  left: 0em;
  right: 0em;
  top: 1.5em;
  text-align: center;
}
.header .headermenu {
  position: absolute;
  right: 1em;
  top: 1em;
}
.header .headermenu .menu1 {
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 2em;
}
.header .headermenu .menu1:before {
  position: absolute;
  margin-left: -1.3em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(45deg);
}

.link, a {
  color: #2196f9;
  text-decoration: underline;
}

.footer {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #000;
  padding: 0.5em;
  text-align: center;
}
.footer img {
  height: 2em;
}
.footer .home {
  display: inline-block;
  width: 30%;
}
.footer .search {
  display: inline-block;
  width: 30%;
}
.footer .user {
  display: inline-block;
  width: 30%;
}

/* ===========================================================================
	breadcrumbs
============================================================================= */
.breadcrumbs {
  background-color: #494949;
}

.breadcrumbs_inner {
  width: 96%;
  max-width: 960px;
  margin: 0 auto;
}

.breadcrumbs_list {
  display: flex;
  padding: 10px 0;
}

.breadcrumbs_item + .breadcrumbs_item::before {
  margin: 0 10px;
  content: ">";
  color: #808080;
}

.breadcrumbs_item,
.breadcrumbs_link {
  color: #fff;
}

.breadcrumbs_link:hover {
  text-decoration: underline;
}

.Jscr {
  background-color: #000;
  color: #fff;
  padding: 0;
}

.Jscr > .Jinner {
  padding-top: 1em;
  padding-bottom: 3em;
}

.Jscr .header {
  position: absolute;
  width: 100%;
  top: 0;
  height: 4em;
  background-color: #000;
  box-shadow: 0 0 1em 0 black;
  z-index: 1;
  box-sizing: border-box;
}
.Jscr .header .headerlogo {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.Jscr .header .headerlogo img {
  height: 3em;
}
.Jscr .header .headertitle {
  position: absolute;
  left: 0em;
  right: 0em;
  top: 1.5em;
  text-align: center;
}
.Jscr .header .headermenu {
  position: absolute;
  right: 1em;
  top: 1em;
}
.Jscr .header .headermenu .menu1 {
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 2em;
}
.Jscr .header .headermenu .menu1:before {
  position: absolute;
  margin-left: -1.3em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(45deg);
}
.Jscr .link, .Jscr a {
  color: #2196f9;
  text-decoration: underline;
}
.Jscr .footer {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #000;
  padding: 0.5em;
  text-align: center;
}
.Jscr .footer img {
  height: 2em;
}
.Jscr .footer .home {
  display: inline-block;
  width: 30%;
}
.Jscr .footer .search {
  display: inline-block;
  width: 30%;
}
.Jscr .footer .user {
  display: inline-block;
  width: 30%;
}

.Japp.testapp .Jscr .header:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2em;
  border-top: 0.2em dashed #ff0;
}

.Japp.isdevice .devicehide {
  display: none !important;
}

.Jhide {
  display: none !important;
}

.Jconfirm.show > .inner {
  background-color: #000;
  border: 0.2em solid #888;
  color: #fff;
}
.Jconfirm.show > .inner .Jconfirm_buttons {
  border-top: 1px solid #888;
}
.Jconfirm.show > .inner .Jconfirm_buttons .Jconfirm_button1 {
  color: #fff;
}

.Jwaitting .Jwaitting_bg {
  background-color: rgba(0, 0, 0, 0.3);
}

.years {
  position: relative;
  overflow: scroll;
  display: block;
  margin-top: 1em;
  padding-top: 1em;
}
.years .setyear {
  display: block;
  padding: 0.5em;
  text-align: center;
}
.years .setyear[checked] {
  color: #2196f9;
}

.categorylist {
  position: absolute;
  width: 100%;
  height: calc(100% - 8em);
  right: 0;
  top: 4em;
  background-color: rgba(0, 0, 0, 0);
  display: none;
}
.categorylist .Jinner {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  color: #aaa;
  height: 0;
  overflow: scroll;
  box-shadow: 0 0 0.5em 0 black;
  padding: 0.5em;
  min-width: 15em;
}
.categorylist .Jinner > div {
  padding: 0.75em 1em 0.75em 1em;
  font-size: 1.25em;
}
.categorylist.Jonclick:hover {
  filter: none;
}

.Japp.viewcategorylist .categorylist {
  display: block;
}
.Japp.viewcategorylist .categorylist .Jinner {
  animation-name: categorylistopen;
  animation-fill-mode: forwards;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-direction: normal;
}

@keyframes categorylistopen {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.cookiefooter {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #222;
  color: #eee;
  padding: 1em 7em 1em 1em;
}
.cookiefooter .mess {
  font-size: 0.8em;
  line-height: 1.75em;
}
.cookiefooter .link {
  color: #eee;
  text-decoration: underline;
}
.cookiefooter .cookieok {
  position: absolute;
  padding: 0.75em;
  right: 1em;
  top: 50%;
  border: 1px solid #ddd;
  transform: translate(0, -50%);
}
@media screen and (min-width: 800px) {
  .cookiefooter .cookieok {
    right: 3em;
  }
}
.cookiefooter .close {
  position: absolute;
  right: 0em;
  top: 0em;
  padding: 0.5em;
}

.menulist {
  position: absolute;
  width: 100%;
  height: calc(100% - 7em);
  right: 0;
  top: 4em;
  background-color: rgba(0, 0, 0, 0);
  display: none;
}
.menulist .Jinner {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000;
  color: #aaa;
  height: 0;
  overflow: scroll;
  box-shadow: 0 0 0.5em 0 black;
  max-height: 100%;
  padding: 0.5em;
}
.menulist .Jinner > div {
  padding: 0.5em 1em 0.5em 1em;
}
.menulist.Jonclick:hover {
  filter: none;
}

.Japp.viewmenulist .menulist {
  display: block;
}
.Japp.viewmenulist .menulist .Jinner {
  animation-name: menulistopen;
  animation-fill-mode: forwards;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-direction: normal;
}

@keyframes menulistopen {
  0% {
    height: 0;
  }
  100% {
    height: 15em;
  }
}
.Jscr[name=ログイン] .form,
.Jscr[name=メールアドレス登録] .form {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=ログイン] .form .title,
.Jscr[name=メールアドレス登録] .form .title {
  margin-bottom: 2em;
  line-height: 1.5;
}
.Jscr[name=ログイン] .form input[type=mail],
.Jscr[name=メールアドレス登録] .form input[type=mail] {
  font-size: 1.5em;
  padding: 0.5em 1em 0.5em 1em;
  width: 100%;
  border-radius: 0.5em;
  background-color: #000;
  color: #fff;
  border: 0.07em solid #fff;
}
.Jscr[name=ログイン] .form .buttons,
.Jscr[name=メールアドレス登録] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=ログイン] .form .buttons .btnsend,
.Jscr[name=メールアドレス登録] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=ログイン] .form .rule,
.Jscr[name=メールアドレス登録] .form .rule {
  padding: 1em 0em 1em 1em;
  margin-top: 1em;
  line-height: 2em;
}
.Jscr[name=ログイン] .form .rule label,
.Jscr[name=メールアドレス登録] .form .rule label {
  display: block;
  text-align: center;
  margin-top: 1em;
}
.Jscr[name=ログイン] .form input[name=同意],
.Jscr[name=メールアドレス登録] .form input[name=同意] {
  margin-right: 0.5em;
}
.Jscr[name=ログイン] .form input[name=同意] + .Jerrormess,
.Jscr[name=メールアドレス登録] .form input[name=同意] + .Jerrormess {
  position: absolute;
  margin-top: 1.5em;
  margin-left: -4em;
}

.Jscr[name=お支払い方法登録] .form {
  margin: auto;
  margin-top: 4em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=お支払い方法登録] .form .title {
  margin-bottom: 2em;
  line-height: 1.5;
}
.Jscr[name=お支払い方法登録] .form .field1 .name {
  margin-top: 1.5em;
  margin-bottom: 1em;
}
.Jscr[name=お支払い方法登録] .form .field1 .plan {
  margin-left: 1em;
}
.Jscr[name=お支払い方法登録] .form .field1 input[type=radio] {
  display: inline-block;
  margin-right: 0.5em;
}
.Jscr[name=お支払い方法登録] .form .field1 input[type=text] {
  font-size: 1.5em;
  padding: 0.5em 1em 0.5em 1em;
  width: 100%;
  border-radius: 0.5em;
  background-color: #000;
  color: #fff;
  border: 0.07em solid #fff;
}
.Jscr[name=お支払い方法登録] .form .cardlist {
  width: 30em;
  margin: 0.5em;
  padding: 0.25em;
  background-color: #fff;
  border-radius: 0.5em;
  max-width: 100%;
}
.Jscr[name=お支払い方法登録] .form #card_errors {
  color: #f00;
  text-align: center;
  margin-top: 2em;
}
.Jscr[name=お支払い方法登録] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=お支払い方法登録] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=お支払い方法登録] .form iframe {
  background-color: #fff;
}
.Jscr[name=お支払い方法登録] .form iframe[name=payframe] {
  background-color: #000;
  border: none;
}

.Jscr[name=ヘルプ] .doc,
.Jscr[name=プライバシーポリシー] .doc,
.Jscr[name=クッキーポリシー] .doc,
.Jscr[name=特定商取引法に基づく表記] .doc,
.Jscr[name=利用規約] .doc {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
  white-space: pre-wrap;
  line-height: 1.5;
}
.Jscr[name=ヘルプ] .doc .title,
.Jscr[name=プライバシーポリシー] .doc .title,
.Jscr[name=クッキーポリシー] .doc .title,
.Jscr[name=特定商取引法に基づく表記] .doc .title,
.Jscr[name=利用規約] .doc .title {
  display: block;
  font-weight: bold;
  color: #ddd;
  font-size: 1.25em;
  border-left: 0.3em solid #444;
  padding: 0.2em 0 0.25em 0.5em;
  line-height: 1em;
}
.Jscr[name=ヘルプ] .buttons,
.Jscr[name=プライバシーポリシー] .buttons,
.Jscr[name=クッキーポリシー] .buttons,
.Jscr[name=特定商取引法に基づく表記] .buttons,
.Jscr[name=利用規約] .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=ヘルプ] .buttons .btnclose,
.Jscr[name=プライバシーポリシー] .buttons .btnclose,
.Jscr[name=クッキーポリシー] .buttons .btnclose,
.Jscr[name=特定商取引法に基づく表記] .buttons .btnclose,
.Jscr[name=利用規約] .buttons .btnclose {
  display: inline-block;
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  cursor: pointer;
}

.Jscr[name=アカウント] .doc {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=アカウント] .doc .title {
  margin-bottom: 2em;
  line-height: 1.5;
}
.Jscr[name=アカウント] .doc .menu1 {
  display: block;
  padding: 1em;
  border-top: 1px solid #444;
}
.Jscr[name=アカウント] .doc .menu1:after {
  position: absolute;
  margin-top: 0.15em;
  margin-left: 0.5em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #aaa;
  border-bottom: 0.2em solid #aaa;
  transform: rotate(-45deg);
}
.Jscr[name=アカウント] .doc .nowsetting1 {
  display: block;
  color: #aaa;
  text-align: right;
  margin-bottom: 1em;
}
.Jscr[name=アカウント] .doc .nowsetting1:empty:after {
  content: "未設定";
}
.Jscr[name=アカウント] .doc .btnriyuu {
  text-align: right;
}
.Jscr[name=アカウント] .doc .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=アカウント] .doc .buttons .btnclose {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  cursor: pointer;
}

.Jscr[name=好きなジャンル] .selectgenre {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
}
.Jscr[name=好きなジャンル] .selectgenre .messsmall {
  color: #2196f9;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=好きなジャンル] .selectgenre .genrelist {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=好きなジャンル] .selectgenre .genrelist .genre1 {
  position: relative;
  display: inline-block;
  font-size: 1em;
  height: 3em;
  border: 0.1em solid #fff;
  border-radius: 0.5em;
  width: calc(100% / 3 - 1.5em);
  margin: 0.25em 0.25em 0.25em 0.25em;
  background-color: #000;
  transition: background-color 1s;
}
.Jscr[name=好きなジャンル] .selectgenre .genrelist .genre1 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Jscr[name=好きなジャンル] .selectgenre .genrelist .genre1.active {
  background-color: #2196f9;
}
.Jscr[name=好きなジャンル] .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=好きなジャンル] .buttons .btnclose {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin: 1em;
  cursor: pointer;
}
.Jscr[name=好きなジャンル] .buttons .btnset {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin: 1em;
}

.Jscr[name=メールアドレス変更] .form {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=メールアドレス変更] .form .title {
  margin-bottom: 2em;
  line-height: 1.5;
}
.Jscr[name=メールアドレス変更] .form input[type=mail] {
  font-size: 1.5em;
  padding: 0.5em 1em 0.5em 1em;
  width: 100%;
  border-radius: 0.5em;
  background-color: #000;
  color: #fff;
  border: 0.07em solid #fff;
}
.Jscr[name=メールアドレス変更] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=メールアドレス変更] .form .buttons .btnclose {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin: 1em;
  cursor: pointer;
}
.Jscr[name=メールアドレス変更] .form .buttons .btnnext {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin: 1em;
}

.Jscr[name=ホーム] .scrollarea {
  position: absolute;
  top: 4em;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}
.Jscr[name=ホーム] .scrollarea .playlists {
  margin-top: 0em;
  padding: 0em 1em 5em 1em;
}
.Jscr[name=ホーム] .scrollarea .playlists .listname {
  font-size: 2em;
}
.Jscr[name=ホーム] .scrollarea .playlists .listname:after {
  position: absolute;
  margin-top: 0.15em;
  margin-left: 0.5em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(-45deg);
}
.Jscr[name=ホーム] .scrollarea .playlists .description {
  display: none;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 {
  margin-top: 1em;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist {
  margin-top: 0.5em;
  width: calc(100% + 2em);
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  word-break: keep-all;
  margin-left: -1em;
  padding-left: 1em;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 {
  position: relative;
  display: inline-block;
  width: 45vw;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: 1px solid rgba(128, 128, 128, 0.3);
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .title {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .participant {
  margin-top: 0.5em;
  font-size: 1.5em;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .time {
  display: none;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .year {
  display: none;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .movieurl {
  display: none;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .category {
  display: none;
}
@media screen and (min-width: 640px) {
  .Jscr[name=ホーム] .scrollarea .playlists .playlist1 .movielist .movie1 {
    width: 22vw;
  }
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1:first-child .movielist {
  padding-left: 0em;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1:first-child .movielist .movie1 {
  width: 100vw;
  max-width: 1024px;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1:first-child .movielist .movie1 img {
  width: 100%;
}
.Jscr[name=ホーム] .scrollarea .playlists .playlist1:first-child .movielist .meta {
  padding: 1em;
  font-size: 1em;
}

.Jscr[name=カテゴリ] .scrollarea {
  position: absolute;
  top: 4em;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}
.Jscr[name=カテゴリ] .scrollarea .playlists {
  margin-top: 0em;
  padding: 0em 1em 5em 1em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .listname {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .description {
  color: #aaa;
  line-height: 1.5em;
  white-space: pre-wrap;
  margin-bottom: 0.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: none;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 {
  margin-top: 1em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist {
  margin-top: 0.25em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 {
  position: relative;
  display: block;
  margin-top: 0.5em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 img {
  width: 40vw;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: 1px solid rgba(128, 128, 128, 0.3);
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta {
  position: absolute;
  top: 0;
  left: 40vw;
  font-size: 0.8em;
  padding: 0em 0.25em 0.25em 0.5em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .title {
  font-size: 1.25em;
  font-weight: bold;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .participant {
  margin-top: 0.5em;
  font-size: 1.5em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .time {
  display: inline-block;
  margin-top: 0.5em;
  margin-right: 1em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .year {
  display: inline-block;
  margin-top: 1em;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .movieurl {
  display: none;
}
.Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .category {
  display: none;
}
@media screen and (min-width: 640px) {
  .Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 {
    position: relative;
    display: inline-block;
    margin-top: 0.5em;
    width: calc(25vw - 0.8em);
  }
  .Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 img {
    width: 100%;
  }
  .Jscr[name=カテゴリ] .scrollarea .playlists .playlist1 .movielist .movie1 .meta {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    height: 6em;
    margin-top: 0.5em;
    font-size: 1em;
  }
}

.Jscr[name=動画詳細] .headermenu {
  position: absolute;
  right: 1em;
  top: 1em;
}
.Jscr[name=動画詳細] .headermenu .menu1 {
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 2em;
}
.Jscr[name=動画詳細] .headermenu .menu1:before {
  position: absolute;
  margin-left: -1.3em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(45deg);
}
.Jscr[name=動画詳細] .scrollarea {
  position: absolute;
  top: 4em;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}
.Jscr[name=動画詳細] .scrollarea .movie {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.Jscr[name=動画詳細] .scrollarea .movie video {
  width: 100%;
  height: 100%;
}
.Jscr[name=動画詳細] .scrollarea > .meta {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
}
.Jscr[name=動画詳細] .scrollarea > .meta * {
  line-height: 1.5em;
}
.Jscr[name=動画詳細] .scrollarea > .meta .title {
  font-size: 2em;
}
.Jscr[name=動画詳細] .scrollarea > .meta .description {
  color: #888;
}
.Jscr[name=動画詳細] .scrollarea > .meta .participant {
  margin-top: 0.5em;
}
.Jscr[name=動画詳細] .scrollarea > .meta .time {
  display: inline-block;
  margin-top: 1em;
  margin-right: 1em;
}
.Jscr[name=動画詳細] .scrollarea > .meta .year {
  display: inline-block;
  margin-top: 1em;
}
.Jscr[name=動画詳細] .scrollarea > .meta .movieurl {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea > .meta .category {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea .playlists {
  margin-top: 1em;
  padding: 0em 1em 3em 1em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .listname {
  font-size: 1.25em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .listname:not(.recommend):after {
  position: absolute;
  margin-top: 0.15em;
  margin-left: 0.5em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(-45deg);
}
.Jscr[name=動画詳細] .scrollarea .playlists .description {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 {
  margin-top: 2em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist {
  margin-top: 0.5em;
  width: calc(100% + 2em);
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap;
  word-break: keep-all;
  margin-left: -1em;
  padding-left: 1em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 {
  position: relative;
  display: inline-block;
  width: 16.5em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: 1px solid rgba(128, 128, 128, 0.3);
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .title {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .participant {
  margin-top: 0.5em;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .time {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .year {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .movieurl {
  display: none;
}
.Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 .meta .category {
  display: none;
}
@media screen and (min-width: 640px) {
  .Jscr[name=動画詳細] .scrollarea .playlists .playlist1 .movielist .movie1 {
    width: 22vw;
  }
}

.Jscr[name=カテゴリ一覧] .headermenu {
  position: absolute;
  right: 1em;
  top: 1em;
}
.Jscr[name=カテゴリ一覧] .headermenu .menu1 {
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 2em;
}
.Jscr[name=カテゴリ一覧] .headermenu .menu1:before {
  position: absolute;
  margin-left: -1.3em;
  content: " ";
  width: 0.5em;
  height: 0.5em;
  border-right: 0.2em solid #2196f9;
  border-bottom: 0.2em solid #2196f9;
  transform: rotate(45deg);
}
.Jscr[name=カテゴリ一覧] .scrollarea {
  position: absolute;
  top: 4em;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: scroll;
}

.Jscr[name=認証番号確認] .form {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=認証番号確認] .form .title {
  margin-bottom: 2em;
}
.Jscr[name=認証番号確認] .form .authno {
  text-align: center;
}
.Jscr[name=認証番号確認] .form .authno input[type=tel] {
  font-size: 1.5em;
  padding: 0.5em 0.25em 0.5em 0.25em;
  width: 2em;
  margin: 0.25em;
  border-radius: 0.5em;
  background-color: #000;
  color: #fff;
  border: 0.07em solid #fff;
  text-align: center;
}
.Jscr[name=認証番号確認] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=認証番号確認] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=認証番号確認] .form .buttons .btnback {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin-right: 1em;
}

.Jscr[name=パスワード確認] .form {
  margin: auto;
  margin-top: 5em;
  max-width: 768px;
  padding: 1em;
}
.Jscr[name=パスワード確認] .form .title {
  margin-bottom: 2em;
}
.Jscr[name=パスワード確認] .form .authno {
  text-align: center;
}
.Jscr[name=パスワード確認] .form .authno input[type=password] {
  font-size: 1.5em;
  padding: 0.5em 0.25em 0.5em 0.25em;
  width: 100%;
  margin: 0.25em;
  border-radius: 0.5em;
  background-color: #000;
  color: #fff;
  border: 0.07em solid #fff;
  text-align: center;
}
.Jscr[name=パスワード確認] .form .buttons {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
.Jscr[name=パスワード確認] .form .buttons .btnsend {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
}
.Jscr[name=パスワード確認] .form .buttons .btnback {
  display: inline-block;
  transform: translate(0, -50%);
  background-color: #888;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 2em 1em 2em;
  border-radius: 1em;
  margin-right: 1em;
}

.Jscr[name=アプリ] .catch,
.Jscr[name=プラン変更] .catch,
.Jscr[name=端末開始] .catch,
.Jscr[name=開始] .catch {
  text-align: center;
}
.Jscr[name=アプリ] .logo,
.Jscr[name=プラン変更] .logo,
.Jscr[name=端末開始] .logo,
.Jscr[name=開始] .logo {
  margin-top: 1.5em;
  margin-bottom: 3em;
  text-align: center;
}
.Jscr[name=アプリ] .logo img,
.Jscr[name=プラン変更] .logo img,
.Jscr[name=端末開始] .logo img,
.Jscr[name=開始] .logo img {
  width: 16em;
}
.Jscr[name=アプリ] .login,
.Jscr[name=プラン変更] .login,
.Jscr[name=端末開始] .login,
.Jscr[name=開始] .login {
  position: absolute;
  top: 2.5em;
  right: 1em;
  color: #2196f9;
  font-weight: bold;
  cursor: pointer;
}
.Jscr[name=アプリ] .messsmall,
.Jscr[name=プラン変更] .messsmall,
.Jscr[name=端末開始] .messsmall,
.Jscr[name=開始] .messsmall {
  line-height: 1.5em;
}
.Jscr[name=アプリ][name=プラン変更] .messsmall,
.Jscr[name=プラン変更][name=プラン変更] .messsmall,
.Jscr[name=端末開始][name=プラン変更] .messsmall,
.Jscr[name=開始][name=プラン変更] .messsmall {
  margin-top: 3em;
}
.Jscr[name=アプリ] .slide,
.Jscr[name=プラン変更] .slide,
.Jscr[name=端末開始] .slide,
.Jscr[name=開始] .slide {
  margin-top: -1em;
  margin-bottom: 2em;
  width: 100%;
  aspect-ratio: 820/379;
  overflow: hidden;
  max-height: 30em;
}
.Jscr[name=アプリ] .slide .scroll,
.Jscr[name=プラン変更] .slide .scroll,
.Jscr[name=端末開始] .slide .scroll,
.Jscr[name=開始] .slide .scroll {
  display: block;
  width: calc(100vw / 3 * 32);
  animation-name: slidescroll;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-direction: normal;
}
.Jscr[name=アプリ] .slide .scroll img,
.Jscr[name=プラン変更] .slide .scroll img,
.Jscr[name=端末開始] .slide .scroll img,
.Jscr[name=開始] .slide .scroll img {
  display: inline-block;
  width: calc(100vw / 3);
  aspect-ratio: 284/379;
  object-fit: cover;
  padding: 1px;
  max-width: 20em;
}
@keyframes slidescroll {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
.Jscr[name=アプリ] .messbig,
.Jscr[name=プラン変更] .messbig,
.Jscr[name=端末開始] .messbig,
.Jscr[name=開始] .messbig {
  font-size: 3em;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.25em;
  margin-bottom: 0.25em;
}
.Jscr[name=アプリ] .messsmall,
.Jscr[name=プラン変更] .messsmall,
.Jscr[name=端末開始] .messsmall,
.Jscr[name=開始] .messsmall {
  font-size: 1em;
  text-align: center;
}
.Jscr[name=アプリ] .selectgenre,
.Jscr[name=プラン変更] .selectgenre,
.Jscr[name=端末開始] .selectgenre,
.Jscr[name=開始] .selectgenre {
  margin: auto;
  margin-top: 3em;
  max-width: 768px;
}
.Jscr[name=アプリ] .selectgenre .messsmall,
.Jscr[name=プラン変更] .selectgenre .messsmall,
.Jscr[name=端末開始] .selectgenre .messsmall,
.Jscr[name=開始] .selectgenre .messsmall {
  color: #2196f9;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=アプリ] .selectgenre .genrelist,
.Jscr[name=プラン変更] .selectgenre .genrelist,
.Jscr[name=端末開始] .selectgenre .genrelist,
.Jscr[name=開始] .selectgenre .genrelist {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=アプリ] .selectgenre .genrelist .genre1,
.Jscr[name=プラン変更] .selectgenre .genrelist .genre1,
.Jscr[name=端末開始] .selectgenre .genrelist .genre1,
.Jscr[name=開始] .selectgenre .genrelist .genre1 {
  position: relative;
  display: inline-block;
  font-size: 1em;
  height: 3em;
  padding: 1em 0 1em 0;
  border: 0.1em solid #fff;
  border-radius: 0.5em;
  width: calc(100% / 3 - 1.5em);
  margin: 0.25em 0.25em 0.25em 0.25em;
  background-color: #000;
  transition: background-color 1s;
}
.Jscr[name=アプリ] .selectgenre .genrelist .genre1 span,
.Jscr[name=プラン変更] .selectgenre .genrelist .genre1 span,
.Jscr[name=端末開始] .selectgenre .genrelist .genre1 span,
.Jscr[name=開始] .selectgenre .genrelist .genre1 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Jscr[name=アプリ] .selectgenre .genrelist .genre1.active,
.Jscr[name=プラン変更] .selectgenre .genrelist .genre1.active,
.Jscr[name=端末開始] .selectgenre .genrelist .genre1.active,
.Jscr[name=開始] .selectgenre .genrelist .genre1.active {
  background-color: #2196f9;
}
.Jscr[name=アプリ] .selectgenre .datelist,
.Jscr[name=プラン変更] .selectgenre .datelist,
.Jscr[name=端末開始] .selectgenre .datelist,
.Jscr[name=開始] .selectgenre .datelist {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=アプリ] .selectgenre .datelist .date1,
.Jscr[name=プラン変更] .selectgenre .datelist .date1,
.Jscr[name=端末開始] .selectgenre .datelist .date1,
.Jscr[name=開始] .selectgenre .datelist .date1 {
  display: inline-block;
  font-size: 1em;
  padding: 1em 0 1em 0;
  border: 0.1em solid #fff;
  border-radius: 0.5em;
  width: calc(100% / 3 - 1.5em);
  margin: 0.25em 0.25em 0.25em 0.25em;
  background-color: #000;
  transition: background-color 1s;
}
.Jscr[name=アプリ] .selectgenre .datelist .date1.active,
.Jscr[name=プラン変更] .selectgenre .datelist .date1.active,
.Jscr[name=端末開始] .selectgenre .datelist .date1.active,
.Jscr[name=開始] .selectgenre .datelist .date1.active {
  background-color: #2196f9;
}
.Jscr[name=アプリ] .selectgenre .genderlist,
.Jscr[name=プラン変更] .selectgenre .genderlist,
.Jscr[name=端末開始] .selectgenre .genderlist,
.Jscr[name=開始] .selectgenre .genderlist {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=アプリ] .selectgenre .genderlist .gender1,
.Jscr[name=プラン変更] .selectgenre .genderlist .gender1,
.Jscr[name=端末開始] .selectgenre .genderlist .gender1,
.Jscr[name=開始] .selectgenre .genderlist .gender1 {
  display: inline-block;
  font-size: 1em;
  padding: 1em 0 1em 0;
  border: 0.1em solid #fff;
  border-radius: 0.5em;
  width: calc(100% / 3 - 1.5em);
  margin: 0.25em 0.25em 0.25em 0.25em;
  background-color: #000;
  transition: background-color 1s;
}
.Jscr[name=アプリ] .selectgenre .genderlist .gender1.active,
.Jscr[name=プラン変更] .selectgenre .genderlist .gender1.active,
.Jscr[name=端末開始] .selectgenre .genderlist .gender1.active,
.Jscr[name=開始] .selectgenre .genderlist .gender1.active {
  background-color: #2196f9;
}
.Jscr[name=アプリ] .selectgenre .btnriyuu,
.Jscr[name=プラン変更] .selectgenre .btnriyuu,
.Jscr[name=端末開始] .selectgenre .btnriyuu,
.Jscr[name=開始] .selectgenre .btnriyuu {
  text-align: right;
  margin-right: 1.5em;
}
.Jscr[name=アプリ] .store,
.Jscr[name=プラン変更] .store,
.Jscr[name=端末開始] .store,
.Jscr[name=開始] .store {
  text-align: center;
}
.Jscr[name=アプリ] .store .messsmall,
.Jscr[name=プラン変更] .store .messsmall,
.Jscr[name=端末開始] .store .messsmall,
.Jscr[name=開始] .store .messsmall {
  color: #2196f9;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}
.Jscr[name=アプリ] .store img,
.Jscr[name=プラン変更] .store img,
.Jscr[name=端末開始] .store img,
.Jscr[name=開始] .store img {
  height: 4em;
}
.Jscr[name=アプリ] .selectplan,
.Jscr[name=プラン変更] .selectplan,
.Jscr[name=端末開始] .selectplan,
.Jscr[name=開始] .selectplan {
  margin: auto;
  margin-top: 2em;
  max-width: 40em;
}
.Jscr[name=アプリ] .selectplan .messsmall,
.Jscr[name=プラン変更] .selectplan .messsmall,
.Jscr[name=端末開始] .selectplan .messsmall,
.Jscr[name=開始] .selectplan .messsmall {
  color: #2196f9;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5em;
}
.Jscr[name=アプリ] .selectplan .messsmall .big,
.Jscr[name=プラン変更] .selectplan .messsmall .big,
.Jscr[name=端末開始] .selectplan .messsmall .big,
.Jscr[name=開始] .selectplan .messsmall .big {
  font-size: 1.25em;
  font-weight: bold;
}
.Jscr[name=アプリ] .selectplan .red,
.Jscr[name=プラン変更] .selectplan .red,
.Jscr[name=端末開始] .selectplan .red,
.Jscr[name=開始] .selectplan .red {
  font-size: 1.25em;
  font-weight: bold;
  color: #f22;
}
.Jscr[name=アプリ] .selectplan .keshi,
.Jscr[name=プラン変更] .selectplan .keshi,
.Jscr[name=端末開始] .selectplan .keshi,
.Jscr[name=開始] .selectplan .keshi {
  text-decoration: line-through;
}
.Jscr[name=アプリ] .selectplan .planlist,
.Jscr[name=プラン変更] .selectplan .planlist,
.Jscr[name=端末開始] .selectplan .planlist,
.Jscr[name=開始] .selectplan .planlist {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.Jscr[name=アプリ] .selectplan .planlist .plan1, .Jscr[name=アプリ] .selectplan .planlist .login,
.Jscr[name=プラン変更] .selectplan .planlist .plan1,
.Jscr[name=プラン変更] .selectplan .planlist .login,
.Jscr[name=端末開始] .selectplan .planlist .plan1,
.Jscr[name=端末開始] .selectplan .planlist .login,
.Jscr[name=開始] .selectplan .planlist .plan1,
.Jscr[name=開始] .selectplan .planlist .login {
  position: relative;
  display: inline-block;
  font-size: 1em;
  padding: 1.5em 2em 1.5em 0em;
  border: 0.1em solid #fff;
  border-radius: 0.5em;
  width: calc(100% - 3em);
  margin: 0.25em 0.25em 0.25em 0.25em;
  text-align: left;
  cursor: pointer;
}
.Jscr[name=アプリ] .selectplan .planlist .plan1 .price, .Jscr[name=アプリ] .selectplan .planlist .login .price,
.Jscr[name=プラン変更] .selectplan .planlist .plan1 .price,
.Jscr[name=プラン変更] .selectplan .planlist .login .price,
.Jscr[name=端末開始] .selectplan .planlist .plan1 .price,
.Jscr[name=端末開始] .selectplan .planlist .login .price,
.Jscr[name=開始] .selectplan .planlist .plan1 .price,
.Jscr[name=開始] .selectplan .planlist .login .price {
  display: inline-block;
  width: 30%;
  font-size: 2em;
  vertical-align: middle;
  text-align: left;
  margin-left: 0.5em;
}
.Jscr[name=アプリ] .selectplan .planlist .plan1 .cond, .Jscr[name=アプリ] .selectplan .planlist .login .cond,
.Jscr[name=プラン変更] .selectplan .planlist .plan1 .cond,
.Jscr[name=プラン変更] .selectplan .planlist .login .cond,
.Jscr[name=端末開始] .selectplan .planlist .plan1 .cond,
.Jscr[name=端末開始] .selectplan .planlist .login .cond,
.Jscr[name=開始] .selectplan .planlist .plan1 .cond,
.Jscr[name=開始] .selectplan .planlist .login .cond {
  display: inline-block;
  width: calc(65% - 3em);
  vertical-align: middle;
  line-height: 1.5em;
}
.Jscr[name=アプリ] .selectplan .planlist .plan1 .cond2, .Jscr[name=アプリ] .selectplan .planlist .login .cond2,
.Jscr[name=プラン変更] .selectplan .planlist .plan1 .cond2,
.Jscr[name=プラン変更] .selectplan .planlist .login .cond2,
.Jscr[name=端末開始] .selectplan .planlist .plan1 .cond2,
.Jscr[name=端末開始] .selectplan .planlist .login .cond2,
.Jscr[name=開始] .selectplan .planlist .plan1 .cond2,
.Jscr[name=開始] .selectplan .planlist .login .cond2 {
  display: inline-block;
  width: calc(100% - 1em);
  vertical-align: middle;
  line-height: 1.5em;
  text-align: center;
}
.Jscr[name=アプリ] .selectplan .planlist .plan1 .go, .Jscr[name=アプリ] .selectplan .planlist .login .go,
.Jscr[name=プラン変更] .selectplan .planlist .plan1 .go,
.Jscr[name=プラン変更] .selectplan .planlist .login .go,
.Jscr[name=端末開始] .selectplan .planlist .plan1 .go,
.Jscr[name=端末開始] .selectplan .planlist .login .go,
.Jscr[name=開始] .selectplan .planlist .plan1 .go,
.Jscr[name=開始] .selectplan .planlist .login .go {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #2196f9;
  color: #fff;
  font-weight: bold;
  font-size: 1.5em;
  padding: 0.75em 0 0 0;
  width: 2.5em;
  height: 2.5em;
  border-radius: 3em;
  text-align: center;
}
.Jscr[name=アプリ] .startfooter,
.Jscr[name=プラン変更] .startfooter,
.Jscr[name=端末開始] .startfooter,
.Jscr[name=開始] .startfooter {
  margin-top: 4em;
  margin-bottom: 2em;
  text-align: center;
}
.Jscr[name=アプリ] .startfooter > span, .Jscr[name=アプリ] .startfooter a,
.Jscr[name=プラン変更] .startfooter > span,
.Jscr[name=プラン変更] .startfooter a,
.Jscr[name=端末開始] .startfooter > span,
.Jscr[name=端末開始] .startfooter a,
.Jscr[name=開始] .startfooter > span,
.Jscr[name=開始] .startfooter a {
  display: inline-block;
  color: #fff;
  padding: 0.5em;
  font-size: 0.8em;
}

/*# sourceMappingURL=qellojapan.scss.map */