@charset "utf-8";
/**
 * base.css 
 * (c) PECHE Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 *
 */
/**
 * 1. import
 */
 /*reset.cssについてはどれを導入するか検討する*/
/**
 * 2. html, body
 */
 * {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

body{
  background:#202124;
  color:#FAFAFA;
  font-family:  Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans CJK JP,Roboto,Helvetica Neue,Arial,Meiryo,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size: 16px;
  line-height:1.4em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 559px) {
  body{font-size:14px;}
}
body.modal-menu-open{overflow-y: hidden;height: 100vh;position: fixed;width:100%;}
/**
 * 3. HTMLtag, siteCommonClass
 */
 a{text-decoration:none;display:block;}
 footer{text-align:center;margin:0 auto;padding-bottom:44px;font-size:0.85rem;}
 img{
  width:100%;
  height:auto;
  pointer-events: none;
  -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
button:hover,a:hover,.topicbox .img:hover, .secDetail .img:hover, .sale-swiper .img:hover, .js-btn-more:hover{opacity: 0.7;}
.CorporateLogoVer2-Medium{font-family: corporate-logo-ver2, sans-serif;font-weight: 500;font-style: normal;}
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.btn-animation-loading {
  display:block;
  margin:0 auto;
  width:30px;
  height:30px;
  border-radius: 50%;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: rgb(255, 255, 255);
  animation: spin 1s infinite linear;
  padding-right:10px;
}
@media print {
  img { display: none; }
}
 header{
  position:fixed;
  z-index:91;
  width:100%;
  padding:16px 15px;
  height:44px;
}
@media screen and (min-width: 1100px) {
  header{padding:8px 25px;}
}
 #Header{
   position:fixed;
   padding-top:45px;
   top:0;
   left:0;
   width:100%;
   height:90px;
   background-color:rgba(32,33,36,0.9);
   z-index:90;
   border-bottom:0.2px solid #323338;
   line-height:1.2em;
   -webkit-backdrop-filter: blur(30px) brightness(100%);
	 backdrop-filter: blur(30px) brightness(100%);
 }
 /* backdrop-filter 非対応ブラウザ用 */
@supports not ((-webkit-backdrop-filter: blur(30px) brightness(100%)) or (backdrop-filter: blur(30px) brightness(100%))) {
	#Header {
		background-color:rgba(0,0,0,0.9);
	}
}
#Header button{font-size:1em;font-weight:normal;}
@media screen and (min-width: 1100px) {
  #Header{height:105px;padding-top:55px;}
}

 /*main*/
 main{padding:95px 10px 50px 10px;line-height:1.4em;}
 main#pagetop{margin:0 !important;padding:90px 0 0 0 !important;}
 main.no_breadcrumb{padding-top:125px;}
 main#docs_index{background:rgba(236, 238, 236, 1);color:#494949;}
 @media screen and (min-width: 1100px) {
  main{padding:100px 25px;}
  main#pagetop{padding:105px 0 0 0 !important;}
  main.no_breadcrumb{padding-top:140px;}
}

 /*nav*/
 .nav{white-space: nowrap;overflow-x: auto;margin-top:10px;font-size:0.85em;padding:0 10px;}
 .nav::-webkit-scrollbar {display: none;}
 .gb-nav-swiper .swiper-slide{padding:0 10px;}
 .gr_nav ul li{background-color:#44464C;border-radius:8px;margin-right:5px !important;padding:5px 13px;}
 .gr_nav ul li:hover{background-color:rgba(255,255,255,0.3);
	transition: 0.2s;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s;}
 .nav ul{width: max-content;}
 i{color:#e8e8e8;padding-right:20px;}
 input[type=checkbox] {width:auto;}
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
 }
 input[type="number"] {-moz-appearance: textfield;}
 ::placeholder {color:#999;font-size:0.9em;font-weight:bold;}
 ::-ms-input-placeholder {color:#999;font-size:0.9em;font-weight:bold;} /* 旧Edge対応 */
 :-ms-input-placeholder {color:#999;font-size:0.9em;font-weight:bold;}/* IE対応 */
 .ui-menu-item-wrapper{padding:8px 16px;}
 /*flexbox*/
 .flexbox{display: -webkit-flex;display: flex;}
 .flexbox li{margin-right:0.5em;padding:0.2em 0.8em;}
 .flexbox li:last-child{margin-right:0;}
 .flexbox-nowrap{-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
 .flexbox-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
 .flex-centered{-webkit-justify-content: center;justify-content: center;}
 .flex-start{-webkit-justify-content: flex-start;justify-content: flex-start;}
 .flex-align-centered{-webkit-align-items: center;align-items: center;}
 .flex-space-between{-webkit-justify-content: space-between;justify-content: space-between;}
 .txt{margin:5px 0 0 0;text-align:left;overflow-wrap:  break-word;}

/**
 * 4. Layout
 */
.sp{display:block !important;}
.pc{display:none !important;}
.b{font-weight:bold;}
body.fixed {
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: -1;
}
.main-wrapper{padding:0;}
@media screen and (min-width: 1100px) {
  .main-wrapper{padding:0 25px;}
}
.main-leftbox-wrapper{width:75%;}
.main-rightbox-wrapper{width:25%;margin-left:3%;}
/*ヘッダー*/
#header-logo{z-index:999;position:fixed;top:14px;left:55px;}
#header-logo img{width:110px;}
#header-search-form{margin-left: auto;position:relative;}
@media screen and (min-width: 1100px) {
  #header-search-form{width:20%;}
}
#header-search-form input{font-size:1em;padding:8px 45px 8px 15px;border-radius:30px;margin-top:0;border:1px solid #FAFAFA;background-color:transparent;color:#FAFAFA;/*background-color:#333;*/width:100%;}
#header-search-form input::placeholder {color:#FAFAFA;font-size:0.85em;}
#header-search-form input::-ms-input-placeholder {color:#FAFAFA;font-size:0.85em;} /* 旧Edge対応 */
#header-search-form input:-ms-input-placeholder {color:#FAFAFA;font-size:0.85em;}/* IE対応 */
#header-search-form button{position:absolute;top:8px;right:0;width:auto;}
#header-search-form input:focus {
  border: solid 1px #FF00A0;
}
#header-search-form input:focus::-webkit-input-placeholder{
  color: transparent;
}
#header-search-form input:focus::-moz-placeholder {
  color: transparent;
}
#header-search-form input:focus::-ms-input-placeholder {
  color: transparent;
}
#header-search-form input:focus::placeholder {
  color: transparent;
}
.searchPanel .search-form-sp button{top:7px !important;right:0 !important;}
.searchPanel .tagList{margin-bottom:20px;}
.searchPanel .tagList > div{font-size:0.8em;padding:8px 16px;margin-right:8px;}
.searchPanel .search-reco{margin:10px 0;}
.searchPanel .topic-wrapper{margin:10px 0;}
#header-info{text-align:center;width:40px;}
@media screen and (min-width: 1100px) {
  #header-info{margin:0 10px;}
}
#header-info i{padding-right:0;}
#header-info .info-btn{position:relative;}
#header-info .info-btn > div{width:8px;height:8px;border-radius:10px;background-color:#c40101;position:absolute;right:8px;}
.headerMem__point{text-align:center;font-size:10px;}
.headerMem__point i{color:#000;background:#FAFAFA;border-radius:50%;width:20px;height:20px;margin-left:10px;}
.headerMem__point .fas{line-height:1.15 !important;}
/*パンくず*/
.breadcrumb {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  
}
.breadcrumb li {
  display: -webkit-flex;
  display: flex;
  margin:0.2em 0;
  font-size:0.7em;
  position: relative;
}
.breadcrumb li:after {
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	transition: 0.2s;
  padding: 0 1em;
}
.breadcrumb li:last-child:after,#page__movie .breadcrumb li:last-child:after,#page__series .breadcrumb li:last-child:after{content: '';}
.breadcrumb li a {text-decoration: none;}
.breadcrumb li a:hover {text-decoration: underline;}
/*スライド*/
#Menu-RegistButton,#Menu-LoginButton,#Header-RegistButton,#Header-LoginButton{padding:8px 0;width:100%;font-weight:700;display:block;border-radius:3px;margin:15px auto;text-align:center;}
#main-vi{/*max-width: 640px;*/width: 100%;overflow: hidden;box-sizing: border-box;}
#main-vi, .sale-swiper, .topic-swiper{position:relative;opacity:0;/*display:none;*/}
.sale-swiper{background:#121314;padding:35px 0;overflow: hidden;}
.main-vi-bnr img{width:98%;margin:20px auto;max-width:640px;}
.swiper-button-next, .swiper-button-prev{display:none !important;}
#main-vi .swiper-button-next,
#main-vi .swiper-button-prev,
.sale-swiper .swiper-button-next,
.sale-swiper .swiper-button-prev{display:flex !important;display:-webkit-flex !important;}
@media screen and (min-width: 1100px) {
  .swiper-button-prev, .swiper-button-next{
    display:flex !important;
    display:-webkit-flex !important;
  }
  #main-vi .swiper-button-next{right:26%;background:transparent;}
  #main-vi .swiper-button-prev{left:26%;background:transparent;}
}
 /*スワイパー*/
 .swiper-button-prev, .swiper-button-next{
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height:100% !important;
  top:0;
  width:80px;
  margin-top:auto !important;
}
.swiper-button-prev{
  left:0;
  background:linear-gradient(270deg,rgba(0, 0, 0, 0) 0.1%,#202124 100%);
}
.swiper-button-next{
  right:0;
  background:linear-gradient(90deg,rgba(0, 0, 0, 0) 0.1%,#202124 100%);
}
.swiper-button-prev:after, .swiper-button-next:after{color:#fff;font-size:25px !important;}
@media screen and (max-width: 1100px) {
  .swiper-button-prev, .swiper-button-next{
    background:transparent;
    width:30px;
  }
}
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 0 0 0 8px !important;
  background: #fff;
}
.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
/*メニュー*/
#toggle {
    position: fixed;
    top: 14px;
    left: 15px;
    color:#FAFAFA;
    z-index: 999;
    transform: translateZ(1px);
}
@media screen and (min-width: 1100px) {
  #toggle {
    left: 25px;
  }
}
#toggle-box {
    position: relative;
    width: 20px;
    height: 15px;
    cursor: pointer;
    margin-bottom:2px;
}
#toggle-box > span {
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #FAFAFA;
  position: absolute;
  transition: transform .6s ease-in-out;
}
#toggle-box > span:nth-child(1) {top: 0;}
#toggle-box > span:nth-child(2) {top: 50%;transform: translatey(-50%);}
#toggle-box > span:nth-child(3) {bottom: 0;}
#toggle-box > span:nth-child(3)::after{
  content:"メニュー";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:5px;
  left:-9px;
  color: #FAFAFA;
  font-size:10px;
  text-transform: uppercase;
  -moz-transform:scale(0.7);
  -ms-transform:scale(0.7);
  -o-transform:scale(0.7);
  transform:scale(0.7);
  display:inline-block;
  width:40px;
  white-space:nowrap;
}
.wrapper {
  transition: all .5s;
}
.menu-trigger {
  vertical-align: middle;
  cursor: pointer;
  position: fixed;
  z-index: 100;
  transform: translateZ(1px);
}
.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all .5s;
}
nav {
  background-color:rgba(32,33,36,.98);
  position: fixed;
  z-index: 99;
  top: 90px;
  right: 100%;
  overflow-x: hidden;
  text-align: center;
  width: 246px;
  transition: all 0.5s ease;
  transform: translateZ(1px);
  height: 100vh;
  overflow: scroll;
}
/* メニューを開いた時 */
nav.open-menu {
  left: 0;
  animation: menu-anim 0.3s ease-out forwards;
}
@media screen and (min-width: 1100px) {
  nav {
    width: 320px;
    top: 105px;
  }
}
@keyframes menu-anim {
  0% {
    left: -100%;
    bottom: 0;
  }
  100% {
    bottom: 0;
    left: 0;
  }
}
.overlay {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
#nav-content ul li:hover{background:#565961;}
#nav-content ul li i{display:inline-block;width:40px;text-align:center;}
.nav-content-point{text-align:center;padding:0;margin:30px 0;}
.nav-content-button{padding:10px 0;}
.nav-content-point .bt{width:80% !important;padding:5px 10px;font-size:0.85rem;}
.nav-content-point div{margin-top:10px;font-size:1.2rem;}
.infoList, .search-menu, .searchPanel{
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 79;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: rgba(32,33,36,0.9);
  padding:50px 10px;
}
.search-form-sp{margin-bottom:20px;position:relative;}
.info__item{
  width: 100%;
  height: auto;
  padding: 1em 1em;
  color: #FAFAFA;
  box-sizing: border-box;
}
.menu__item{
  padding:0.9em;
  position:relative;
  white-space: nowrap;
}
.menu__item span{display:block;font-size:0.5em;}
.menu__item a{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
.item__line{padding-top:0.9em;}
.item__line::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  display: inline-block;
  width: 90%;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #44464C;
  border-radius: 2px;
}
.info__item > a{
  padding: 1.5em 1em;
  border-bottom:1px solid #323338;
}
.info__item > div:nth-child(2){text-align:left;}
.info__item > div:last-child{border:0;}
.infobox > div:first-of-type{text-align:left;}
.infoList, .search-menu, .searchPanel, .search-form-sp{
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s linear;
}
.infoList.is-active, .search-menu.is-active, .searchPanel.is-active, .search-form-sp.is-active{
  pointer-events: auto;
  opacity: 1;
}
/*フッター*/
footer ul li{width:50%;height:50px;margin-right:0 !important;}
footer > div{font-size:0.7em;margin:0 auto;}
.footer-menu{margin:50px auto 25px auto;}
#fixedFooter{position:fixed;left:0;bottom:0;width:100%;background: rgba(32,33,36,0.9);text-align:center;z-index:10;transform: translateZ(1px);}
#Footer-RegistButton{max-width:500px;}
#Footer-RegistButton,#Footer-LoginButton{padding:15px 0;font-size:26px;width:100%;max-width:500px;font-weight:700;display:block;border-radius:3px;margin:15px auto;text-align:center;}
@media (max-width: 1100px) {
  #Footer-RegistButton, #Footer-LoginButton{width:95%;font-size:1em;padding:10px 0;max-width:initial;margin:10px auto !important;}
  .flexbox #Footer-RegistButton, .flexbox #Footer-LoginButton{width:48%;}
}
.appWrapper{background-color:#161719;height:auto;margin:0 auto;}
.appWrapper img{max-height:250px;width:auto !important;}
.appDL div{font-size:0.85rem;text-align:center;}
.appDL{text-align:center;}
.appDLbt{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
@media screen and (min-width: 1100px) {
  .appDL{text-align:left;padding-left:10px;}
  .appDL div{font-size:0.85rem;text-align:left;}
  .appDLbt{-webkit-justify-content: left;justify-content: left;}
}
.rightsgroup__wrap{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;text-align:left;}
@media screen and (max-width: 700px) {
  .rightsgroup__wrap div:nth-child(3) {
    width: 90%;
    margin:0 auto;
    max-width:370px;
  }
}
.appBox{text-align:center;}
@media screen and (min-width: 700px) {
.appBox{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
}
.rightsgroup__box{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin:5px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  font-size:10px;
  color:#808080;
  max-width:180px;
}
.rightsgroup__box div:nth-child(1){width:40px;}

/*フォーム*/
label{display:block;margin-bottom:10px;}
.form-no-deco:focus {outline: none;}
input[type=checkbox] {margin:0;}
input{width:100%;padding:9px 8px;border-radius:5px;background-color:#FAFAFA;color:#1a1c22;}
#reg__form section{margin:20px auto !important;}
.onetime__form input{margin-right:1em;min-width:10%;}
.onetime__form input:last-child{margin-right:0;}
main input{
	border:1px solid #bbb;
}
main input[type='email']:focus {
  border: 1px solid #ff00a0;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
textarea {
  padding: 10px;
  width: 100%;
  line-height: 1.5;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 1px #999;
  background:#FAFAFA;
  color:#000;
}
/*セレクトボックス*/
.input-select-wrap, .input-select{width:100%;}
.input-select-wrap{position:relative;}
.input-select{padding:10px 20px;border-radius:5px;background-color:#fff;color:#999;font-size:0.9em;font-weight:bold;}
.input-select option:first-child{display:none;}
.input-select-wrap::after{
  position:absolute;
  top:50%;
  right:15px;
  display:block;
  content:"";
  width:10px;
  height:10px;
  border-right:2px solid #494949;
  border-bottom:2px solid #494949;
  transform:translateY(-60%) rotate(45deg);
  -webkit-transform:translateY(-60%) rotate(45deg);
}
.mypage__Wrap .input-select-wrap, .mypage__Wrap .input-select{width:auto;}
.mypage__Wrap .input-select{color:#fff;border-radius:0;}
.mypage__Wrap .input-select-wrap::after{
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}
.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 2em auto;
}
.cp_ipselect select {
	width: 98%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 50%;/*0.8em;*/
	right: 1em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #999;
  font-weight:bold;
}
/*ボタン*/
#reg__form button{margin-top:40px;}
button{width:100%;font-weight:bold;display:block;border-radius:3px;white-space:nowrap;}
.bt{text-align:center;margin:20px auto;padding:15px 0;max-width:400px;}
@media screen and (max-width: 1100px) {
  .bt{padding:10px 0;}
}
#fixedFooter .bt{margin:2px 5px;padding:8px 10px;font-size:0.8rem;}
#header-bt-regist{text-align:center;}
#header-bt-regist a{width:auto !important;font-size:0.8rem;padding:5px 15px;}
#header-bt-regist a.btPink{margin:0 10px 0 0 !important;}
#header-bt-regist a.btWhiteOut{margin:0 !important;}
.btRound{border-radius:40px;}
.bt_s{max-width:400px;}
.btPink{background:#ff00a0;border:1px solid #ff00a0;}
.btWhiteOut{border:1px solid #fff;background-color:#323338;}
.menu .btWhiteOut{width:50%;margin:30px auto;}
.buyComf{max-width:500px;background-color:#161719;padding:5px 20px;margin:0 auto;}
@media screen and (min-width: 1100px) {
  .buyComf{margin:0;}
}
.buyComf .btPink{width:100%;line-height:1.4em;border:1px solid #B30071 !important;}
.buyComf button{font-weight:normal;font-size:0.8em;}
.buyComf .btPink span{font-size:0.8em;font-weight:bold;}
.buyComf .bt{width:auto;max-width:400px;margin:0;padding:8px 24px;}
.btGray{background-color:#323338;padding:10px 15px;text-align:center;min-width:100px;}
.unregist{width:100%;max-width:300px;padding:20px 0;margin:40px auto;}
#clearBtn{width:60%;padding:20px 0;border-radius:40px;border:1px solid #fff;margin:0 auto;}
#bt_mylist{width:50px;text-align:center;position:relative;}
#mylist_icon{transition: all 1s 0s ease;}
.added_mylist, .added_mylist span{color:#FAFAFA !important;}
#bt_mylist div{font-size:0.5em;}
#bt_mylist i{padding-right:0;color:#FAFAFA;position:absolute;transition: all 1.5s 0s ease;}
#bt_mylist .fa-bookmark{top:5px;left:0;right:0;font-size:1.3em;font-weight:100;}
.added_mylist .fa-bookmark{font-weight:900 !important;}
#bt_mylist .fa-plus-circle{top:15px;left:30px;font-size:0.7em;}
#bt_mylist button{height:35px;position:relative;}
#bt_mylist::after{
  content:'マイリスト';
  font-size:0.5rem;
  width:50px;
  position:absolute;
  left:0;
  right:0;
  top:25px;
  text-align:center;
}
.added_mylist i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left:-50px;
  content: "";
  background: #ff00a0;
  border-radius: 100%;
  opacity: 0;
}
@keyframes ripple {
  0% {
    opacity: 1;
    transform: scale(0.0);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
.added_mylist i{color:#ff00a0 !important;transition: all 1.5s 0s ease;}
.regist__formWrap .submit-btn {
  /* buttonタグのリセットCSS */
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  color: #FAFAFA;
  background-color: #FF00A0;
  cursor: pointer;
}
button[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
button.js-btn-more[disabled] {
  background-color: #323338;
  color:#FAFAFA;
  border:1px solid #fff;
}
.regist__formWrap .submit-btn[disabled]{
  background-color: #ccc;
  cursor: not-allowed;
  color:#333;
  border:#1a1c22;
}
a.arrow_right{
  display:inline-block;
}
.arrow_right {
  position: relative;
  padding-right:25px;
}
.arrow_right::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #FAFAFA;
  border-right: 3px solid #FAFAFA;
  transform: rotate(45deg);
}
button.arrow_right::after{right: 15px;}
.js-btn-more{cursor:pointer;display:none;}
/*ページタイトル*/
h1#page__title{font-size:1.4em;font-weight:bold;text-align:left;margin:20px auto;line-height:1.4;}
#reg__form h1#page__title, .present__detailWrap h1#page__title, .error__Wrap h1#page__title, .page_error h1#page__title{text-align:center;}
#reg__form h1#page__title{margin:20px auto 0 auto;}
.series-main h1#page__title{margin:0 16px 0 0!important;}
/*@media screen and (max-width: 1100px) {
  h1#page__title{font-size:1.2em;}
}*/
/*スライド*/
.swiper-slide {color: #FAFAFA;height: auto;text-align: center;}
/*スケルトンスクリーン*/
.data-loading {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 50;
}
/* キラキラエフェクトのアニメーション */
@keyframes skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.data-loading::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  animation: skeleton-animation 1.2s linear infinite;
}
/* 画像部分のスケルトンスクリーン */
.data-loading__img {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #121314;
  border-radius:10px;
}
/* テキスト部分のスケルトンスクリーン */
.data-loading__line {
  display: block;
  height:100%;
  background-color: #121314;
}
#pagetop .data-loading__line{height: 20px;}
/* スケルトンスクリーンを非表示にするクラス */
.data-loading--hidden {
  display: none;
}

/*スケルトンスクリーン*/
.skelton{overflow:hidden;background-color:#121314;border-radius:6px;}
.skelton img, .skelton .txtTitle{opacity:0;transition:.5s;}
.loaded .skelton{background-color:transparent;}
.loaded .skelton:before{opacity:0;}
.skelton:before{
  content:"";
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent 0%,#333 50%,transparent 100%);
  animation: loading 1s linear infinite;
}
.loaded img, .loaded .txtTitle{opacity:1;}

@keyframes loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/*トップページ用モーダル*/
#pagetop #modalWrap {
	display: none;
	background: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}
#pagetop .modalBox {
	position: fixed;
	width: 90%;
	max-width: 500px;
	height: 0;
	top:110px;
  left:0;
	right: 0;
	margin: auto;
	opacity: 1;
	border-radius: 3px;
	z-index: 999;
}
#pagetop .modalInner {
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;
  border-radius:3px;
  font-weight:bold;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
  border-radius:5px;
  background-color:hsla(0,0%,100%,.15);
  backdrop-filter:blur(15px) brightness(60%);
  -webkit-backdrop-filter:blur(15px) brightness(60%);
}
#pagetop .modalInner i{color:#ff00a0;}
@media screen and (max-width: 1100px) {
  #pagetop .modalBox {
    top:auto;
    bottom:5em;
  }
}
/*トピック*/
.top-info{width:98%;border:2px solid #c40101;padding:10px 8px; margin:20px auto;font-weight:bold;text-align:center;background-color:rgba(196, 1, 1, 0.1);}
.top-info p{margin:8px auto;}
#pagetop .topic-wrapper{margin-left:10px;}
.topic-wrapper{margin:40px 0;}
.rankingWrap .topic-wrapper{margin:10px 0;}
.topic-title{font-size:1.1em;margin:0px 10px 10px 0;font-weight:bold;position:relative;line-height:1.4em;}
.topic-title h2.arrow_right{display:inline-block;}
.topic-title div{font-size:0.7em;}
@media screen and (min-width: 1100px) {
  .topic-title{margin:10px 10px;}
  .topic-title h2{font-size:1.2em;}
  .topic-title div{font-size:0.8em;}
}

#pagetop .topic-swiper{margin:0;}
@media screen and (min-width: 1100px) {
  #pagetop .topic-swiper{margin:0 0 0 10px;}
}
.topic-swiper{position:relative;overflow: hidden;margin:0 10px;}
.topicbox{height:100%;}/*画面サイズで可変する*/
.topicbox .img{position:relative;background-size:contain;overflow:hidden;}
.topicbox .img::before{
	content: '';
	background: inherit;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
  transform: translateZ(0);
}

.topicbox .img img{aspect-ratio: 16/9; object-fit:contain;border-radius:6px;}
.topicbox .iconList{position:absolute;left:0;top:0;margin:0;}
.txtTitle{font-size:0.8em;}
.txtTitleSub{color:#808080;font-size:0.7rem;}
.txtTitle, .txtTitleSub{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txtDetail{display:none;}
.swiper-wrapper{height:auto !important;}
.topic-sp-swiper{padding:0px 10px;position:relative;overflow: hidden;}
.topic-sp-swiper .topicbox{padding:15px 0;}
.topic-sp-img{height:150px;width:100%;position:relative;}
.topic-sp-img img{height:150px;width:100%;z-index:1;object-fit: cover;}
.topic-sp-imgTxt{position:absolute;top:0;left:0;width:100%;height:150px;background: rgba(0,0,0,0.7);line-height:1.5em;}
.topic-sp-imgTxt div{width:95%;margin:0 auto;}
.topic-sp-imgTxt h1{font-size:1.3em;margin-bottom:20px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0 !important;}
/*アイコン*/
.series-mainR .iconList{margin:0 0 8px 0;}
.iconList{margin:10px 0 5px 0;text-align:left;}
.iconList i{
  display:inline-block;
  padding:0px 2px;
  border-radius:5px;
  color:#FAFAFA;
  text-shadow: 0 0 3px rgba(0, 0, 0, .5);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .5);
  font-size:10px;
  -moz-transform:scale(0.9);
  -ms-transform:scale(0.9);
  -o-transform:scale(0.9);
  transform:scale(0.9);
}
i.prem{background-image: linear-gradient(90deg, rgba(61, 200, 194, 1), rgba(61, 156, 194, 1) 50%, rgba(197, 125, 233, 1));}
i.p-free{background-image: linear-gradient(-225deg, #FF057C 0%, #8D0B93 50%, #321575 100%);}
i.purch{background-color:#223485 !important;}
i.prem_early{background-image: linear-gradient(90deg, rgba(247, 93, 216, 1), rgba(230, 170, 20, 1));}
.rankingWrap{background:#121314;padding:10px 0;}
.rankingScore{font-size:2.5rem;bottom:1rem;left:0;z-index:2;font-weight:900;-webkit-text-stroke: 2px #fff;color:#121314;position:absolute;transform: scaleY(1.4);}
.rankingWrap a, .rankingWrap .txt{padding-left:25px;}
.rankingWrap a{position:relative;}
@media screen and (min-width: 500px) {
  .rankingWrap a, .rankingWrap .txt{padding-left:30px;}
}
@media screen and (min-width: 1100px) {
  .rankingScore{font-size:3.5rem;bottom:1.7rem;}
  .rankingWrap a, .rankingWrap .txt{padding-left:40px;}
}
@media screen and (min-width: 1300px) {
  .rankingScore{font-size:4rem;bottom:2rem;}
  .rankingWrap a, .rankingWrap .txt{padding-left:50px;}
}
/*シリーズ*/
.series-main img{width: 100%;height: auto;object-fit: contain;aspect-ratio:16/9;}
.series-mainR{padding:20px 0 0 0;}
@media screen and (min-width: 1100px) {
  .series-mainR{padding:20px 10px 0 10px;}
}
.series-mainR h1{font-size:1.5em;margin-bottom:20px;}
.series-mainR > div{margin-bottom:15px;}
.title_area{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
@media screen and (min-width: 1100px) {
  .title_area{-webkit-justify-content: flex-start;justify-content: flex-start;}
}
.title_info_area{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;font-size:0.8em;}
.title_info_area > div:nth-of-type(2) {margin-left: auto;}
@media screen and (min-width: 1100px) {
  .title_info_area > div:nth-of-type(2) {margin-left: 0;}
}
.title_info_area > div{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;/*margin-right:1em;*/}
.title_info_area span{padding-right:1em;color:#808080;}
.tagList{margin-bottom:5px;}
.tagList > div{display:inline-block;font-size:0.8rem;padding:2px 10px;background:#44464C;margin:0 5px 8px 0;border-radius:8px;}
.main-leftbox-wrapper section, .main-rightbox-wrapper section{margin:40px auto;}
.series-wrapper{margin:20px 0;}
.series-wrapper section{margin:20px auto;}
.series-wrapper .flex-space-between::after{
  content:"";
  display: block;
  width:30%;
}
section .secTitle{font-size:1.2em;font-weight:bold;margin:15px 0;}
.title_intro{display:none;}
@media screen and (min-width: 1100px) {
  .title_intro{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
.secBox{width:100%;padding:10px 0 30px 0;border-top:1px solid #323338;}
.secBox .txt{font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:1.2em;}
.secDetail .img{position:relative;}
.secDetail img{width:150px;aspect-ratio:16/9;object-fit:contain;border-radius:10px;}
.secDetail .iconList{margin:0;position:absolute;left:0;top:0;}
.secDetail .title{margin:5px 0 5px 10px;position:relative;}
.secDetail .title > div:nth-child(1){color:#ffffff !important;}
.secDetail .title > div{color:#808080;font-size:0.85em;}
.series__outlineWrap,.series__outline{margin:0 !important;}
.series__outlineWrap > div{margin:30px 0;}
.series__staff .flexbox > div{margin-bottom:3%;width:100%;}
.series__cast .cast__name:after{content:"/";font-size:0.85rem;color:#808080;padding:0 3px;}
.series__cast .cast__name:last-child:after, .series__cast .staff__name:last-child:after{content:"";}
.series__cast .staff__name:after{content:"　";}
.posi{margin-bottom:8px;font-size:0.9rem;color:#808080;}
.series__cast .cast__name a, .series__cast .staff__name a{text-decoration:underline;}
.series__info .posi{margin-right:0 !important;}
.series_info_container{
  position: relative;
  overflow: hidden;
  transition: .4s;
  box-sizing: border-box;
}
.series_info_container:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(32,33,36,1) 70%, rgba(32,33,36,0) 100%);
  transition: .4s;
}
.series_info_container.active:before{
  opacity: 0;
  visibility: hidden;
}
#title_info_detail{padding:15px 0 80px 0;}
button.show_detail{
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 100px;
  height: 40px;
  cursor: pointer;
  border: none;
  font-weight:normal;
  font-size:0.85rem;
  border:1px solid #fff;
  background-color:#323338;
  text-align:center;
}
button.show_detail i{margin-left:0.5rem;padding:0;}
.buyDays{font-size:0.85rem;text-align:left;margin-bottom:5px;}
.rating_type{border:1px solid #808080;padding:0 3px !important;font-size:0.6rem;}
.rental__button{margin:10px 0;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {opacity: 1;}
  100% {opacity: 1;}
}
@keyframes slideDown {
  0% {opacity: 1;}
  100% {opacity: 1;}
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.content-wrap {
  height: 150px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 80px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  transform: translateZ(0);
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00000000',
      endColorstr='#000000',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 150px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  padding: 5px 20px;
  width: 80%;
  border-radius: 20px;
}
.close-btn {padding:0;}
/*ジャンル*/
.genre__sortWrap{background-color:#333;padding:20px 25px 10px 25px;font-size:0.85em;}
.genre__sortBox{margin:10px 5px;} 
.genre__sortWrap .genre__sortTitle{color:#FF00A0;font-size:1.2em;}
.genre__sortWrap .genre__sortBox{margin:1em 0;}
.genre__sortWrap .genre__sortBox .cp_ipselect{max-width:600px;text-align:left;margin:0;}
.genre__sortWrap .genre__sortBox div:first-child{margin-right:0;margin-bottom:10px;}
.genre__sortWrap .genreList > li a:hover{color:#FF00A0;}
.genre__itemWrap{margin:2em auto;width:98%;}
.genre__itemWrap .topicbox{width:15%;margin:1em 0;}
.genre__itemWrap .topicbox .txtTitle{font-size:0.85em;}
.genre__itemWrap .flexbox::after {display: block;content:"";width:15%;}
/*検索・マイリスト*/
.search__sortTitle,.mylist__sortTitle, .mypage__pageTitle{font-size:1.8em;margin-bottom:20px;font-weight:bold;}
.search__itemTitle{border-bottom:1px solid #323338;padding:10px 5px;}
.mylist__itemTitle span{font-size:0.9em;color:#808080;}
.mylist__sortWrap{margin:20px auto;text-align:center;}
.mylist__sortTitle{text-align:left;}
.search-swiper .swiper-title span{border:1px solid #fff;padding:3px 5px;margin-right:5px;}
.mylist__itemTitle{margin-right:20px;padding:10px 5px;}
.mylist__itemTitle .active{border-bottom:1px solid #fff;}
.search__itemWrap{margin-top:20px;}
.search__itemWrap .topicbox{width:33%;padding:0;margin:0 0.25% 10px 0;}
.search__itemWrap .topicbox:nth-child(1), .search__itemWrap .topicbox:nth-child(3n+1){margin-left:0.25%;}
.search__itemWrap .topicbox:nth-child(3n) {margin:0 0.25% 0 0;}
.search__itemWrap .topicbox .iconList{margin:0;}
.search__itemWrap .topicbox .txt{margin:5px 0;font-size:0.85em;}
/*ジャンル*/
.genre__topicboxWrap{margin-top:20px;}
@media screen and (max-width: 428px) {
  .genre__topicboxWrap .topicbox{width:49.5%;padding:0;margin:0 0.5% 5% 0;}
  .genre__topicboxWrap .topicbox:nth-of-type(2n){margin:0 0 5% 0;}
}
@media screen and (min-width: 429px) and (max-width: 768px) {
  .genre__topicboxWrap .topicbox{width:33%;padding:0;margin:0 0 3% 0;}
  .genre__topicboxWrap .topicbox:nth-child(3n+2){margin:0 0.5% 4% 0.5%;}
}
@media screen and (min-width: 769px) and (max-width: 960px){
  .genre__topicboxWrap .topicbox{width:24%;padding:0;margin:0 0.5% 3% 0;}
  .genre__topicboxWrap .topicbox:nth-child(4n){margin:0 0 4% 0;}
}
@media screen and (min-width: 961px) {
  .genre__sortWrap .genre__sortBox{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
  .genre__sortWrap .genre__sortBox div:first-child{width:120px;margin-right:10px;}
  .genre__topicboxWrap .topicbox{width:19.5%;padding:0;margin:0 0.5% 3% 0;}
  .genre__topicboxWrap .topicbox:nth-of-type(5n){margin:0 0 3% 0;}

}
/*エンプティステート*/
.page_empty{border:1px solid #323338;background-color:#161719;padding:50px 10px;text-align:center;margin:50px auto !important;}
.page_empty img{width:50%;max-width:500px;}
.page_empty button{width:95%;max-width:400px;}
/*会員登録・ログイン*/
#reg__form .tab-list {margin:30px auto 50px auto;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
#reg__form .tab-list > li {
    text-align: center;
    padding: 10px 20px;
    transition: 0.2s ease;
    cursor: pointer;
}
#reg__form .tab-list > li.active {border-bottom:3px solid #FF00A0;}
#reg__form .tab-container {padding: 20px;line-height: 2;}
#reg__form .tab-content {display: none;}
#reg__form .tab-content.active {display: block;}
.regist__formWrap, .error__Wrap{width:98%;max-width:640px;margin:80px auto 300px auto;text-align:center;line-height:2em;}
.regist__formTitle{margin:100px auto 20px auto !Important;font-size:1.4em;text-align:center;font-weight:bold;}
.regist__formWrap div{margin:10px auto 20px auto;}  
.regist__formWrap label{text-align:left;font-size:0.85rem;margin-bottom:0;}
.m_course .regist__formWrap label{font-size:1rem;}
.login_carrierId{background-color:#333;padding:20px 25px 40px 25px;margin-top:50px;}
.login_carrierId > div{margin:10px auto;}
.regist_kanteleIdTitle{font-size:1.2em;font-weight:bold;}
.regist__formWrap a{display:inline;}
.login__form{text-align:left;}
.regist_docs a{text-decoration:underline;}
.oubo_confirm > div:nth-child(1){margin:0;}
.oubo_confirm > div:nth-child(2){background-color:#161719;padding:20px;}
.credit-exp-wrap div{margin:0 !important;}
.credit-exp-select{margin:0 1rem 0 0 !important;}
.credit-exp-wrap .input-select{padding:10px;}
.credit-exp{width:70%;}
.credit-exp-select{width:50%;min-width:100px;}
.security-code{width:100px;}
.head-border {
  display: flex;
  align-items: center;
}
.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #666;
}
.head-border:before {margin-right: 1rem;}
.head-border:after {margin-left: 1rem;}
.regist_step{margin:40px auto;font-size:0.8em;width:98%;max-width:640px;padding:0;display: -webkit-flex;display: flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.regist_step li.active, .regist_step li.active i{color:#ff00a0;}
.regist_step li:after{
  font-family: "Font Awesome 5 Free";
	content: "\f054";
	font-weight: 900;
	transition: 0.2s;
	font-size:0.7em;
  padding: 0 1em;
  color:#fff;
}
.regist_step li:last-child:after {content: '';}
.regist_step i{padding-right:5px;}
.password-wrapper {
  position:relative;
  margin:0 !important;
}
.password__input{padding-right:40px;}
.password__toggle {
  width: 40px;
  height:44px;
  border: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>") no-repeat center center; 
  background-size: 50% auto;
  cursor: pointer;
  position:absolute;
  right:0;
  top:0;
  margin-top:0 !important;
}
.password__toggle.is-visible {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>");
}
@media (any-hover: hover) {
  .password__toggle:hover {
    opacity: 0.7;
  }
}
.agreecheck_wrap{line-height:1.4em;font-size:0.9em;background:#161719;padding:5px;}
.ECM_CheckboxInput {
  padding: 12px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}
.ECM_CheckboxInput:hover > .ECM_CheckboxInput-DummyInput{
  background: #CCCCCC;
}
.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput{
  background: #CCCCCC;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  background: #FF00A0;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 35%;
  height: 2px;
  transform: translate(-5px, 6px) rotateZ(-135deg);
  transform-origin: 1px 1px;
  background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 70%;
  height: 2px;
  transform: translate(-5px, 6px) rotateZ(-45deg);
  transform-origin: 1px 1px;
  background: #FFFFFF;
}
.ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  background: #F5F5F5;
  box-shadow: 0 1px 4px rgba(0,0,0, .4) inset;
}
.ECM_CheckboxInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
}
/*登録完了*/
.popup {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
#popup-content {position: relative;margin: auto;padding:32px 24px;background-color: #202124;width: 98%;max-width:800px;top: 45px;border-radius: 5px;max-height: calc(100vh - 20px);overflow-y:auto;-webkit-overflow-scrolling: touch;}
.popup input[type="radio"]{width:auto;}
.additionalForm{display:none;width:auto;margin:8px 0 5px 1.5em;padding:8px !important;width: calc(100% - 1.5em);box-sizing: border-box;}
.popup .btPink{color:#fafafa !important;}
#popup2 .form-group{display:flex;flex-wrap: wrap;margin:16px 16px 0 16px}
#popup2 .form-group label{width:33.3%}
#popup2 .regist_q > label{margin:0 16px;}
#options3 .form-group span{font-size:0.85em;padding-left:0;}
#popup-content .optional{font-size:0.65em;font-weight:normal;}
@media screen and (max-width: 768px) {
  #popup2 .form-group label{width:100%}
  #popup-content{padding:32px 16px 40px 16px;top:50px;}
  #popup .error{font-size:0.9em;margin:8px auto;}
  #popup2 .regist_q > label{margin:0 0 8px 0;}
  #popup2 .form-group{margin:8px 0px 0px 0px;}
  #options3 .form-group span{padding-left:1.5em;}
  .additionalForm{margin:8px 0 5px 0;width:100%;}
}
/*マイページ*/
.mypage__Wrap, .present__Wrap, .present__detailWrap, .present__endWrap, .docsinquiry__Wrap, .faq__Wrap{width:95%;max-width:1100px;margin:0 auto;}
.mypage__Wrap section, .present__Wrap section, .docsinquiry__Wrap section{margin:0 auto;padding:20px;border-top:1px solid #323338;}
@media screen and (max-width: 1100px) {
  .mypage__Wrap section{padding:15px 5px;}
}
.mypage__Wrap .title{color:#CC0081;font-weight:bold;padding-right:5px;}
.mypage__Wrap .title i{padding-right:5px;color:#CC0081;}
.point_confirm .title{margin:5px 0;padding-right:0;}
.point_confirm .title span{color:#494949;font-weight:bold;padding-left:5px;}
.mypage__Wrap section:last-child, .present__Wrap section:last-child{border-bottom:1px solid #323338;}
.courseBox{border:1px solid #323338;background-color:#333;}
.mypage__Wrap select{background-color:#333;padding-right:40px;}
.mypage__Wrap .genre__sortWrap{font-size:1.2em;line-height:1.4em;}
/*お知らせ*/
.info__Wrap{width:95%;max-width:1100px;margin:0 auto;margin-top:30px;}
.info_date{text-align:right;margin:30px 0;}
/*個別ポイント購入*/
.point_confirm{font-size:1.1em;line-height:1.4em;background-color:#161719;border-top:0px !important;}
.point_confirm > div{margin:5px 0;}
.payBox{min-height:70px;font-size:1.2em;} 
.payBox > div:nth-child(2){width:70%;}
.pay-img{width:30%;max-width:200px;margin-right:20px;}
/*プレゼント*/
.pre__index .pre-img{width:100%;min-width:100px !important;max-width:150px !important;}
.pre__index .pre-title{font-size:1rem;margin-bottom:5px;padding-left:15px;line-height:1.4em;}
.pre__index .pre-end{padding-left:30px;color:#808080;font-size:0.85em;}
.present__detailWrap{font-size:1.1em;}
.apply_info{min-width:100px;white-space: nowrap;text-align:center;}
.present__detailWrap .pre-img{margin:0 auto 20px auto;width:98%;max-width:640px;}
.present__detailWrap .pre-title{font-size:1.2rem;padding-left:0;margin:40px 0;text-align:center;line-height:1.4em;}
.present__detailWrap .courseBox{padding:10px 0;text-align:center;margin:20px auto;}
.present__detailWrap section{margin:0 auto;padding:30px;}
.present__detailWrap .flexbox{border-top:1px solid #323338;}
.present__detailWrap .flexbox > div:nth-child(1){width:20%;text-align:center;}
.present__detailWrap .flexbox > div:nth-child(2){width:80%;padding-left:15px;}
.present__detailWrap a{display:inline;color:#FF00A0;text-decoration:underline;}
.form-caution{font-size:0.8rem;}
.present__endWrap{text-align:center;line-height:1.4em;}
.present__endWrap div{margin:10px auto;}
.present__endWrap section{margin:0 auto;padding:20px 0;}
.present__endWrap .flexbox a{width:49%;margin-bottom:2%;}
.present__endWrap .flexbox > a:nth-child(odd){margin-right:2%;}
.present__endWrap i{padding:0;margin:20px auto;color:#fff;}
@media screen and (min-width: 1100px) {
  .present__endWrap .flexbox a{width:32%;}
  .present__endWrap .flexbox a:nth-child(3n+2){margin:0 2%;}
  .present__endWrap .flexbox > a:nth-child(odd){margin-right:auto;}
}
/*お問い合わせ*/
.inquiry_date{font-size:1.2em;text-align:center;font-weight:bold;line-height:2em;}
.docsinquiry__Wrap .title{font-size:1.2em;font-weight:bold;}
.docsinquiry__Wrap .btGray{margin-top:10px;max-width:450px;}
.docsinquiry__Wrap div, .faq__Wrap div{margin:20px 0;}
.docsinquiry__Wrap i{padding-right:0;}
.faq__Wrap{width:95%;max-width:1100px;margin:0 auto;}
.faq__Wrap{line-height:1.8em;}
@media screen and (min-width: 1100px) {
  .faq__Wrap{padding:20px 25px;}
}
.faq__Wrap .arrow_right:after{border-top:2px solid #494949;border-right:2px solid #494949;}
.faq__Wrap section{margin:40px auto;}
.faq__Wrap h2{font-size:1.4em;}
@media screen and (min-width: 1100px) {
  .faq__Wrap h2{margin:40px 0;}
}
.faq__item{width:100%;/*padding:25px 30px 25px 15px;*/background-color:#fff;border:1px solid rgba(35, 45, 58, 0.1);border-radius:3px;color:#000;}
.faq__Wrap .arrow_right::after{right:20px !important;width:12px;height:12px;}
.faq__item p{font-size:1.2em;margin:5px 0;}
.faq__item span{font-size:0.9em;}
.faq__item a{padding:16px 24px 16px 16px;}
.faq_title{font-size:1.2em;font-weight:bold;}
.faq_detail p{color:#000;margin:10px 0;font-weight:bold;font-size:1.1em;}
.faq_detail ul, .faq_detail li{margin:20px auto;}
.faq_detail a{display:inline-block;text-decoration:underline;color:#FF00A0;}
.faq__page{padding:10px 15px;background:#fafafa;}
@media screen and (min-width: 1100px) {
  .faq__page{padding:20px 25px;}
}
/*アコーディオン*/
.faq__Wrap .accordion-area{list-style: none;width: 100%;margin:0 auto;}
.faq__Wrap .accordion-area li{margin: 10px 0;}
.faq__Wrap .accordion-area li section{margin:20px auto;padding:10px;}
.faq__Wrap .accordion-area section {border:1px solid rgba(35, 45, 58, 0.1);border-radius:3px;color:#000;}
.faq__Wrap .accordion-area .faq_title {
  position: relative;
  cursor: pointer;
  font-size:1rem;
  font-weight: normal;
  padding: 3% 50px 3% 3%;
  transition: all .5s ease;
}
.faq__Wrap .accordion-area .faq_title::before,
.faq__Wrap .accordion-area .faq_title::after{
  position: absolute;
  content:'';
  width: 12px;
  height: 2px;
  background-color: #333;
}
.faq__Wrap .accordion-area .faq_title::before{
  top:48%;
  right: 23px;
  transform: rotate(-45deg);  
}
.faq__Wrap .accordion-area .faq_title::after{    
  top:48%;
  right: 30px;
  transform: rotate(45deg);
}
.faq__Wrap .accordion-area .faq_title.close::before{transform: rotate(45deg);}
.faq__Wrap .accordion-area .faq_title.close::after{transform: rotate(-45deg);}
.faq__Wrap .accordion-area .faq_box {
  display: none;
  margin:0 3% 3% 3%;
  padding: 0 3%;
}
.rules__Wrap a{text-decoration:underline;display:inline;}
.rules__Wrap section{padding:20px;margin:0 auto;}
.rules__Wrap h2.sec_title{font-size:1.1em;font-weight:bold;margin: 0 0 10px 0;}
.rules__Wrap h3.sec_title{margin: 10px 0;}
.rules__Wrap .ml_20{margin:1.3em 0 1.3em 1.3em;;}
.terms_list li{text-indent:-1.3em;padding-left:1.3em;padding-bottom:5px;}
.rules__Wrap table{margin:10px 0;}
.rules__Wrap table, .rules__Wrap th, .rules__Wrap td{border:1px solid #a9a9a9;padding:10px;}
.rules__Wrap th{background:#333333;color:#fff;}
/*エラー*/
.error__box{font-size:1.4em;line-height:2em;margin-bottom:50px;}
.error_msg{color:#c40101;font-weight:bold;}
/*再生ページ*/
.fav_area{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.playerImg{position:relative;}
.playerImg .fas{
  position:absolute;
  bottom:0;
  right:0;
  margin:0;
  padding:0;
  background:#fff;
  border-radius:50%;
  color:#000;
}
.shaka-video-container{width:100%;}
.shaka-video-container button{width:auto;}
.buyDays{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;}
/*モーダル*/
.modal {
  display: none;
  position: fixed;
  z-index: 100;
  top:0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.75);
  text-align:center;
  overflow:auto;
  transform:translateZ(1px);
}
.modal-content {
  background: transparent;
  margin: 2em auto;
  width: 85%;
  max-width:720px;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius:5px;
  background-color:hsla(0,0%,100%,.15);
  backdrop-filter:blur(15px) brightness(60%);
  -webkit-backdrop-filter:blur(15px) brightness(60%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  transform:translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 1100px) {
  .modal-content{
    width: 98%;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    top:auto; 
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  #ua_kanteledogaApp .modal-content{padding-bottom:2em;}
  .modal-body {width:100% !important;}
}
@keyframes modalopen {
  from {opacity: 0}
  to {opacity: 1}
}
.modal-header h1 {
  margin: 0.5rem auto;
  padding:0;
}
.modal-header {
  display: flex;
  justify-content: space-between;
  height:0;
  position:relative;
  border-radius:10px;
  margin:10px 15px !important;
}
.modal-close {
  font-size: 2rem;
  color:#fff;
  position:absolute;
  top:0;
  right:0;
}
.modal-close:hover {
  cursor: pointer;
}
.modal-body {
  padding: 10px 20px;
  width:85%;
  margin:0 auto;
  line-height:1.4em;
}
.modal-body button{color:#FAFAFA;max-width:400px;}
.modal-body .btGray{padding:15px 25px !important;border:1px solid #fff;}
.modal-body .bt{padding:15px 0;margin:0 auto 30px auto;}
.modal-body section{margin:0 auto 40px auto;}
#modalFour .modal-buyComf div{width:95%;margin:0 auto;}
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  margin-bottom:10px;
}
.catch:before, .catch:after {
  border-top: 0.5px solid;
  content: "";
  width: 5em; /* 線の長さ */
}
.catch:before {margin-right: 0.8em; /* 文字の右隣 */}
.catch:after {margin-left: 0.8em; /* 文字の左隣 */}
/*PCデザイン*/
@media screen and (min-width: 1100px) {
 .sp{display:none !important;}
 .pc{display:block !important;}
 h1.page__title{font-size:1.8em;}
 /*ヘッダー*/
 .searchPanel{padding:50px 25px;}
 .searchPanel .search-form-sp{display:none;}
 .nav{padding:0 20px;}
 /*トップ*/
 .main-vi-bnr{position:absolute;z-index:1;width:27.4%;background: rgba(0,0,0,0.8);top:0;left:-1px;height:100%;padding:15px;}
 .txtDetail{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:0.85em;}
 /*.main-vi-bnr a{text-align:center;}*/
 .main-vi-bnr img{width:80%;margin:0 auto;}
 /*スライド*/
 #main-vi .swiper-wrapper{height:auto !important;}
 #main-vi .swiper-single .swiper-wrapper{width:46%;margin:0 auto;text-align:center;}
 /*メニュー*/
 .infoList{width: 40%;left:53%;}
 #header-search-form input{width:100%;}
 /*フッター*/
 footer ul li{width:auto;height:auto;line-height:1em;}
 .appWrapper{height:250px;}
 /*トピック*/
 #pagetop .topic-wrapper{position:relative;}
 .topic-wrapper{margin:50px 0;}
 .rankingWrap .topic-wrapper{margin:25px 0;}
 .topic-wrapper h2.arrow_right{display:inline-block;}
 .topic-sp-img{height:260px;width:525px;}
 .topic-sp-img img{height:260px;width:500px;}
 .topic-sp-imgTxt{top:0;left:0;width:525px;height:260px;line-height:2em;}
 /*シリーズ*/
 .series-main{display: -webkit-flex;display: flex;}
 .series-main img{max-height: 400px;}
 .series-mainL{width:50%;}
.series-mainR{width:50%;padding:0 20px;}
.series__staff .flexbox > div{margin-bottom:3%;width:25%;}
.secBox{width:32%;padding:10px 0 25px 0;}
.secBox:nth-child(3n-1){margin:0 2%;}
.buyDays{display: -webkit-flex;display: flex;}
.buyDays > div:nth-child(1):after{content: '｜';}
.series__outlineWrap > div{margin:40px 0;}
.series-wrapper section{margin:40px auto;}
/*会員登・ログイン*/
#reg__form section{font-size:1.1em;}
.sign_in_form{display: -webkit-flex;display: flex;}
.sign_in_form section{width:50%;padding:0 20px;}
.sign_in_form section:nth-child(1){border-right:1px solid #fff;}
/*検索・マイリスト*/
.search__itemWrap .topicbox{width:19%;margin-right:1%;}
.search__itemWrap .topicbox:nth-child(1), .search__itemWrap .topicbox:nth-child(5n+1){margin-left:0.5%;}
.search__itemWrap .topicbox:nth-child(5n) {margin:0 0.5% 0 0;}
.search__itemWrap .topicbox .iconList{margin:0;}
.search__itemWrap .topicbox .txt{font-size:1em;}
}